body{
	max-width: 750px;
	margin: 0 auto;
	color: #2C3134;
	font-size: .3rem;
	overflow-x: hidden;
}
select{appearance: none;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;background-color: transparent;outline: none;background: url("../images/down.png") right center no-repeat;background-size: .24rem;border: none;font-size: .3rem;color: #2C3134;direction: rtl;}
.grey{color: rgba(44, 49, 52, .4);font-size: .28rem;}
.top-banner .banner{
	position: relative;
}
.top-banner .banner img{
	width: 100%;
}
.top-banner .banner .header{
	position: absolute;
	z-index: 8;
	top: 0;
	width: 100%;
    box-sizing: border-box;
}
.top-banner .banner .header p{
	background: rgba(0,0,0,.2);
	color: #fff;
	font-size: .2rem;
	padding: .1rem .32rem;
}
.top-banner .banner .header p span{
	margin-left: .3rem;
}
.form-box{
	position: relative;
	z-index: 10;
	margin-top: -1.4rem;
	background: #fff;
	border-radius: .6rem .6rem 0 0;
	overflow: hidden;
}
.form-box .head{
	background: #ECF6F6;
	padding: .24rem .48rem;
}
.form-box .head .grey{font-size: .28rem;}
.content {
	padding: 0.44rem 0;
}
.content .tips {
    border-radius: .1rem;
    background: #FFFBF2;
    border: 1px solid #FFEBD9;
    padding: .2rem;
    font-size: .28rem;
    color: #AB6B2F;
    text-align: justify;
    margin: .2rem 0 .48rem;
}
.content .tips a {
    color: inherit;
}
.content .label{
	font-weight: bold;
}
.content .label.require{
	position: relative;
}
.content .label.require::before{
	content: '*';
	position: absolute;
	left: -.16rem;
	display: block;
	font-size: .32rem;
	font-weight: bold;
	color: #E80F0F;
	top: .05rem;
}
.input-box{
	border-bottom: 1px solid rgba(203,229,228,.5);
	padding-bottom: .24rem;
	margin-bottom: .48rem;
}
.bor{border-bottom: 1px solid rgba(203,229,228,.5);}
.nobor{border: none;padding-bottom: 0;margin-bottom: .32rem;}
.mb-0{margin-bottom: 0;}
.input-box .radio{
	margin-right: 0.1rem;
	width: .32rem;
	height: .32rem;
}
.input-box .radio:last-child{
	margin-left: .48rem;
}
.input-box input, .input input{
	border: none;
	text-align: right;
	outline: none;
	font-size: .3rem;
}
.input-box textarea{
	width: 100%;
	height: 1.5rem;
	margin-top: 0.2rem;
	border: 1px solid rgba(203,229,228);
	border-radius: 0.1rem;
	font-size: .3rem;
	padding: .24rem;
	resize: none;
	outline: none;
}
.yuangong{
	padding: .4rem .24rem;
	background: rgba(236,246,246,.5);
}
.content .wrap{
	padding: 0 .48rem;
	width: 100%;
}
.yuangong .tabs .t-cell{
	height: 0.72rem;
	line-height: .72rem;
	padding: 0 .24rem;
	position: relative;
	z-index: 10;
	width: 3.2rem;
}
.yuangong .tabs .t-cell.on{font-weight: bold;color: #13B873;}
.yuangong .tabs .t-cell.on.lef{
	background: url(../images/ledf.png) no-repeat;
	background-size: cover;
	width: 3.4rem;
}
.yuangong .tabs .t-cell.on.righ{
	position: relative;
	z-index: 11;
	background: url(../images/right.png) no-repeat;
	background-size: 100% 100%;
	padding-left: .65rem;
	width: 4.3rem;
}
.yuangong .y-box{
	margin-top: -1px;
	border: 1px solid #CBE5E4;
	border-radius: 0 .1rem .1rem;
	background: #fff;
}
.yuangong .y-box.righ{
	border-radius: .1rem 0 .1rem .1rem;
	margin-top: -.08rem;
}
.yuangong .y-box.ledf.gs-area{
	border-radius: 0 .1rem 0 0;
	border-bottom: none;
}
.yuangong .y-box.righ.gs-area{
	border-radius: 0 0 .1rem .1rem;
	border-top: 1px solid rgba(203,229,228,.5);
}
.yuangong .y-box .input{
	padding: .3rem .24rem;
}
.yuangong .y-box .y-selct{
	margin-left: .8rem;
	padding-right: 5%;
	max-width: 33%;
}
.yuangong .y-box img, #city img{
	width: .24rem;
	margin-left: .1rem;
}
.switch {
    width: 0.96rem;
    height: 0.56rem;
    border-radius: 2rem;
    background: #C2CDCD;
    position: relative;
    box-shadow: 0rem 0.06rem 0.16rem 0rem rgba(0,0,0,0.1);
}
.switch::after {
    content: '';
    display: block;
    position: absolute;
    top: 0.02rem;
    left: 0.02rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #FFFFFF;
    transition: left 0.2s;
}
.switch.on {
    background: #13B873;
}
.switch.on::after {
    left: .44rem;
}
.money{
	border-radius: 0.1rem;
	border: 1px solid rgba(203,229,228,.5);
	padding: .16rem .38rem;
	font-size: .26rem;
}
.money.on{
	color: #fff;
	background: #13B873;
	border: none;
}
.money span{
	font-size: .36rem;
	font-weight: bold;
}
.money-box{
	border: 1px solid rgba(203,229,228,.5);
	margin-top: 0.2rem;
	border-radius: 0.1rem;
	padding: .2rem .24rem;
}
.money-box input{
	text-align: left;
}
.submit{
	border-radius: 5px;
	background: #13B873;
	color: #fff;
	font-weight: bold;
	font-size: .34rem;
	border: none;
	width: 100%;
	height: 0.92rem;
}

/* 捐款成功 */
.success-bg{
	background: url(../images/success-bg.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100vh;
}
.xiaobody{
	padding-top: 23vh;
}
.success-bg.on .xiaobody{
	padding-top: 14vh;
}
.success-bg .logo{
	text-align: center;
}
.success-bg .logo img{
	width: 5.68rem;
}
.success-info{
	color: #fff;
	text-align: center;
	margin-top: 1.1rem;
}
.success-bg.on .success-info{
	margin-top: .4rem;
}
.success-info p:first-child{
	font-size: .36rem;
}
.success-info .jine{
	font-size: 0.72rem;
}
.success-info .sjine{font-size: .48rem;}
.success-info p:last-child{
	margin-top: .1rem;
}
#xs-swiper{
	margin-top: .3rem;
}
#xs-swiper img{
	width: 6.22rem;
}
.swiper-container{
	overflow: inherit;
}
#xs-swiper .swiper-pagination{
	bottom: -0.4rem;
}
#xs-swiper .swiper-pagination-bullet{
	opacity: 1;
	background: #fff;
	width: 6px;
	height: 6px;
}
#xs-swiper .swiper-pagination-bullet-active{
	width: 18px;
	height: 5px;
	border-radius: 2px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ 
