article, aside, blockquote, body, dd, div, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	list-style: none;
}

article, aside, blockquote, body, dd, div, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, header, hgroup li, menu, nav, ol, p, pre, section, td, th, ul {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: none;
}

img {
}

body {
	margin: 0;
	padding: 0;
	font: .30rem -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
	color: #494949;
	background: #fafafa;
	min-width: 3.2rem;
	line-height: 1;
}

article, footer, header, hgroup, menu, nav, section {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400;
}

ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
}

em, i {
	font-style: normal;
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	vertical-align: middle;
	outline: 0;
	border: 0;
}

button, html input[type=button], input[type=search], input[type=submit] {
	-webkit-appearance: none;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

[hidden] {
	display: none !important;
}

.orange{ color:#FF9900 }
.blue{ color:#66cbff }
.gray{ color:#999 }
.gray-deep{ color:#666 }

.book-cover-img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	height: 100%;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}

.main {
	max-width: 100%;
	padding: .52rem .56rem 0;
}

.login-input-wrap {
	border-bottom: 1px solid #f3f3f3;
	font-size: .32rem;
	display: -webkit-box;
	margin-top: .44rem;
	position: relative;
	overflow: hidden;
}

.login-input-wrap .bold {
	color: #333;
	line-height: .5rem;
	margin-right: .56rem;
}

.login-input-wrap .shallow {
	color: #CCC;
}

.login-input-wrap .clear {
	height: .4rem;
	width: .4rem;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAndJREFUOBGtlUtoU0EUQH0vgSiYQBZBEIKEko1BQpK9Ja3FBvwguChSQYVaVLCIXXRjF7pwYRdWsCooVepaQbQoLrQIokJ+hAglrUGjxc8iYhRNzMdzw5uQpH21BgeGO3M/Z+698z5aNBp9oWnaYiAQOIT8va7DEY/H+2q1WpcOJM3iQCwWu5PJZGyd8IgdqFars8Se0snsKNAZNrsKhcLdbDa7/l+gVDhIQrdhfLZYLHskw4qUq+v6NIZIPp+/l8vlNqwFSpnSplv4LhHb7ff75zUViEIj9Wvsh5hPrFbrbhx+KHu7BDZEjPi/I7Mwvlnx0ZUjJ9WCweAw+ylmuFKpzKbT6Y3K3iw5+JjAmAKRzOow8WkAZSPQUCh0guUkztuLxeIjLsohNjWAncQmhy5SRTdJvFU2kY2Sm5WyptkXEKPMl/S3nz5/BXYa2AS6eQ7vAbbEumWYAsULwHkAYyyjAB6wHke+ttlsvT6f72MLydisChQfoGcBnTH8UwB7yeyLsV8mWnq4zNqBYlWgUbJkJyWfQ25jPk2lUpvMzjIFyqVI/wC94lJ2UKb0bxTd1lKpNMdhm1eCrthDYBdxHgHw3G63R7xe7zcVDEgem0lsC8YD/V7ZRLZkiKMG7DL6EeYzbnNnM0wCyPQSsOMsu8rlsmS6RfRqNIACw3gVgzjLqxfh0fiuHJsl0CtAh5ke9HPJZFJkfdRLBqYnEonrfIIO4/TY5XLtdbvdP5WTmZSPA7E3mB/w6eEtW9DYWDBMIw8Ce+h0Ovd5PJ5fZpB2PS0aRHeT2E9cXljKlBOOoLzvcDj207Nie9Df9jAGYMwAfSOX8F9/AX8As/wz0jkEYDwAAAAASUVORK5CYII=);
        -webkit-background-size: .2rem .2rem;
	background-size: .2rem .2rem;
	background-position: center center;
	background-repeat: no-repeat;
}

.login-input-wrap .clear-password {
	right: .56rem;
}

.login-input-wrap .can_see {
	height: .4rem;
	width: .4rem;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAA3dJREFUWAntl3lPIkEQxQu8EDWoeEaNokYT+f4fBaORwzMc3gG8ZXd/tVuEjMxMQzCsydQfMDTVVa9fv67qif36Y/KDLP6DsCrUCPB371jEcMSwh4FIEh5CBv4zYnjglHoCDp3hl5cXD6Tgn6PBf4f/+/z8LI+Pj9JsNuX19VXe3t6k1WrpxHg8LuPj4zIxMSFTU1OSSqVkcnJS/+MKc35+Lnd3d7K3t6f/h2cTifV7+bm9vZVqtSpPT08uedo+yWRSFhcX5f7+Xur1uoyMjEgmk9HFtJ0CHnoGDKOlUqkNFMamp6dlZmZG2RsbG5PR0b8b9/HxIe/v78IcwDUaDX2OxWIKCd/d3V1hEa7WE2C27/T0VLcckOl0WtlyTQbgk5OTtmQAvrW1JfPz864hxFnDSODs7EyTsaWbm5vOSXBksTZ/dnZWpXBzc6MEoGcW72JOgDlQliwI7MPDg9RqNd16krMLS0tLKp9yuax4lpeXZX19XZ9h+Pr6WmMnEgmng+ckicPDQ00aBPbq6koMlKL592F65XtjY+OLhCAC0Oj44OCgc2rX51CGkQKVALb8ZACzBhb2FhYWhAOHXilz2MrKyhewjBOTQ4m+yRUmjdDGQRAsKBAywAALMMDm83kFS8VAowDyM4ttufz8GA8FbHV2bm7ON475wCzl6+joSJsIzWJ/f1/nmU+3IBY7aFE2L1QS5ujyDUNoGUYBQUP4/PzUqdb9guLQGcMs1MOKOp3Jz/DhUF1eXipYZLG9va1jlC6MM+BnFtty+fkxHgrY9GVBvcFgzlg0Zild6LhSqegimEN58zOLbbn8/Bh3Kmu5XE5Psres0XYLhYJefNhOwAPaa6urq7K2tuYd1t9W1mjx2Wy2q0/noJOGaZ/Hx8daL5lspcgqAUWfOwHlqVvjoLN1MwPLYsnhYk4ME4gDZd2OayLdDylw6dnZ2dFW65LQfDrBQoCLHJjrDBhn7gPc1MysbFk3s/Ggb7oai6eEGbO9XH56AnxxcaFbDiDTaj/XS+ZTESh7dqFnzMWcAHOYisWivlkYK4z1e4GnirhKwLsIp0OHVulUXLjRK1LASMpBs1ck3s+oHCwGY3HMsZtY5yuSOvTx4cQwcQHMvYB3tGGaM+BhguzMHdrpOp3/h+cI8HfvQsRwxLCHgUgSHkIG/jNieOCUegL+BvgX+umCQXhOAAAAAElFTkSuQmCC);
        -webkit-background-size: .48rem .48rem;
	background-size: .48rem;
	background-position: center center;
	background-repeat: no-repeat;
	display: block !important;
}

.login-input-wrap .can_see_it {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAqpJREFUWAntV9mKKjEQrRH3BfcNBfVJ0P//FAWfVFDcN9wXvHNPhrq0mW6TFmcuDV0wTiqpPjmerlTFjz9/jRxkHgdxFVRdwj/9xlyFXYUlBdyUkAR5u+sq/HZJJUDHKeyVvoBt93g80mazof1+T+fzmS6XC93vd4Hj8XjI7/dTIBCgSCRC8XicQqGQ7T2MD3y8evlZLBY0mUzocDgY8ZTjcDhM+Xye0um0MtYswDZhKNrtdv8RhWLRaJRisZhQz+fzkdf79eJutxtdr1fCM9vtlna7nRiDCIjXajXbitsivFwuqdfriVcOklApm82aCWE5N5vNCG8H5JEy1WqVUqmUZby8oE0Ym/T7fUEWJCuVioxlywcWyIM0sHRTROvQ4UDpkF2v1zSdToV6YI+3kMvlKJFIfPsy/IVBGtjBYFAczG+B0oSWwu12W+TsM2WHwyGNRiMJ/sstFotUKpVM11hp5HSj0TCNMU4qFUYqoBJALVbFCIAxlGWy5XKZMpmMCJnP5zQYDMQaypqV0jiUyGnspUoNZeMACOwZENIABrKFQkFUCVQKjDEH4xjhSB+MzXtJyw+ukjDX2WQy+fCg0eEYVta4xnMcY1zjMWNDZZUpCasAdNe5+z2LR8VQmTIChwG2Wq0ssTgGOSsbz+EMWBljM45VHOaVhDm/GNQMDKULhgM2Ho8JHQ5/GGMOxjHCkT4Ym/eSlh9crbLWarVES/3JsoYW32w2H8iZOVqE0Tg6nY6yy9lpHCDDNRi5W6/X39c4AI6So9PtEKtjRrJ2WrOWwkzAUZcfJu2o6yWTxn+kiCMu8EbSGENx/ol0Op3EhZ2bBA4TLvR8E/uvP5Fk4r/lKxvHbxHR3cclrKvUq3Guwq8qp/ucq7CuUq/GuQq/qpzuc67Cukq9GvcJTfmXGSFruIkAAAAASUVORK5CYII=);
        background-position: center center;
	background-repeat: no-repeat;
	display: block !important;
}

.login-input-wrap input {
	height: .4rem;
	-webkit-user-select: text;
	user-select: text;
	overflow: hidden;
}

.login-button {
	width: 100%;
	height: .88rem;
	font-size: .32rem;
	background-color: #E6E7ED;
	color: #C6C7CC;
	text-align: center;
	line-height: .88rem;
	margin-top: .32rem;
	border-radius: .08rem;
}

.login-button.active {
	background-color: #66cbff;
	color: #FFF;
}

.error-info {
	color: #F30033;
	font-size: .28rem;
	margin-top: .16rem;
	height: .24rem;
}

.text-green-link {
    color: #66cbff;
    font-size: 14px;
}

.text-gray-link {
	color: #999;
	font-size: .28rem;
}

.login-count {
	text-align: center;
	margin-top: .32rem;
	color: #999;
	font-size: .28rem;
}

.nav-bar {
	position: relative;
	height: .88rem;
}

.nav-bar.fixed .container {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
}

.nav-bar .container {
	display: -webkit-box;
	border-bottom: 1px solid #f3f3f3;
	background-color: #fff;
	height: .88rem;
	line-height: .88rem;
	text-align: center;
}

.nav-bar .container .title {
	-webkit-box-flex: 1;
	color: #333;
	font-size: .32rem;
}

.nav-bar .container .icon {
	display: block;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	display: block;
	height: .88rem;
	width: .9rem;
	margin-left:0;
}

.nav-bar .container .icon.back {
	background: url(../images/back.png) no-repeat center;
	-webkit-background-size: .44rem .36rem;
	background-size: .44rem .36rem;
}

.nav-bar .container .icon.back-b {
	background: url(../images/back-b.png) no-repeat center;
	-webkit-background-size: .44rem .36rem;
	background-size: .44rem .36rem;
}

.nav-bar .container .icon.confirm-b {
	background: url(../images/confirm-b.png) no-repeat center;
	-webkit-background-size: .54rem .58rem;
	background-size: .54rem .58rem;
}

.nav-bar .container .icon.mult {
	background: url(../images/mult-choose.png) no-repeat center;
	-webkit-background-size: .35rem .35rem;
	background-size: .35rem .35rem;
}

.nav-bar .container .icon.tips {
	background: url(../images/rules.png) no-repeat center;
	-webkit-background-size: .3rem .3rem;
	background-size: .3rem .3rem;
}

.nav-bar .container .icon.user_center {
	background: url(../images/user_center.png) no-repeat center;
	-webkit-background-size: .35rem .35rem;
	background-size: .35rem .35rem;
}

.nav-bar .container .icon.user-switch {
	background: url(../images/user_switch.png) no-repeat center;
	-webkit-background-size: .35rem .35rem;
	background-size: .35rem .35rem;
}

.nav-bar .container .icon.user-switchb {
	background: url(../images/user_switchb.png) no-repeat center;
	-webkit-background-size: .35rem .35rem;
	background-size: .35rem .35rem;
}

.nav-bar .container .icon.switchb {
	background: url(../images/switchb.png) no-repeat center;
	-webkit-background-size: .40rem .40rem;
	background-size: .40rem .40rem;
}

.nav-bar .container .icon.notify {
	background: url(../images/notify.png) no-repeat center;
	-webkit-background-size: .33rem .33rem;
	background-size: .33rem .33rem;
}

.nav-bar .container .icon.bill {
	background: url(../images/bill.png) no-repeat center;
	-webkit-background-size: .36rem .36rem;
	background-size: .36rem .36rem;
}
.nav-bar .container .icon.setting {
	background: url(../images/setting.png) no-repeat center;
	-webkit-background-size: .4rem .4rem;
	background-size: .4rem .4rem;
}

.title-bar {
	position: fixed;
	height: .88rem;
	width:95%;
}

.title-bar.fixed .container {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
}

.title-bar .container {
	display: -webkit-box;
	border-bottom: 1px solid #f3f3f3;
	background-color: #fff;
	height: .88rem;
	line-height: .88rem;
	text-align: center;
}

.title-bar .container .title {
	-webkit-box-flex: 1;
	color: #333;
	font-size: .32rem;
}

.title-bar .container .icon {
	display: block;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	display: block;
	height: .88rem;
	width: 1rem;
}

.title-bar .container .icon.back {
	background: url(../images/back.png) no-repeat center;
	-webkit-background-size: .44rem .36rem;
	background-size: .44rem .36rem;
}

.title-bar .container .icon.tips {
	background: url(../images/tips.png) no-repeat center;
	-webkit-background-size: .55rem .55rem;
	background-size: .55rem .55rem;
}

.title-bar .container .icon.close {
	background: url(../images/close.png) no-repeat center;
	-webkit-background-size: .45rem .45rem;
	background-size: .3rem .3rem;
}


.title-bar .container .icon.rules {
	background: url(../images/rules.png) no-repeat center;
	-webkit-background-size: .4rem .4rem;
	background-size: .4rem .4rem;
}

.js_top_user_info {
    float: left;
    width: 100%;
}

.userpayinfo {
    margin: .4rem 0% .4rem 5%;
    font-size: .28rem;
    position: relative;
    overflow: hidden;
    width: 45%;
    float: left;
}

.userpayinfo span, a {
    margin-left:.1rem
}

.userpayinfo > div {
    line-height: .5rem;
}

.userpayinfo > div em {
	color: #f9708d;
}

.userpayinfo > div a {
    color: #66cbff;
}

.cover-download-tip {
	padding: .32rem;
	text-align: center;
}

.cover-download-buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-top: .3rem;
}

.cover-download-buttons .bs-button {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	margin-left:0;
	flex: 1;
}


.cover-download-buttons .bs-button:first-child {
	margin-right: .2rem;
}

#weixinpay .marg-right {
	margin-right: .2rem;
	font-size: .28rem;
}

