div,
span,
input,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: "Microsoft YaHei"
}

body {
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei";
	font-size: 0.8rem;
	color: #333;
	background: #F7F7F7;
}

/* 导航 */

.nav {
	border-bottom: 1px solid #89c1ed;
}

.navbox {
	height: 60px;
	line-height: 60px;
	padding: 5px 20px;
}

.nav-left {
	float: left;
}

.nav-right {
	float: right;
}

/* 订单金额 */
.order-box{
	display: table;
	clear: both;
	height:60px;
	padding:10px 20px;
	background: #fff;
	margin:0 auto;
	margin-top: 30px;	
}
.order-amount {
	line-height:30px;
	color: #323232;
	display:table-cell; 
	vertical-align:middle;
}

.order-amount-left {
	white-space:nowrap;/*强制不换行*/
}

.order-amount-right {
	text-align:right;
}

.order-amount-right input {
	border: 1px solid #efefef;
	width: 6em;
	text-indent: 0.5em;
	line-height: 1.8em;
}


/*支付方式*/

.pay-box {
	margin-top: 20px;
}

.pay-box-cell {
	width: 100%;
}

.pay-box-cell li {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	list-style: none;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.pay-box-cell img {
	float:left;
	height: 40px;
	margin-top:10px;
}

.pay-box-cell input[type="radio"] {
	display: none;
}

.pay-box-cell input[type="radio"]+span {
	border: 1px solid #CCCCCC;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	float: right;
	margin-top: 20px;
	margin-right: 15px;
}

.pay-box-cell input[type="radio"]:checked+span {
	border: 1px solid #66c068;
	border-radius: 20px;
	background: url(../images/checkbox-on.png) center center no-repeat;
	background-size: 31px 31px;
}

.pay-box-cell li label {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	display: inline-block;
}

/*立即支付*/

.submit-box {
	height: 60px;
	background: #fff;
	margin-top: 3rem;
	padding: 20px;
}

.submit-box-item {
	float: right;
}

.submit-box-item span {
	float: left;
	margin: 14px 24px 0 0;
}

.submit-box-item span strong {
	font-size: 18px;
	color: #e94832;
}

.pay-submit {
	display: block;
	width: 120px;
	height: 50px;
	line-height: 50px;
	background: #1a8ae1;
	font-size: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border: none;
	float: right;
}


/*底部*/

.footer {
	text-align: center;
	color: #cbcbcb;
	margin-top: 50px;
	margin-bottom: 50px;
	clear: both;
}

@media all and (max-width:320px) {
    body{font-size:0.5rem;}
	.navbox{
		height: 50px;
		line-height: 50px;
		padding: 5px 10px;
	}
	.nav-left a img{height:40px;}
}


@media all and (max-width:768px) {
	.order-amount-right {
		text-align:left;
	}
	.submit-box{
		position: fixed;
        bottom: 0;
	}
}

@media all and (max-width:1080px) {
	.w1040 {
		/*实现了宽度为父容器宽度减去固定的100像素*/ 
		width:-webkit-calc(100% - 40px); 
		width:-moz-calc(100% - 40px); 
		width:calc(100% - 40px);
		overflow:hidden;
	}
	.w1080 {
		width:100%;
		overflow:hidden;
	}
}

.contaniner {
	width: 100%;
}
.contaniner h3{
	height:40px;
	line-height:40px;
	text-indent:15px;
}
.hr{width:100%;height:25px;background:#F7F7F7 url(../images/title-bg.png) 0 5px repeat-x;}
.submit-button {
	width: 640px;
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
	background-color: #65BF67;
	border-radius: 0px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	border: none;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	z-index:999;
}
.pay-img {
	width: 640px;
	margin: 0 auto;
}

.pay-img img {
	width: 100%;
	height: 100%;
}

#page {
	width: 640px;
	height: 100%;
	min-height:100vh;
	margin: 0 auto;
	background-color:#FFFFFF;
}

/* 小于640px */
@media all and (max-width:640px) {
	#page {
		width: 100%;
		height: 100%;
		justify-content: center;
	}
	.submit-button {
	  width: 100%;
	  height: 3rem;
	  line-height: 3rem;
	  font-size: 1rem;
	}
	.pay-img {
	width: 100%;
	}
}

