@charset "utf-8";
/*
================================================================
	 basic reset
================================================================
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
body, button, input, select, textarea { font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', tahoma, arial, '\5b8b\4f53', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol, li { list-style: none; }
a { text-decoration: none; outline: none; }
a:active { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, input { border: none; }
input, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%;
	vertical-align: middle; }
img { border: 0; max-width: 100%; *max-width: none;
	vertical-align: top; }
em, i { font-style: normal; }
del { text-sdecoration: line-through; }
abbr[title], dfn[title] { border: 0; font-variant: normal; cursor: help; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*
================================================================
	 basic modules
================================================================
*/

/* clearfix
--------------------------------------------------------------*/
.clearfix:after {
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
.clearfix { *zoom:1;}

/* margin */
.mb10{
	margin-bottom: 10px;
}
.mb30{
	margin-bottom: 30px;
}
/* FONT-WEIGHT */
.fb { font-weight: bold; }

/* FONT-SIZE */
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }

/* BREAK */
.noBr { white-space: nowrap; }
.allBr { word-break: break-all; word-wrap: break-word; }

/* FLOAT */
.fr { float: right; }
.fl { float: left; }

/* DISPLAY */
.disb { display: block; }
.hid { display: none; }
.disib { display: inline-block; *display: inline; *zoom: 1;}

/* watermark */
.watermark{
	position: relative;
}
.watermark label{
	position: absolute;
	left: 44px;
	top: 7px;
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	line-height: 1;
	color: #535353;
	cursor: text;
}
input:focus{
	outline: none;
}
/* form */
input[type="text"],input[type="password"]{
	border: 1px #dfdfdf solid;
	width: 163px;
	height: 29px;
	padding: 0 5px;
	font-size: 14px;
	line-height: 29px;
	color: #535353;
}
input:- webkit-autofill { -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,0) inset; }