#weixinpay .pay_hit {
	margin: .2rem;
	margin-left: 0;
	margin-top: .8rem;
	color: #b2b2b2;
	line-height: 1.5;
	font-size: 13px;
}

#weixinpay .pay_hit_title {
	font-size: 14px;
	text-align: center;
	position: relative;
	color: #666;
}

#weixinpay .pay_hit_title .pay_hit_title_div {
	margin: 0 auto;
	margin-bottom: 20px;
}

#weixinpay .pay_hit_title:after {
	content: '';
	height: 1px;
	width: 37%;
	background: #eee;
	display: block;
	top: 46%;
	position: absolute;
}

#weixinpay .pay_hit_title:before {
	content: '';
	height: 1px;
	width: 37%;
	background: #eee;
	display: block;
	top: 46%;
	right: 0;
	position: absolute;
}

#weixinpay .main {
    padding: 0;
    margin-top: 0;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    float: left;
    width: 100%;
    background:#fff;
    margin-bottom:.35rem;
    padding-bottom:.15rem;
}

#weixinpay .main .weixinpay_main {
	margin: .36rem;
	float:left;
}

#weixinpay .main .weixinpay_explain {	
	line-height: .3rem;
    font-size: .28rem;
    float: left;
    width: 100%;
}

#weixinpay .main .weixinpay_explain .weixinpay_explain_title {
	color: #333;
	margin-bottom: 6px;
}