/* WebKit browsers */ 
color: rgba(44,49,52,.4); 
font-size: .28rem;
} 
input:-moz-placeholder, textarea:-moz-placeholder{ 
/* Mozilla Firefox 4 to 18 */ 
color: rgba(44,49,52,.4); 
font-size: .28rem;
} 
input::-moz-placeholder, textarea::-moz-placeholder{ 
/* Mozilla Firefox 19+ */ 
font-size: .28rem;
color: rgba(44,49,52,.4); 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
font-size: .28rem;
color: rgba(44,49,52,.4); 
}

.radio{
	display: none;
}
label{
	display: flex;
	align-items: center;
}
.radioInput{
	position: relative;
	display: inline-block;
	width: .32rem;
	height: .32rem;
	border: 1px solid #CBE5E4;
	border-radius:100%;
	margin-right: .16rem;
	vertical-align: middle;
}
.radio:checked + .radioInput:after{
	content:"";
	display: block;
	width: .2rem;
	height: .2rem;
	background: #13B873;
	border-radius:100%;
	margin: .04rem;
}
.radio:checked + .radioInput{
	border: 1px solid #13B873;
}

/* 搜索 */
.search-select .sure{
	color: #13B873;
}
.search-select .search-input{
	width: 80%;
	text-align: left;
}
.search-select .drawer{
	width: 100%;
	max-height: 5rem;
	overflow-x: hidden;
	overflow-y: auto;
	border-top: 1px solid rgba(203,229,228,.5);
}
.search-select .drawer .item, .search-select .drawer .none{
	line-height: normal;
	padding: .18rem .24rem;
	white-space: nowrap;
	transition: background .2s ease-in-out;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.search-select .drawer .none{
	color: rgba(44,49,52,.4);
	font-size: .28rem;
}
#tip-city, #tip-city_gs{
	padding: .24rem .24rem 0;
	font-size: .28rem;
	color: rgba(44,49,52,.7); 
}
#tip-city i, #tip-city_gs i{
	color: rgba(44,49,52,.7)!important; 
}



#PoPy {
    height: 40% !important;
    position: fixed !important;
    max-width: 750px;
    left: 50% !important;
    transform: translateX(-50%);
}
._citys {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background-color: #ffffff
}
._citys span {
    color: #13B873;
    height: 0.3rem;
    width: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 1em;
    top: 0.2rem;
    border: 1px solid #13B873;
    cursor: pointer;
	box-sizing: content-box;
}
._citys0 {
    width: 100%;
    height: 0.7rem;
    display: inline-block;
    border-bottom: 2px solid #13B873;
    padding: 0;
    margin: 0;
}
._citys0 li {
    float: left;
    height: 0.7rem;
    line-height: 0.7rem;
    overflow: hidden;
    font-size: 0.3rem;
    color: #888;
    width: 1.6rem;
    text-align: center;
    cursor: pointer;
}
.citySel {
    background-color: #13B873;
    color: #fff !important;
}
._citys1 {
    width: 100%;
    height: 80%;
    display: inline-block;
    overflow: auto;
}
._citys1 a {
    height: 0.7rem;
    display: block;
    color: #666;
    padding-left: 0.2rem;
    margin-top: 0.1rem;
    line-height: 0.7rem;
    cursor: pointer;
    font-size: 0.3rem;
    overflow: hidden;
}

._citys1 a:hover { color: #fff; background-color: #13B873; }
.ui-content{
    border: 1px solid #EDEDED;
}li{
     list-style-type: none;
 }

 .app-btn-group {
    height: 1.4rem;
}
.app-btn-group .app-fixed {
    display: flex;
    width: 100%;
    height: 1.4rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 750px;
    z-index: 999;
    background: #fff;
    box-shadow: 0 -5px 6px 0 rgba(0,0,0,0.1);
}
.btn-app {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: .34rem;
    font-weight: bold;
    color: #28433A;
}
.btn-app img {
    width: .48rem;
    margin-right: 3px;
}
.btn-app:first-child::after {
    content: '';
    position: absolute;
    top: 30%;
    right: 0;
    width: 1px;
    height: 40%;
    background: #28433A;
}
.btn-app.one::after {
    display: none;
}