.select {
	width: 240px;
	*background-position: 101% center;
	border: 1px solid #c5c5c5;
	display: inline-block;
	*display:inline;
	*zoom:1;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	/*overflow: hidden;*/
	position: relative;
	vertical-align: middle;
}
.select .select-value {
	height: 100%;
	padding: 0 33px 0 9px;
	text-align: left;
	color: #878787;
	cursor: pointer;
	background:url(../images/pay/select-bg.png) no-repeat 100% center;
}
.select .options{
	display: none;
	z-index: 888;
	position: absolute;
	top: 100%;
	left: -1px;
	width: 100%;
	border: 1px #c5c5c5 solid;
	background: #fff;
}
.select a{
	display: block;
	padding: 0 9px;
	color: #878787;
}
.select a:hover{
	background: #4D7FD6;
	color: #fff;
}
/* global */
html{position: relative;}
body{
	position: relative;
	background: #ebe7e3;
}
.wrap{
	width: 1000px;
	margin: 0 auto;
}
/* icons */
.icon{
	display: inline-block;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-image: url(../images/pay/icons.png);
	vertical-align: middle;
	*zoom: 1;
	_overflow: hidden;
	_display: table-cell;
}
.icon-tel{
	width: 63px;
	height: 63px;
	margin-right: 10px;
	background-position: 0 0;
}
.icon-mobile{
	width: 19px;
	height: 28px;
	background-position: 0 -63px;
}
.icon-pc{
	width: 27px;
	height: 22px;
	background-position: 0 -91px;
}
.icon-member{
	width: 33px;
	height: 31px;
	background-position: 0 -175px;
}
a:hover .icon-member{
	background-position: -34px -175px;
}
.icon-pencil{
	width: 33px;
	height: 31px;
	background-position: 0 -144px;
}
a:hover .icon-pencil{
	background-position: -34px -144px;
}
.icon-charge{
	width: 33px;
	height: 31px;
	background-position: 0 -113px;
}
a:hover .icon-charge{
	background-position: -34px -113px;
}
.icon-account{
	width: 33px;
	height: 31px;
	background-position: 0 -206px;
}
.icon-modify{
	width: 33px;
	height: 31px;
	background-position: 0 -237px;
}
/* header */
.header{
	zoom: 1;
	position: relative;
	z-index: 66;
	padding-bottom: 1px;
	border-top: 1px solid #e0e0df;
	background: -moz-linear-gradient(top, #eaeaea 0%, #fcfcfc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#fcfcfc));
	background: -webkit-linear-gradient(top, #eaeaea 0%,#fcfcfc 100%);
	background: -o-linear-gradient(top, #eaeaea 0%,#fcfcfc 100%);
	background: -ms-linear-gradient(top, #eaeaea 0%,#fcfcfc 100%);
	background: linear-gradient(to bottom, #eaeaea 0%,#fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fcfcfc',GradientType=0 );
}
.header .inner{
	zoom: 1;
	position: relative;
	z-index: 999;
	/*background: #f0f1f3;	*/
}
.logo{
    position: relative;
    z-index: 12;
    float: left;
    margin: 8px 1px 0 15px;
    width: 279px;
    height: 62px;
    text-indent: -9999px;
    font-size: 0;
}
.logo img{
    width: 158px;
    height: 62px;
    display: block;
}
.nav{
	position: relative;
	z-index: 12;
	float: left;
	background: url(../images/pay/nav-text.png) no-repeat;
}
.nav li{
	float: left;
	width: 106px;
	text-align: center;
}
.nav a{
	position: relative;
	display: block;
	padding: 28px 0 27px;
	height: 18px;
	border: 1px solid transparent;
	border-top: none;
	border-bottom: none;
	font-size: 18px;
	line-height: 1;
	text-indent: -9999px;
	text-decoration: none;
	color: #3c3c3c;
}
/* .nav span{
	display: block;
	margin-top: 5px;
	font-size: 8px;
	font-family: 'arial';
	color: #363636;
} */
.nav a span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.nav .nav-index.current span,.nav .nav-index a:hover span{
	background: url(../images/pay/nav-text.png) no-repeat -1px -73px;
}
.nav .nav-manage.current span,.nav .nav-manage a:hover span{
	background: url(../images/pay/nav-text.png) no-repeat -107px -73px;
}
.nav .nav-recharge.current span,.nav .nav-recharge a:hover span{
	background: url(../images/pay/nav-text.png) no-repeat -213px -73px;
}
.nav .nav-cs.current span,.nav .nav-cs a:hover span{
	background: url(../images/pay/nav-text.png) no-repeat -319px -73px;
}
.nav .current a,.nav a:hover{
	border-left-color: #e8e8e8;
	border-right-color: #e9e9e9;
	background: url(../images/pay/nav-bg.jpg) repeat-x;
	color: #003e83;
}
.nav .current + li a{
	border-left-color: transparent;
}
.nav li:hover +.current a{
	border-left-color: transparent;
}
/*right nav*/
.right-nav{
	float: left;
	width: 280px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 31px;
}
.right-nav a{
	float: left;
	color: #6b6b6b;
	text-decoration: none;
}
.right-nav .top-login{
	margin: 0 20px 0 50px;
}
/*right nav user*/
.right-nav-user{
	font-size: 12px;
	color: #12d3e4;
}
.right-nav-user p{
	float: left;
	width: 140px;
	margin-left: 6px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-weight: bold;
}
.right-nav-user .signout{
	float: left;
	margin: 0 8px 0 16px;
	font-weight: bold;
	color: #12d3e4;
}
.right-nav .top-charge{
	font-weight: bold;
}
.right-nav a:hover{
	color: #5bbde3;
}
/*.right-nav .top-charge,.right-nav .top-account,.right-nav .top-modify{
	font-weight: bold;
	color: #5bbde3;
}*/
/*right nav manage*/
.right-nav-manage a{
	margin-left: 8px;
}
.slider{
	position: relative;
	width: 100%;
	height: 571px;
	/*top: 74px;
	left: 0;*/
}
.slides{
	position: absolute;
	width: 100%;
	height: 100%;
}
.slides div{
	width: 100%;
	height: 571px;
}
.slider .slide1{
	background: url(../images/pay/slide2.jpg) no-repeat center 0;
}
.slider .slide2{
	background: url(../images/pay/slide1.jpg) no-repeat center 0;
}
.slider .slide3{
	background: url(../images/pay/slide2.jpg) no-repeat center 0;
}
.pageNav{
	position: absolute;
	z-index: 888;
	top: 560px;
	left: 50%;
	margin-left: -67px;
}
.pageNav li{
	float: left;
}
.pageNav li+li{
	margin-left: 20px;
}
.pageNav a{
	display: block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	background: url(../images/pay/sprite.png) no-repeat -776px 0;
}
.pageNav .cur{
	width: 34px;
	background-position: -740px 0;
}
/* main */
.main{
	position: relative;
	z-index: 797;
}
/*mix box*/
.mix-box{
	width: 570px;
	background: #e9e9e9;
}
/* login box */
.login-box{
	position: relative;
	*zoom: 1;
	width: 290px;
	border-right: 1px solid #dadada;
	float: left;
}
.quick-links{
	margin-bottom: 50px;
}
.quick-links a{
	float: left;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	text-indent: -9999px;
	color: #505050;
	background: url(../images/pay/sprite.png) no-repeat 0 0;
}
.quick-links .register{
	width: 144px;
	margin-left: 1px;
	background-position: -635px -266px;
}
.quick-links .charge{
	width: 145px;
	background-position: -485px -266px;
}
.quick-links .register:hover{
	background-position: -635px -307px;
}
.quick-links .charge:hover{
	background-position: -485px -307px;
}
.login-box .error-msg{
	width: 197px;
	position: absolute;
	top: 120px;
	left: 45px;
}
.login-box .title{
	padding: 30px 0 18px;
	font-size: 22px;
	line-height: 1;
	text-align: center;
	background: #f0f0f0;
	color: #2FC4E4;
}
.login-box .form{
	padding: 0 0 25px 45px;
}
.login-box .account-field{
	width: 197px;
	height: 27px;
	background: url(../images/pay/sprite.png) no-repeat -281px 0;
}
.login-box .password-field{
	width: 197px;
	height: 27px;
	background: url(../images/pay/sprite.png) no-repeat -281px -28px;
}
.login-box input[type="text"],.login-box input[type="password"]{
	padding: 0 0 0 44px;
	width: 153px;
	height: 27px;
	background: transparent;
	border: none;
	font-size: 14px;
	line-height: 27px;
	color: #535353;
}
.login-box .forget-password{
	float: right;
	margin-right: 45px;
	font-size: 12px;
	line-height: 16px;
	color: #7a7a7a;
}
.login-box .verify-field{
	margin-top: 16px;
}
.login-box input.verify{
	width: 91px;
	padding-left: 6px;
	background: url(../images/pay/sprite.png) no-repeat -281px -56px;
}
.verify-field label{
	left: 7px;
}
.verify-field .watermark{
	float: left;
	margin-right: 9px;
}
.login-box .verify-field img{
	float: left;
}
.change-code{
	float: right;
	margin-right: 5px;
	font-size: 12px;
	line-height: 27px;
	color: #dc573c;
}
.login-box .btn-login{
	cursor: pointer;
	display: block;
	width: 197px;
	height: 36px;
	margin: 28px 0 0;
	font-size: 18px;
	line-height: 2;
	text-align: center;
	color: #fff;
	background: #5a85b8;
}
/*scan box*/
.scan-box{
	overflow: hidden;
}
.scan-box .scan{
	width: 149px;
	height: 148px;
	margin: 94px auto 16px;
	border: 3px #fff solid;
	background: #b9b9b9;
}
.scan-box span{
	display: block;
	font-size: 17px;
	line-height: 1;
	text-align: center;
	color: #5f5f5f;
}
/* tools */
.tools{
	zoom: 1;
	margin-top: -34px;
	padding-top: 12px;
	background: url(../images/pay/cap.png) no-repeat 0 0;
}
.tool-list{
	margin-bottom: 10px;
	padding: 10px 0 12px 50px;
	background: #ebe7e3;
	/*border-bottom: 1px solid #e5e6e7;*/
}
.tool-list li{
	float: left;
	padding: 0 40px;
}
.tool-list a{
	position: relative;
	display: block;
	width: 65px;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	color: #4d7fd6;
}
.tool-list .icon-mask{
	position: absolute;
	left: -1px;
	top: -1px;
	width: 68px;
	height: 68px;
	background: url(../images/pay/sprite.png) no-repeat -410px -146px;
}
.tool-list .icon{
	position: relative;
	display: block;
	width: 65px;
	height: 65px;
	margin-bottom: 5px;
	background: #4d7fd6 url(../images/pay/sprite.png) no-repeat -9999px -9999px;
}
.tool-list .icon1{
	background-position: 0 -144px;
}
.tool-list .icon2{
	background-position: -68px -144px;
}
.tool-list .icon3{
	background-position: -136px -144px;
}
.tool-list .icon4{
	background-position: -204px -144px;
}
.tool-list .icon5{
	background-position: -273px -144px;
}
.tool-list .icon6{
	background-position: -341px -144px;
}
.tool-list i{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: #68cf42 url(../images/pay/sprite.png) no-repeat -9999px -9999px;
}
.tool-list .icon1 i{
	background-position: 0 -209px;
}
.tool-list .icon2 i{
	background-position: -68px -209px;
}
.tool-list .icon3 i{
	background-position: -136px -209px;
}
.tool-list .icon4 i{
	background-position: -204px -209px;
}
.tool-list .icon5 i{
	background-position: -273px -209px;
}
.tool-list .icon6 i{
	background-position: -341px -209px;
}
/* display box */
.display-box{
	position: relative;
	z-index: 9;
	margin-bottom: 30px;
}
/* .display-nav{
	width: 245px;
	margin: 0 0 4px 755px;
} */
.filter{
	position: relative;
	z-index: 8;
	margin-bottom: 10px;
}
/* display list */
.display-list{
	width: 100%;
	overflow: hidden;
	position: relative;
	/*padding-top: 41px;*/
}
.display-nav{
	position: relative;
	height: 41px;
	margin-top: 26px;
}
.display-nav.disabled{
	visibility: hidden;
}
.display-nav .prev,.display-nav .next{
	position: absolute;
	top: 0;
	left: 50%;
	width: 113px;
	height: 37px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	border: 1px #d2d2d2 solid;
	color: #6e6e6e;
	/*border-top: none;*/
	background: #f2f2f2;
}
.display-nav a:hover{
	background: #fff;
}
.display-nav .prev{
	margin-left: -120px;
}
.display-nav .next{
	margin-left: 7px;
}
.display-nav .prev i,.display-nav .next i{
	display: inline-block;
	width: 10px;
	height: 15px;
	background: url(../images/pay/sprite.png) no-repeat -999em -999em;
	vertical-align: middle;
	*zoom: 1;
	_overflow: hidden;
	_display: table-cell;

}
.display-nav .prev i{
	margin-right: 5px;
	background-position: -387px -87px;
}
.display-nav .next i{
	margin-left: 5px;
	background-position: -375px -87px;
}
.display-nav .disabled,.display-nav .disabled:hover{
	background: #f2f2f2;
	cursor: default;
}
/* display slider */
.display-slider{
	width: 1000px;
	height: 128px;
	margin: 0 auto;
}
.display-item{
	width: 100%;
}
.display-list .item{
	overflow: hidden;
	position: relative;
	float: left;
	width: 243px;
	height: 126px;
	border: 1px solid #f1f1f1;
	background: #eeeeee;
}
.display-list .item + .item{
	margin-left: 6px;
}

.display-list .tag{
	position: absolute;
	width: 54px;
	height: 46px;
	right: 0;
	top: 0;
	background: url(../images/pay/sprite.png) no-repeat -9999px -9999px;
}
/* front */
.display-list .front{
	display: block;
	height: 126px;
	background: #fff;
}
.display-list .tag-pc{
	/*background-position: -597px 0;*/
	background-position: -652px 0;
}
.display-list .tag-mobile{
	background-position: -540px 0;
}
.display-list .front .image{
	float: left;
	width: 50%;
	height: 126px;
	text-align: center;
}
.display-list .image img{
	vertical-align: middle;
}
.display-list .image em{
	display: inline-block;
	height: 100%;
	width: 0;
	overflow: hidden;
	vertical-align: middle;
}
.display-list .brief{
	display: block;
	overflow: hidden;
	padding-top: 34px;
}
.display-list .brief span{
	display: block;
	color: #525252;
}
.display-list .brief .title{
	margin-bottom: 5px;
	font-size: 17px;
	line-height: 1;
}
.display-list .brief .sub-title{
	font-size: 12px;
	line-height: 1;
}
.display-list .brief .btn-detail{
	width: 87px;
	height: 29px;
	font-size: 14px;
	line-height: 29px;
	margin-top: 12px;
	text-align: center;
	color: #ff7200;
	background: url(../images/pay/sprite.png) no-repeat -282px -84px;
}
/* back */
.display-list .front{
	position: absolute;
	left: 0;
	top: 0;
	width: 243px;
	height: 126px;
	/*display: none;*/
}

/*.display-list .back .tag-pc{
	background-position: -652px 0;
}
.display-list .back .tag-mobile{
	background-position: -480px 0;
}*/
.display-list .description{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 37px;
	padding: 0 12px;
	font-size: 14px;
	line-height: 37px;
	color: #fff;
}
.display-list .description .fill{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: 0.71;
	filter: alpha(opacity=71);
}
.display-list .back .title{
	position: relative;
	float: left;
}
.display-list .link{
	position: relative;
	float: right;
}
.display-list .front,.display-list .back{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
}
.display-list .front {
	z-index: -1;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.display-list a:hover .back{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.display-list a:hover .front{
	z-index: 10;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}
/* spread box */
.spread-box{
	padding-bottom: 31px;
}
/* news box */
.news-box{
	float: left;
	width: 446px;
	margin-left: -20px;
}
.news-box .title{
	position: relative;
	font-size: 22px;
	line-height: 1;
	padding: 3px 0 7px 16px;
	border-bottom: 1px solid #e9e9e9;
	color: #797979;
}
.news-box .more{
	position: absolute;
	right: 13px;
	top: 3px;
	width: 48px;
	height: 22px;
	font-size: 10px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	background: #aaaaaa;
}
.news-box .more span{
	display: block;
}
.news-box .news-list{
	padding: 0 10px 0 15px;
	font-size: 12px;
	line-height: 2;
}
.news-box .tag{
	float: left;
	margin-right: 10px;
}
.news-box .tag-news{
	color: #c33621;
}
.news-box .tag-post{
	color: #1b6190;
}
.news-box .news{
	float: left;
	color: #797979;
}
.news-box .news:hover{
	text-decoration: underline;
	color: #333;
}
.news-box time{
	float: right;
	color: #797979;
}
/* recommend box */
.recommend-box{
	float: right;
	width: 560px;
}
.recommend-box a{
	position: relative;
	float: left;
	width: 50%;
}
.recommend-box a:hover .mask{
	display: none;
}
.recommend-box a:hover .fill{

}
.recommend-box .mask{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.recommend-box .brief{
	z-index: 9;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 45px;
	padding: 10px 8px 0;
	color: #fff;
}
.recommend-box .fill{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: 0.54;
	filter: alpha(opacity=54);
}
.recommend-box span{
	position: relative;
	z-index: 2;
	line-height: 1;
}
.recommend-box .title{
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}
/* layout */
.left-sidebar{
	float: left;
	width: 300px;
	margin-bottom: 50px;
}
.left-sidebar.white{
	padding-bottom: 180px;
	background: #fff;
}
/*----------------------------------------------recharge page ---------------------*/
.main-container{
	width: 1024px;
	padding-bottom: 20px;
}
.banner{
	height: 256px;
	background: url(../images/pay/banner.jpg) no-repeat center 0;
}
.breadcrumb{
	width: 188px;
	padding: 4px 0 4px 12px;
	position: relative;
	margin: 224px -12px 0 0;
	font-size: 12px;
	line-height: 2;
	color: #004367;
	background: url(../images/pay/breadcrumb.png) no-repeat;
}
.breadcrumb a{
	color: #004367;
}
.breadcrumb .pipe{
	margin: 0 4px;
}
/* left sidebar */
.block-pass{
	overflow: hidden;
	position: relative;
	border: 1px #d9d9d9 solid;
	padding: 9px 9px 20px;
	color: #666666;
	background: #f5f5f5 url(../images/pay/pass-bg.png) no-repeat -1px -1px;
}
.block-pass .title{
	/*border-bottom: 1px #c9c9c9 solid;*/
	font-size: 24px;
	line-height: 2;
	text-align: center;
	text-indent: -9999px;
	color: #eaa41d;
}
.block-pass .fieldset{
	margin-top: 18px;
}
.placehold{
	position: relative;
}
.placehold .text-holder{
	position: absolute;
	left: 94px;
	top: 8px;
	color: #B8B8B8;
}
.block-pass .short{
	width: 103px;
}
.block-pass label{
	float: left;
	width: 88px;
	font-size: 14px;
	line-height: 31px;
	text-align: right;
}
.block-pass input[type="text"],.block-pass input[type="password"] {
	width: 165px;
	height: 31px;
	border: none;
	background-color: transparent;
	background: url(../images/pay/sprite.png) no-repeat -599px -55px;
}
.block-pass input.short {
	width: 105px;
	background: url(../images/pay/sprite.png) no-repeat -599px -87px;
}
.block-pass .forget-password{
	margin-left: 5px;
	font-size: 14px;
	line-height: 31px;
	color: #666666;
	vertical-align: middle;
}
.block-pass img{
	vertical-align: middle;
}
/*.create-user{
	margin: 18px 0;
	text-align: center;
}
.create-user a{
	color: #ff6c00;
}*/
.error-msg{
	font-size: 12px;
	line-height: 29px;
	text-align: center;
	color: #de5a3f;
	background: #faffc6;
	border: 1px solid #e3cb9f;
}
.block-pass .error-msg{
	position: absolute;
	width: 197px;
	left: 50%;
	bottom: 107px;
	margin-left: -98px;
}
.block-pass .btn-submit{
	display: block;
	width: 134px;
	height: 48px;
	margin: 40px auto 0;
	font-size: 21px;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
	text-indent: -9999px;
	color: #fff;
	background: url(../images/pay/sprite.png) no-repeat -464px -55px;
	cursor: pointer;
}
.block-pass .quick-sign{
	float: right;
	margin: 20px 10px 0 0;
	font-size: 14px;
	line-height: 1;
	color: #2f5393;
}
.widget ul{
	background: #fff;
}
.widget-title{
	border: 1px solid #e5e5e5;
	padding: 18px 0 13px;
	font-size: 18px;
	line-height: 1;
	text-indent: 96px;
	color: #6e6e6e;
	background: url(../images/pay/widget-bg.jpg) repeat-x 0 0;
}
.widget li a{
	display: block;
	font-size: 14px;
	line-height: 2.5;
	text-indent: 96px;
	text-decoration: none;
	color: #6e6e6e;
}
.widget li a:hover{
	background: #F97908;
	color: #fff;
}
.widget-contact .widget-title{
	padding: 11px 0 10px;
	text-indent: 0;
	text-align: center;
	border: none;
	background: #3e5091;
}
.widget-contact a{
	font-size: 25px;
	line-height: 63px;
	color: #fff;
}
/* right content */
.menu{
	margin: 0 -29px;
	background: url(../images/pay/tab.png) no-repeat 0 0;
}
.menu li{
	float: left;
}
.menu a{
	display: block;
	width: 177px;
	height: 66px;
	font-size: 25px;
	line-height: 66px;
	text-decoration: none;
	text-align: center;
	text-indent: -9999px;
	color: #fff;
	/*background: url(../images/pay/tab.png) no-repeat -301px -275px;*/
}
.menu-recharge .link1.active,.menu-recharge .link1:hover{
	background: url(../images/pay/tab.png) no-repeat 0 -70px;
}
.menu-recharge .link2.active,.menu-recharge .link2:hover{
	background: url(../images/pay/tab.png) no-repeat -177px -70px;
}
.menu-recharge .link3.active,.menu-recharge .link3:hover{
	background: url(../images/pay/tab.png) no-repeat -354px -70px;
}
.menu-recharge .link4.active,.menu-recharge .link4:hover{
	background: url(../images/pay/tab.png) no-repeat -531px -70px;
}
.menu-manage{
	background-position: 0 -417px;
}
.menu-manage .link1.active,.menu-manage .link1:hover{
	background: url(../images/pay/sprite.png) no-repeat 0 -484px;
}
.menu-manage .link2.active,.menu-manage .link2:hover{
	background: url(../images/pay/sprite.png) no-repeat -236px -484px;
}
.menu-manage .link3.active,.menu-manage .link3:hover{
	background: url(../images/pay/sprite.png) no-repeat -472px -484px;
}
/*----------------------------------------------manage page ---------------------*/
.manage .banner{
	height: 262px;
	background-image: url(../images/pay/manage/banner.jpg);
}
.manage .breadcrumb{
	margin-top: 230px;
}
.block-manage-account{
	padding: 16px 0 10px 65px;
	border: 1px solid #1e4995;
	background: url(../images/pay/manage/manage-bg.jpg) no-repeat;
}
.block-manage-account .welcome{
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 1;
	color: #eaa41d;
}
.block-manage-account a{
	font-size: 12px;
	line-height: 17px;
	text-decoration: none;
	color: #fff;
}
/* footer */

.footer { position: relative; z-index: 999999; width: 100%; height: 124px; padding: 20px 0 100px; background-color: #232525; float: left;}
.f_link { float: left; width: 262px; height: 72px; margin: 10px 0 0 32px; background: url(../images/pay/f_logo.png) no-repeat 0 0; }
.f_link a { float: left; width: 128px; height: 72px; text-indent: -999em; }
.f_txt { float: right; padding: 14px 0 0 20px; color: #fefefe; }
.f_txt .gray{margin-bottom: 10px;color: #a4b6c6;}
.f_txt p { /* height: 20px; */ line-height: 20px; }
.f_txt p a { color: #fefefe; }
.f_txt p a:hover { color: #fefefe; text-decoration: underline; }
/* popup */
.overlay{
	display: none;
	z-index: 997;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.popup{
	display: none;
	z-index: 998;
	position: fixed;
	left: 50%;
	top: -1000px;
}
.pop-mixbox{
	width: 570px;
	height: 353px;
	margin: -176px 0 0 -285px;
}
.popup.active{
	display: block;
	top: 50%;
}
.popup .close{
	position: absolute;
	width: 71px;
	height: 66px;
	right: -71px;
	top: 0;
	cursor: pointer;
	background: url(../images/pay/sprite.png) no-repeat -409px -281px;
}
/* popup */