#weixinpay .main .weixinpay_explain .weixinpay_explain_subtitle {
	color: #999;
}

#weixinpay .main .weixinpay_ul_button {
	display: -webkit-box;
    width: 48%;
    float: left;
}

#weixinpay .main .weixinpay_ul_button:nth-child(2n-2) {
	margin-right:4%
}

#weixinpay .main .weixinpay_ul_button .pay-button {
	-webkit-box-flex: 1;
	height: 55px;	
	border: 1px solid #eee;
	display: -webkit-box;
	margin-top: 18px;
	border-radius: .06rem;
	position: relative;
	overflow: hidden;
    text-align:center;
}

#weixinpay .main .weixinpay_ul_button .pay-button.cur {    
    background: #66cbff;
    color: #fff;
    border: 1px solid #66cbff;
}

#weixinpay .main .weixinpay_ul_button .pay-button.cur .pay-button-info h4 {        
    color: #fff;
}


#weixinpay .main .weixinpay_ul_button .pay-button .pay-button-info {
	width: 100%;
    margin: .22rem auto;
}

#weixinpay .main .weixinpay_ul_button .pay-button .pay-button-info h3 {
	line-height: .3rem;
	font-size: .32rem;
    font-weight:600;
}

#weixinpay .main .weixinpay_ul_button .pay-button .pay-button-info span {
	font-size: .28rem;
}

