@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
img {
	border: 0;
}
h3, h4, h5 {
	font-weight: normal
}
.fl {
	float: left
}
.fr {
	float: right
}
a {
	color: #3f3e3e;
	text-decoration: none;
}
.red {
	color: #f00;
}
body {
	font-size: 14px;
	margin: 0px auto;
	padding: 0;
	font-family: "microsoft YaHei";
	color: #666;
	background: #eaeaea;
}
.wrap {
	width: 1000px;
	margin: auto
}
.top {
	height: 68px;
	background: url(../images/menubg.jpg) repeat-x;
	border-bottom: solid 2px #288ed3;
}
.top img {
	margin: 0px 0 0 1%
}
.main {
	margin: 30px auto 0;
	overflow: hidden;
}
.payleft {
	float: left;
	width: 24%;
	padding: 2%;
	border: solid 1px #d4d4d4;
	box-sizing: border-box;
	background: #f6f6f6;
	margin-top: 25px
}
.payleft .ga {
	border-bottom: solid 1px #d4d4d4;
	text-align: center;
	padding-bottom: 10px
}
.payleft .ga1 {
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #686868
}
.payleft .ga2 {
	color: #b2b2b2;
	line-height: 22px;
	border-bottom: solid 1px #d4d4d4;
	padding-bottom: 10px
}
.payleft .ttx {
	line-height: 22px;
	background: #ffffff;
	border: solid 1px #d4d4d4;
	padding: 8px;
	color: #686868;
	margin-top: 15px
}
.payleft .ttx span {
	padding: 5px;
	color: #ff6c00
}
.payleft .left_contact {
	margin-top: 10px;
	border-left: solid 1px #e8e3de;
	border-top: solid 1px #e8e3de;
	padding: 10px;
	width: 232px
}
.payleft .left_contact li {
	float: left
}
.payleft .left_contact li.ct {
	width: 50px;
	height: 131px;
	background: url(../images/icon_contact.gif) top center no-repeat
}
.payleft .left_contact li.rt {
}
.payleft .left_contact li.rt H4 {
	font-size: 15px;
	color: #288ed3
}
.payleft .left_contact li.rt H3 {
	font-size: 22px;
	color: #0093dc
}
.payleft .left_contact li.rt h5 {
	line-height: 25px;
	color: #a4a4a4
}
.payleft .left_contact li.rt p {
	padding-top: 5px
}
.payleft .left_contact li.rt p a {
	display: block;
	width: 170px;
	height: 32px;
	background: url(../images/qqonline.gif) no-repeat
}
.payleft .left_contact li.rt p a:hover {
	background: url(../images/qqonline-on.gif) no-repeat
}
.payleft .left_contact {
	border: none;
	margin-top: 10px;
	padding: 0;
	width: 193px
}
.payleft .left_contact li.rt h4 {
	background: url(../images/icon_contact.gif) left center no-repeat;
	padding-left: 40px;
	height: 30px;
	line-height: 30px
}
.payright {
	width: 76%;
	box-sizing: border-box
}
.payright .pay_con {
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #d4d4d4;
	border-left: none;
	background: #fafafa;
	padding: 5%;
}
.payright .pay_con .tit {
	border-bottom: solid 1px #d4d4d4
}
.payright .pay_con .tit h3 {
	width: 140px;
	height: 30px;
	line-height: 30px;
	border-bottom: solid 3px #09C;
	color: #288ed3;
	font-size: 18px
}
.payright h2 {
	height: 25px;
	line-height: 25px;
	width: 137px;
	text-align: center;
	background: url(../images/pay_titbg.gif) left center no-repeat;
	color: #FFF;
	font-size: 14px;
}
.pay_form {
	width: 90%;
	margin: auto
}
.pay_form ul li {
	clear: both;
	margin-top: 20px;
	overflow: hidden
}
.tr_tn {
	float: left;
	width: 90px;
	height: 26px;
	line-height: 26px;
	text-align: right;
	padding-right: 4px;
}
.button_a {
	margin-left: 10px;
	float: left;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
}
.input_txt {
	border: 1px solid #cfcece;
	width: 198px;
	padding: 1px 10px 1px 10px;
	height: 24px;
	line-height: 24px;
	float: left;
}
.input_txt:focus {
	border: 2px solid #09C;
	padding: 0 9px 0 9px;
}
.button_d {
	padding: 1px 1px 1px 11px;
	border: 1px solid #cfcece;
	width: 88px;
	height: 24px;
	line-height: 24px;
	margin-right: 10px;
	color: #525252;
	display: inline-block;
	position: relative;
	float: left;
}
.d_current {
	border: 2px solid #78c143;
	padding: 0 0 0 10px;
}
.fui_radio_checked {
	display: block;
	width: 17px;
	height: 17px;
	background: url(../images/pay1.png) -423px -183px no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.nav {
	width: 163px;
	height: 26px;
	float: left;
	background: #fff url(../images/selc_bg.gif) no-repeat;
}
.nav p {
	display: block;
	padding-left: 10px;
	line-height: 26px;
	cursor: pointer
}
.new {
	width: 161px;
	position: absolute;
	border: 1px solid #cfcece;
	border-top: 0;
	border-radius: 3px;
	display: none;
	background: #fff;
	z-index: 999;
	height: 150px;
	overflow: auto;
}
.nav ul li {
	line-height: 30px;
	padding-left: 10px;
	margin: 0;
}
.nav ul li:hover {
	background: #CCC;
	color: #FFF;
	cursor: pointer
}
.money_box {
	width: 500px;
	overflow: hidden;
	float: left
}
#paynums input {
	margin: 3px 3px 0px 5px
}
#paynums label {
	width: 100px;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
}
.pay_form .tishi {
	height: 40px;
	line-height: 40px;
	border-bottom: solid 1px #e8e8e8;
	padding-bottom: 0px;
	font-size: 12px;
}
.pay_form .tishi span {
	color: #288ed3
}
#err_username {
	color: #288ed3;
	margin: 0 0 0 10px;
	float: left;
	line-height: 24px;
}
.czsm {
	width: 90%;
	margin: 20px auto;
	font-size: 12px;
	line-height: 20px;
}
.czsm .ctitle {
	font-size: 14px;
	line-height: 280%
}
input.subok {
	background: url(../images/pay-sub.gif) no-repeat;
	width: 130px;
	height: 52px;
	border: none;
	cursor: pointer;
	margin-left: 70px;
	text-indent: -9999em;
}
.pay_form .moudou {
	overflow: hidden;
	margin: 20px auto 0;
	background: #e0f0f8;
	padding: 10px;
	font-size: 14px;
	color: #525252;
	font-family: "microsoft YaHei";
}
.pay_form .moudou span#paymoney {
	padding: 0 5px;
	color: #ff4a12;
	font-size: 24px
}
.pay_form .moudou a {
	color: #288ed3;
	padding-left: 10px;
	text-decoration: underline
}
.pay_form .moudou a:hover {
	color: #ff0000;
	text-decoration: none
}
.pay_form .moudou p {
	margin: 5px 15px;
	color: #359ed1
}
.pay_form .moudou span {
	float: left;
	display: inline-block;
}
#paymoney_box_m {
	margin: 20px 0 0 0
}
#paymoney_box_m span {
	height: 46px;
	line-height: 46px;
}
.pay_form .moudou span#cate {
	width: 90px;
	text-align: right
}
.pay_form .moudou span.nu {
	color: #ff4e00;
	font-size: 36px;
	padding: 0 5px;
	margin-right: 20px
}
.pay_form .p-form1 li.d span.tx, .payform .moudou span.tx {
	padding: 0 5px
}
.pay_form .p-form1 li.d span.fs, .payform .moudou span.fs {
	padding: 0 5px;
	color: #ff4a12
}
.bot_tips {
	text-align: center;
	padding: 2em;
	font-size: 12px;
}
.footer {
	width: 100%;
	font-size: 12px;
	overflow: hidden;
	background: #FFF;
	padding: 10px 0;
}
.footer-con {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0
}
.footer-con li {
	float: left
}
.footer-con li.lt {
	width: 160px;
	padding-left: 140px
}
.footer-con li p {
	line-height: 24px;
	font-size: 14px
}
#footnav {
	width: 100%;
	height: 39px;
	background: url(../images/footnav_bg.jpg) repeat-x;
	position: absolute;
	bottom: 0;
	_bottom: 0;
	line-height: 39px
}
 @media screen and (max-width:1000px) {
.wrap {
	width: 100%;
}
.payleft {
	display: none;
}
.payright {
	float: none;
	width: 98%;
	padding: 0 1%;
	margin: auto;
	box-sizing: border-box
}
.payright .pay_con {
	box-sizing: border-box;
	width: 100%;
	padding: 4%;
}
}
@media screen and (max-width:765px) {
.pay_form {
	width: 100%;
}
.pay_form ul li, #paymoney_box_m {
	margin-top: 1em;
}
.nav ul li {
	margin: 0;
}
.tr_tn {
	width: 20%;
	margin-right: 0;
}
.pay_form .moudou span#cate {
	width: 20%;
}
.pay_form .moudou {
	padding: 0.5em;
}
input.subok {
	margin-left: 20%;
}
.input_txt {
	width: 30%;
}
#err_username {
	font-size: 0.8em;
	line-height: 30px;
}
.money_box {
	width: 66%
}
#paynums label {
	width: 33%
}
.footer-con {
	width: 95%;
}
.footer-con li {
	width: 76%;
	margin-left: 2%
}
.footer-con li p {
	font-size: 0.8em;
}
.footer-con li.lt {
	padding: 0;
	width: 20%;
}
.footer-con li.lt img {
	width: 100%;
}
.footer-con li p img {
	width: 22%;
}
}
 @media screen and (max-width:520px) {
.pay_form {
}
.tr_tn, .pay_form .moudou span#cate {
	width: 30%;
}
.input_txt {
	width: 50%;
}
#err_username, input.subok {
	margin-left: 30%
}
}
 @media screen and (max-width:468px) {
.tr_tn, .nav p, .button_d, #paymoney_box_m, #paynums label {
	font-size: 0.8em
}
.pay_form ul li, #paymoney_box_m {
	margin-top: 0.8em;
}
.nav ul li {
	margin: 0;
}
#paynums input {
	margin: 0 0 0 1px;
}
.input_txt {
	width: 50%;
}
.pay_form .moudou span.nu {
	font-size: 1.45em;
	margin: 0 1% 0 0
}
.footer-con li.lt {
	display: none
}
.footer-con li {
	width: 100%;
	text-align: center;
	float: none;
}
}
 @media screen and (max-width:305px) {
.tr_tn {
	width: 32%;
}
#err_username, input.subok {
	margin-left: 32%
}
}