em {
	font-style: normal
}

li {
	list-style: none
}

a {
	text-decoration: none;
	outline: 0;
}

.center {
	text-align: center
}
/*顶部标题栏*/
header{
	width: 100%;
	height: 2rem;
	line-height:2rem;
	overflow: hidden;
}
.title-box {
	display:flex;
	background: #65BF67;
	padding:0 10px;
	color: #fff;
}
.title-box a{
	 color: #fff;
}
.title-left{
	text-align: left;
	display:flex;
}
 
.title-right{
	text-align: right;
}
 
.title-center {
	flex:1;
	text-align: center;
}

img {
	border: 0;
	vertical-align: middle;
}

.textfl {
	text-align: left
}

.textfr {
	text-align: right
}

.text-orange{
	color:orange;
}

.mod-title {
	width:100%;
	height: 64px;
	line-height: 64px;
	text-align: center;
	background-color:#fff;
	margin-bottom:10px;	
}
.mod-title img{	
	display: inline-block; 
	height: 40px;
	vertical-align: middle;
}
.text-del{
	display:none;
	width:15px;
	height:15px;
	background: url(../images/del.png) 0 0 no-repeat;
	position: absolute;
	top:10px;
	right: 65px;
}
/*重写weui样式*/
.weui-form-preview:after{
    border: none!important;
}
.weui-form-preview__hd:after{
	left:15px!important;
	right:15px!important;
}
.weui-cell:before{
	left:15px!important;
	right:15px!important;
}
.weui-msg p{text-align:center;height:50px;line-height:50px;}
.weui-footer{margin:80px 0;}

.center { max-width:480px;margin:0 auto; }
/*字体11-55号*/

.f11 {
    font-size: 11px !important;
    line-height: 11px; }

.f12 {
    font-size: 12px !important;
    line-height: 12px; }

.f13 {
    font-size: 13px !important;
    line-height: 13px; }

.f14 {
    font-size: 14px !important;
    line-height: 14px; }

.f15 {
    font-size: 15px !important;
    line-height: 15px; }

.f16 {
    font-size: 16px !important;
    line-height: 16px; }

.f17 {
    font-size: 17px !important;
    line-height: 17px; }

.f18 {
    font-size: 18px !important;
    line-height: 18px; }

.f19 {
    font-size: 19px !important;
    line-height: 19px; }

.f20 {
    font-size: 20px !important;
    line-height: 20px; }

.f21 {
    font-size: 21px !important;
    line-height: 21px; }

.f22 {
    font-size: 22px !important;
    line-height: 22px; }

.f23 {
    font-size: 23px !important;
    line-height: 23px; }

.f24 {
    font-size: 24px !important;
    line-height: 24px; }

.f25 {
    font-size: 25px !important;
    line-height: 25px; }

.f26 {
    font-size: 26px !important;
    line-height: 26px; }

.f27 {
    font-size: 27px !important;
    line-height: 27px; }

.f28 {
    font-size: 28px !important;
    line-height: 28px; }

.f29 {
    font-size: 29px !important;
    line-height: 29px; }

.f30 {
    font-size: 30px !important;
    line-height: 30px; }

.f31 {
    font-size: 31px !important;
    line-height: 31px; }

.f32 {
    font-size: 32px !important;
    line-height: 32px; }

.f35 {
    font-size: 35px !important;
    line-height: 35px; }

.f40 {
    font-size: 40px !important;
    line-height: 40px; }

.f45 {
    font-size: 45px !important;
    line-height: 45px; }

.f50 {
    font-size: 50px !important;
    line-height: 50px; }
.f55 {
    font-size: 55px !important;
    line-height: 55px; }