#weixinpay .main .weixinpay_ul_button .pay-button .pay-button-info div {
	-webkit-box-flex: 1;
	line-height: 65px;
}

#weixinpay .main .weixinpay_ul_button .pay-button .pay-button-info h4 {
    font-size:.2rem;
	color:#999;
    margin-top:.05rem;
}

#weixinpay .main .weixinpay_ul_button .pay-button .more_sdou {
	position: absolute;
	rotate: 45reg;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-align: center;
	right: -37px;
	top: -18px;
	background: #fca75d;
	line-height: 16px;
	height: 54px;
	width: 91px;
	z-index: 1;
	padding-top: 20px;
	color: #fff;
	font-size: .22rem;
}

#weixinpay .main .weixinpay_ul_button .pay-button:first-child {
	margin-right: .24rem;
}

#weixinpay .main .weixinpay_ul_button .pay-button:last-child {
	margin-right: 0;
}

#weixinpay .main .weixinpay_ul_button_single {
	width: 50%;
	padding-right: 6px;
}

#weixinpay .main .weixinpay_explain_more {
	margin-top: 18px;
	border-top: 1px solid #eee;
	font-size: .32rem;
	color: #66cbff;
}

#weixinpay .main .weixinpay_explain_more li {
	margin-top: 18px;
}

