a, a:active { text-decoration: none; color: #111111; cursor: pointer }
a:hover { text-decoration: none }
.clearfix:after { content: ''; display: block; clear: both }
.fr, .pull-right { float: right }
.fl, .pull-left { float: left }
i { font-style: inherit }
label { font-weight: inherit }
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: none }
a:active { text-decoration: none }
.hight-auto { width: 100%; height: auto; overflow: hidden }
.width-1200 { width: 1200px; height: auto; overflow: hidden }
.block-a { width: 100%; height: 100%; display: block }
button, a { cursor: pointer }
h5 { font-weight: inherit }
.label-radio { position: relative; display: inline-block; overflow: hidden; margin-right: 20px }
.label-radio>input { position: absolute; left: -1000px; visibility: hidden; }
.label-radio>input+i { background: url("../images/btn-check-bg.png") no-repeat; display: inline-block; width: 20px; height: 20px; margin-right: 8px }
.label-checkbox { position: relative; display: block; overflow: hidden; }
.label-checkbox>input { position: absolute; left: -1000px; visibility: hidden; background: url("../images/btn-check-bg.png") no-repeat; }
.label-checkbox>input+i { background: url("../images/btn-check-bg.png") no-repeat; display: block; width: 20px; height: 20px; float: right; }

.label-checkbox.icon_ali { background: url("../images/icon_ali.jpg") no-repeat left center; padding-left: 40px; height:42px; line-height:42px; }
.label-checkbox.icon_wechat { background: url("../images/icon_wechat.jpg") no-repeat left center; padding-left: 40px;height:42px; line-height:42px; }
.label-radio>*, .label-checkbox>* { vertical-align: middle }
.label-radio>input+i { background-position: -20px 0; cursor: pointer; }
.label-radio>input:checked+i { background-position: 0 0 }
.label-checkbox>input+i { background-position: -20px -20px; cursor: pointer; }
.label-checkbox>input:checked+i { background-position: 0 -20px }
select { outline: none }