/*字体颜色*/
.f-red {
    color: #ef4f4f !important; }

.f-green {
    color: #04be02 !important; }

.f-blue {
    color: #18b4ed !important; }

.f-black {
    color: #333 !important; }

.f-white {
    color: #FFF !important; }

.f-zi {
    color: #FF33CC !important; }

.f-gray {
    color: #CCCCCC !important; }

.f-yellow {
    color: #FFFF66 !important; }

.f-orange {
    color: #FF6600 !important; }
/*背景颜色*/

.bg-green{
    background-color:#04BE02;
}
.bg-red{
    background-color:#EF4F4F;
}
.bg-blue {
    background-color: #18b4ed;
}
.bg-blue:not(.weui-btn_disabled):visited {
    color: #FFFFFF;
}
.b-red{
    border: 1px solid #EF4F4F!important;
}
.b-green{
    border: 1px solid #04BE02!important;
}
.b-blue {
    color: #18b4ed;
    border: 1px solid #18b4ed!important;
}
button.b-blue,
input.b-blue {
    border-width: 1px;
    background-color: transparent;
}
.bg-orange {
    background-color: #FF6600;
}
.bg-orange:not(.weui-btn_disabled):visited {
    color: #FFFFFF;
}
.b-orange {
    color: #FF6600;
    border: 1px solid #FF6600!important;
}
button.b-orange,
input.b-orange {
    border-width: 1px;
    background-color: transparent;
}
.bg-gray {
    background-color: #f7f7f7;
}
/*支付场景*/
.weui-pay {
    position: relative;
    z-index: 1;
    padding: 10px;
}

.weui-pay-inner {
    background-color: #FFFFFF;
    padding: 16px;
    position: relative;
    z-index: 0;
}
.weui-pay-inner:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #DDDDDD;
    transform: scale(0.5);
    transform-origin: 0 0;
    box-sizing: border-box;
}
.weui-pay-title {
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}
.weui-pay-input {
    margin-top: 12px;
    padding-bottom: 18px;
    position: relative;
    z-index: 2;
    color: #333333;
}
.weui-pay-input:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #DDDDDD;
    color: #DDDDDD;
    transform-origin: 0 100%;
    transform: scaleY(0.5);
}
.weui-pay-strong {
    position: absolute;
    color: #000000;
    font-size: 28px;
    line-height: 1;
    left: -6px;
    top: -3px;
    font-weight: normal;
}
.weui-pay-inputs {
    padding-left: 28px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    outline: 0;
    height: 40px;
    line-height: 40px;
    font-size: 40px;
}
.weui-pay-inputs::-webkit-textfield-decoration-container {
    background-color: transparent;
}
.weui-pay-inputs::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.weui-pay-inputs::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.weui-pay-inputs::-webkit-input-placeholder {
    color: #EEEEEE;
}
.weui-pay-intro {
    color: #9e9e9e;
    margin-top: 10px;
}
.weui-pay-info {
    color: #9e9e9e;
    margin-top: 10px;
    text-align: center;
}
.weui-pay-btn {
    margin-top: 12px;
}
.weui-payselect-title{
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: #000000;
}
.weui-payselect-info{
    color: #a6a4a5;
    text-align: center;
    margin-top: 6px;
}
.weui-payselect-ul{
    margin-top: 28px;
    margin-right: -12px;
    overflow: hidden;
}
.weui-payselect-li{
    float: left;
    list-style-type: none;
    width: 33.33%;
    box-sizing: border-box;
    padding-right: 12px;
    padding-bottom: 12px;
}
.weui-payselect-a{
    display: block;
    border: 1px solid #DADADA;
    color: #dadada;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.weui-payselect-on{
    border-color: #09ba07;
    color: #09ba07;
}
.weui-pay-num{
    font-size: 1.5rem;
    text-align: center;
	line-height:1.5rem;
}
.weui-pay-u li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    line-height: 22px;
    width: 100%
}
.weui-pay-u .title {
    font-size: 12px;
    color: #999;
    -webkit-box-flex: 1;
    width: 30%;
    -webkit-flex: 1;
    flex: 1;
    display: block
}
.weui-pay-u .content {
    font-size: 12px;
    color: #333;
    text-align: right;
    -webkit-box-flex: 1;
    width: 70%;
    -webkit-flex: 1;
    flex: 1;
    display: block
}
.weui-pay .pay-div {
    margin: 10px 0;
}