.content .header { width: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 32px; position: relative; box-shadow: 0 1px 2px #CCC; background-color: #fff; }
.content .header img { position: absolute; left: 30px; top: 34px; line-height: 0; margin: 0; }

.tabar { position: fixed; width: 750px; height: 100px; left: 0; right: 0; bottom: 0; margin: 0 auto; border-top: 2px solid #ddd; background-color: #F6F6F6; }
.tabar .item { float: left; width: 250px; height: 100px; text-align: center; box-sizing: border-box; }
.tabar .item-on { color: #2F86F8 !important; font-weight: bold; }
.tabar .item-on span { color: #2F86F8 !important; }
.tabar .item:nth-child(1) img { margin-top: 8px; }
.tabar .item:nth-child(2) img { margin-top: 8px; }
.tabar .item:nth-child(3) img { margin-top: 8px; }
.tabar .item span { display: block; font-size: 28px; line-height: 20px; }


.red { color: #FD5A58; }

.radio { margin: 30px 20px; }
.radio input[type="radio"] { position: absolute; opacity: 0; width: 30px; height: 30px; z-index: 3; }
.radio input[type="radio"] + .radio-label:before { content: ''; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 30px; height: 30px; margin-top: 3px; position: relative; margin-right: 4px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease; }
.radio input[type="radio"]:checked + .radio-label:before { background-color: #3197EE; box-shadow: inset 0 0 0 4px #f4f4f4; }
.radio input[type="radio"]:focus + .radio-label:before { outline: none; border-color: #3197EE; }
/*.radio input[type="radio"]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #3197EE; background: #3197EE; }*/
.radio input[type="radio"] + .radio-label:empty:before { margin-right: 0; }
.radio label { font-size: 26px; }