#weixinpay .main .weixinpay_explain_more li span {
	font-size: .28rem;
	color: #999;
}

#weixinpay .main .weixinpay_explain_more li em {
	font-size: .28rem;
}

.bs-modal {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	opacity: 0;
	z-index: 99
}

.bs-modal.modal-in {
	opacity: 1
}

.bs-modal .modal-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.bs-modal .modal-content {
	position: relative;
	background: #fff;
	max-height: 80%;
	min-height:40%;
	overflow-y: auto;
	z-index: 100
}

.bs-modal.modal-radius .modal-content {
	border-radius: .08rem
}

.cover-download-tip p {
	font-size: .28rem;
	line-height:.34rem;
	color: #333;
	margin-bottom: .3rem;
}

.cover-download-tip .content
{
    max-height: 6.5rem;
    overflow-y: auto;
    text-align: left;
    font-size: .28rem;
    line-height: .34rem;
    color: #333;
    margin-bottom: .3rem;
}

.bs-btn-grey {
	display: inline-block;
	padding: 0 .2rem;
	border: 1px solid #e6e7ed;
	border-radius: .08rem;
	font-size: .32rem;
	color: #333;
	text-align: center
}

.bs-btn-grey.default {
	width: 2.8rem;
	height: .8rem
}

.bs-button {
    display: inline-block;
    height: .78rem;
    line-height: .8rem;
    padding: 0 .2rem;
    border: 1px solid #66cbff;
    border-radius: .08rem;
    font-size: .28rem;
    color: #66cbff;
    text-align: center
}