.disabled { background: #999 !important; }
.agreement { line-height: 25px;  cursor: pointer; }
.agreement input[type=checkbox] { display: none; }
.agreement span { color: #d21f1f  ; font-size:14px; text-decoration:underline;  }
.agreement label { display: inline-block; position: relative; padding-left: 30px; cursor:pointer; }
.agreement i { display: block; width: 20px; height: 20px; background-image: url('../images/btn-check-bg.png'); background-size: 40px 40px; background-position: -20px -20px; box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.agreement label input[type='checkbox']:checked + i { border: 0; background-position: 0 -20px; }
.agreement-mask { display: none; width: 100%; height: 100%; background: #ddd; overflow-y: scroll; position: fixed; top: 0; left: 0; padding: 80px 12px 0; box-sizing: border-box; z-index: 99999; }
.agreement-mask p { box-sizing: border-box; }
.agreement-mask .clear { display: block; width: 40px; height: 40px; background-image: url('../images/type-icon.png'); background-size: 40px 40px; background-position: 0  0; position: fixed; top: 90px; right: 18%; z-index: 991; cursor:pointer; }
.agreement-mask .content { width: 55%; margin: 0 auto; background: #fff; padding: 50px; line-height: 40px; }

.explain-mask { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.6); overflow-y: scroll; position: fixed; top: 0; left: 0; padding: 0 12px; box-sizing: border-box; z-index: 990; padding: 12px; }
.explain-mask .content { width: 677px; margin: 0 auto; background: #fff; padding: 0 20px 30px; line-height: 40px; }
.btn-explain-sure { display: block; width: 130px; height: 50px; background: #e21e1f; color: #fff; font-size: 18px; border: 0; border-radius: 5px; margin: 0 auto; }
.info-img { height: 400px; position: relative; width: 100%; margin: 0px auto }
.info-img img { width: 100%; height: 100% }
.info-img div { position: absolute; font-size: 32px; color: #ffffff; height: 40px; top: 50%; margin-top: 20px; width: 1200px; margin-left: -600px; left: 50% }
.tab-content { margin-bottom: 30px }
.tab-content .money-top { width: 1200px; margin-top: 20px; margin-bottom: 30px }
.tab-content .money-top .money-tab span { display: inline-block; text-align: center; color: #000; font-size: 18px; border-radius: 5px; cursor: pointer; padding: 8px 15px }
.tab-content .money-top .money-tab .active { background: #0035ae; color: #ffffff }
.tab-content .money-search { width: 400px; position: relative }
.tab-content .money-search input { width: 400px; outline: none; height: 45px; background: #f7f7f7; border-radius: 8px; border: 1px solid #eeeeee; padding-left: 15px }
.tab-content .money-search button { width: 75px; height: 45px; position: absolute; right: 0px; top: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background: #0035ae; color: #ffffff; font-size: 18px; border: none }
.tab-content .money-info-text { margin: 0px auto 20px; line-height: 25px; color: #999999 }
.tab-content .volunteer-list { width: 1200px; margin: 0px auto }
.tab-content .volunteer-list .volunteer-item { width: 282px; height: 355px; margin-left: 20px; float: left; cursor: pointer; margin-bottom: 20px }
.tab-content .volunteer-list .volunteer-item img { width: 100%; height: 222px }
.tab-content .volunteer-list .volunteer-item h5 { font-size: 18px; color: #000000; line-height: 30px; padding: 0px 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.tab-content .volunteer-list .volunteer-item .money-tiltes { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.tab-content .volunteer-list .volunteer-item div { color: #b3b3b3; font-size: 15px; margin-top: 8px; padding: 0px 8px }
.tab-content .volunteer-list .volunteer-item:nth-child(4n+1) { margin-left: 0px }
.tab-content .volunteer-list .volunteer-item:hover h5 { color: #0035ae }
.tab-content .volunteer-list .volunteer-item:hover { box-shadow: 0 0 8px #0035ae }
.tab-content .momey-name .volunteer-list .volunteer-item { height: 325px }
.tab-content .from-list { width:95%; border: 1px solid #ddd; margin: 0px auto; padding-bottom: 50px; }
.tab-content .from-list .title { font-size: 22px; color: #333; line-height: 65px; text-align: center; padding: 30px 0; }
.tab-content .from-list .model { width: 600px; height: auto; margin: 0px auto 30px; clear: both }
.tab-content .from-list .model .fl { height: 48px; line-height: 48px; width: 100px; font-size: 15px; color: #333333; text-align: right; }
.tab-content .from-list .model .align-top { line-height: normal }
.tab-content .from-list .model .fr { position: relative; width: 460px }
.tab-content .from-list .model .fr input[type='text'] { width: 460px; height: 48px; line-height: 48px; color: #333333; padding-left: 25px; background: #fff; border-radius: 8px; border: 1px solid #ddd; box-sizing: border-box; outline: none; font-size: 15px; }
.tab-content .from-list .model .fr select { width: 460px; height: 48px; line-height: 48px; color: #333333; padding-left: 25px; background: #fff; border-radius: 8px; border: 1px solid #ddd; box-sizing: border-box; -webkit-appearance: none; position: absolute; top: 0px; left: 0px; font-size: 15px; }
.tab-content .from-list .model .fr .icon_down { width: 10px; height: 6px; position: absolute; right: 20px; top: 20px; color: #333333; background: url("../images/icon_down.gif") no-repeat; }
.tab-content .from-list .model .fr .total-num { width: 460px }
.tab-content .from-list .model .fr .total-num .num { width: 49%; height: 42px; display: inline-block; float: left; text-align: center; line-height: 42px; border: 1px solid #eee; color: #333; border-radius: 10px; margin-left: 30px; margin-bottom: 30px; cursor: pointer }
.tab-content .from-list .model .fr .total-num .num:nth-child(2) { margin-left: 0; float: right; }
.tab-content .from-list .model .fr .total-num .num:active { background: #9c3737; border: 1px solid #9a2c2c; color: #fff; }
.tab-content .from-list .model .fr .total-num .active { border: 1px solid #bd1313; color: #fff; background: #bd1313 }
.tab-content .from-list .model .fr .total-num .num:nth-child(3n+1) { margin-left: 0px }
.tab-content .from-list .model .fr textarea { border: 1px solid #ddd; width: 460px; height: 100px; padding: 15px 25px; resize: none; border-radius: 8px; font-size: 15px; box-sizing: border-box; }
.tab-content .from-list .model .pay-btn { width: 100%; height: 50px; background: #bd1313; color: #ffffff; font-size: 18px; border-radius: 8px; outline: none; border: none; }
.tab-content .from-list .model .pay-btn:active { background: #ad3030 }
.tab-content .from-list .model .fr .label-radio { height: 48px; line-height: 48px; margin-right: 20px; cursor: pointer }
.tab-content .momey-content .momey-form { display: block }
.tab-content .red { color: red; margin-left: 5px }
.tab-content .grey { color: #999999 }
.tab-content .label-radio-group { padding-top: 10px }
.tab-content .label-radio-group label { height: 40px; line-height: 40px; margin-right: 20px }
.tab-content .label-radio-group label input { margin-right: 15px; vertical-align: middle; width: 17px; height: 17px }
.tab-content .goods-form { margin-top: 30px }
.tab-content .hope-good { margin-top: 15px; width: 455px; height: 200px; background: #f7f7f7; border-radius: 5px; padding: 20px 20px 0px }
.tab-content .hope-good div { line-height: 30px }
.tab-content .hope-good .btn { border-top: 1px solid #eee; width: 100%; padding: 10px 0; height: 65px; margin-top: 25px }
.tab-content .hope-good .btn button { width: 50%; font-size: 18px; float: left; height: 100%; background: no-repeat; border: none }
.tab-content .hope-good .btn button:active { background: #ededed }
.tab-content .hope-good .btn button:nth-child(1) { border-right: 1px solid #eeeeee }
.tab-content .add-btn { width: 455px; height: 48px; line-height: 48px; border: 1px solid #0035ae; color: #0035ae; border-radius: 8px; font-size: 18px; outline: none; background: #ffffff }
.tab-content .add-btn:active { background: #002ba4; color: #ffffff }
.tab-content .submit { width: 128px; background: #0035ae; color: #ffffff; border-radius: 5px; height: 48px; outline: none; margin-top: 20px; font-size: 18px; border: none; display: block; margin: 20px auto }
.tab-content .submit:active { background: #002ba4 }
.tab-content .volunteer-group { display: none }
.from-list .model .fr input[type=number] { width: 460px; height: 48px; line-height: 48px; color: #333; padding-left: 25px; background: #fff; border-radius: 8px; border: 1px solid #eee; box-sizing: border-box; outline: 0; font-size: 16px; }