.bs-button.active {
	background: #b2efdd
}

.bs-button.button-fill {
	background: #66cbff;
	color: #fff
}

.bs-button.button-fill.active {
	background: #0f9970
}

.bs-button.button-block {
	display: block
}

.bs-button.disabled {
	background: #e6e7ed;
	border-color: #e6e7ed;
	color: #c6c7cc
}

.btn-group {
	padding: 0 .32rem;
	display: -webkit-box
}

.btn-group .btn {
	margin-right: .32rem;
	-webkit-box-flex: 1;
	height: .78rem;
	line-height: .8rem;
	border: 1px solid #66cbff;
	border-radius: .08rem;
	font-size: .28rem;
	display: block;
	text-align: center
}

.btn-group .btn:last-child {
	margin-right: 0
}

.btn-group .btn-primary {
	background: #66cbff;
	color: #fff
}

.btn-group .btn-primary.hover {
	background: #0f9970
}

.btn-group .btn-secondary.hover {
	background: #b2efdd
}

.btn-group .btn-secondary {
	color: #66cbff;
	background: #fff
}

.payment-method {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    background:#fff;
}

.payment-method .item .icon {
    display: block;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    display: block;
    height: .88rem;
    width: .7rem;
}

.payment-method .item .title {
    -webkit-box-flex: 1;
    color: #333;
    font-size:.28rem;
}

.payment-method .item {
    display: -webkit-box;
    height: .88rem;
    line-height: .88rem;
    /*margin:0 .3rem 0 .2rem;*/
}
.payment-method .disabled {
    background: #f9f9f9;
    opacity: 0.3;
    margin: 0;
}

.payment-method .item:first-child {
	border-bottom: 1px solid #f3f3f3;
}

.payment-method .item .icon.m-balance {
    background: url(../images/m-balance.png) no-repeat center;
    -webkit-background-size: .30rem .30rem;
    background-size: .30rem .30rem;
}

.payment-method .item .icon.b-balance {
    background: url(../images/b-balance.png) no-repeat center;
    -webkit-background-size: .30rem .30rem;
    background-size: .30rem .30rem;
}

.payment-method .item .icon.wechart {
    background: url(../images/wechart-icon.png) no-repeat center;
    -webkit-background-size: .30rem .30rem;
    background-size: .30rem .30rem;
}

.payment-method .item .icon.select {
    background: url(../images/select.png) no-repeat center;
    -webkit-background-size: .30rem .30rem;
    background-size: .30rem .30rem;
    margin-right:.1rem;
}

.pay-submit,.btn-member
{
    float:left;
    width:100%;   
    text-align:center; 
    margin:.35rem 0;
}

.pay-submit a,.btn-member a
{
    display: -webkit-inline-box;
    height: .88rem;
    line-height: .88rem;
    font-size: .28rem;
    padding: 0 1.5rem 0 1.5rem;
    margin-left: 0;
    background: #66cbff;
    color: #fff;
    border-radius: .15rem;
}

.pay-submit .pay-btn-wechart
{
    padding: 0px 2.02rem;
}

.input-checkbox {
    width: .28rem;
    height: .28rem;
    border-radius: .28rem;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #979797;
    display: inline-block;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
        
.input-checkbox[checked] {
    background: url(../images/checked.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    border: 0;
}

.common-part{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000000;
    /*父块透明，子块不透明，用rgba*/
    background: rgba(0,0,0,0.5);
    z-index:99;
}
.common-dialog{
    width: 90%;
    text-align: center;
    position: absolute;
    background: #ffffff;
    z-index: 2;
    opacity: 1;
    border-radius: .1rem;
    border: 1px solid #f2f2f2;
    left: calc(50% - 3.6rem);
    left: -moz-calc(5%);
    left: -webkit-calc(5%);
    top: 3rem;
}
.pay-part{
    display: none;
}
.pay-dialog{
    /*height: 6.2rem;*/
}
.dialog-title{
    height: 1.2rem;
    line-height: 1.2rem;            
    font-size: .32rem;
    border-bottom: 1px solid #f2f2f2;
}
.pay-info{
    font-size: .32rem;
    margin: .5rem .4rem;
    text-align:left;
}
.pay-info .cell{
    margin: .4rem 0;
}
.pay-info .cell font
{
    margin-right:.1rem;
    color:#999;
}
.pay-info span
{
    padding-left:.2rem;
    color:#494949
}
.pay-password{
    width: 90%;
    height: 1rem;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
    position: relative;
    border-right: none;
}
.pay-password .real-ipt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    opacity: 0;
    z-index: 3;
}
.pay-password .surface-ipts{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    z-index: 1;
    overflow: hidden;
}
.pay-password .surface-ipts .surface-ipt{
    height: 1rem;
    line-height: 1rem;
    display: flex;
    justify-content: space-between;
}
.pay-password .surface-ipts .surface-ipt input{
    width: 16.6666666666%;
    height: 0.95rem;
    line-height: 0.95rem;
    border: 0;
    border-right: 1px solid #e6e6e6;            
    font-size: .9rem;
    text-align: center;
    padding: 0;
}
.pwd-tips{
    font-size: .26rem;
    margin: .3rem .4rem .6rem .4rem;
    text-align: left;
    color: #bbb;
}
.pay-part .btns{
    margin: .4rem .3rem;
}        
.pay-part .btns button{
    width:46%;
}
.cancel-btn{            
    height: 1rem;
    line-height: 1rem;
    background-size: 100%;
    color: #66cbff;
    font-size: .32rem;                
    border: 1px solid #66cbff;
    border-radius: .1rem;
    background: #FFF;
}
.confirm-btn{            
    height: 1rem;
    line-height: 1rem;
    background: #66cbff;
    background-size: 100%;
    border: 1px solid #66cbff;
    border-radius: .1rem;
    color: #ffffff;
    font-size: .32rem;
    margin-left: 6%;
}
.confirm-btn.disabled {
	background: #e6e7ed;
	border-color: #e6e7ed;
	color: #c6c7cc
}
.confirm-btn.disabled {
	background: #e6e7ed;
	border-color: #e6e7ed;
	color: #c6c7cc
}
.pay-submit .disabled
{
    background: #e6e7ed;
	border-color: #e6e7ed;
}
.bs-modal .result-dialog {
    position: relative;
    background: #fff;
    max-height: 80%;
    width: 80%;
    z-index: 100;
    font-size: .28rem;
    border-radius: .15rem;
}
        
.result-dialog__hd {
    padding: .45rem;
    text-align: center;
    border-bottom: 1px solid #f9f9f9;
}
        
.result-dialog__bd {
    padding: .45rem;
    text-align: center;
    border-bottom: 1px solid #f9f9f9;
}
        
.result-dialog__bd a
{
    color: #0079c2;
}
        
.result-dialog__ft {
    padding: .45rem;
    text-align: center;
}
.result-dialog__ft a
{
    color: #999;
}

.ui-container
{
    margin-top: .15rem;
}
.ui-tips {
    padding:.35rem;
    background: #fff;
    text-align: center;
    font-size: .32rem;
}
.ui-tips i {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    vertical-align: top;
}
.ui-tips i:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background: url(../images/icon_lg.png) no-repeat;
    -webkit-background-size: 80px auto;
    position: absolute;
    line-height: 100;
}
.ui-tips-tanhao i {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    vertical-align: top;
}

.ui-tips-tanhao i:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background: url(../images/icon-tanhao.png) no-repeat;
    -webkit-background-size: 80px auto;
    position: absolute;
    line-height: 100;
}
.ui-tips-success i:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background: url(../images/icon-gou.png) no-repeat;
    -webkit-background-size: 80px auto;
    position: absolute;
    line-height: 100;
}
.ui-tips-warn i:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background: url(../images/icon-cha.png) no-repeat;
    -webkit-background-size: 80px auto;
    position: absolute;
    line-height: 100;
}
.ui-center {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    height: 150px;
}
.ui-btn-outline.ui-btn-primary {
    color: #66cbff;
    border-color: #66cbff;
    font-size: .32rem;
    border: 1px solid #66cbff;
    padding: .15rem .35rem;
    border-radius: .1rem;
}
.ui-pad{ background:#fff;margin-top:.15rem;padding:.35rem }
.ui-pad .order-info{ font-size: .3rem;height:.6rem;line-height:.6rem; display:-webkit-box }
.ui-pad .order-info .item-title{ padding: 0 0.2rem;color: #999;min-width: 26%; }
.ui-pad .order-info .remind{ color:#f75549 }

.pwd-tips > div a {
    color: #66cbff;
}
.right{ float:right }

.icon-qrcode {
    background: url(../images/qrcode.png) no-repeat center;
    -webkit-background-size: 0.35rem 0.35rem;
    background-size: 0.35rem 0.35rem;
    height: 0.35rem;
    width: 0.35rem;
    display: inline-block;
    margin-bottom: -0.08rem;
}

.qrcode-container{ padding: 20px 0; }
.over {position: fixed; left:0; top:0; width:100%; z-index:100;}
.tempContainer {position:fixed; width:100%; margin-right:0px; margin-left:0px;top: 10%;text-align:center; z-index:101;background: #FFF;}
.tempContainer-nofloat {width: 100%;margin-right: 0px;margin-left: 0px;text-align: center;background: #FFF;}
.footer{ width: 100%;position: relative;bottom: 0;zoom: 1;margin: 0;text-align: center;font-size:.2rem;color:#ccc }

.dialog-title {
	height: 1rem;
}

.dialog-title .container {
	display: -webkit-box;
	border-bottom: 1px solid #f3f3f3;
	background-color: #fff;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
}

.dialog-title .container .title {
	-webkit-box-flex: 1;
	color: #333;
	font-size: .32rem;
}

.dialog-title .container .icon {
	display: block;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	display: block;
	height: 1rem;
	width: 1rem;
}

.dialog-title .container .icon.close {
	background: url(../images/close.png) no-repeat center;
	-webkit-background-size: .45rem .45rem;
	background-size: .3rem .3rem;
}