@charset "utf-8";
body {width: 100%;height: auto;min-height: 100%;  background-color: #f0f8f8; }
.footer{background-color: inherit; border-top: none;}

.tab-nav {height: 50px; padding: 0 1rem; font-size: 0; border-bottom: 1px solid #e5e5e5; background-color: #fff; }
.tab-nav a {display: inline-block; width: 49%; padding-left: 2.2rem; float: left; font-size: 18px; line-height: 49px; text-align: center; color: #666; }
.tab-nav .mbw{background: url("../images/mbw-icon01.png") no-repeat 30% center /  20px auto; }
.tab-nav .mks{background: url("../images/mks-icon01.png") no-repeat 30% center /  18px auto; }
.tab-nav .mbw.active {color: #2fbdc8; border-bottom: .1rem solid #2fbdc8; background: url("../images/mbw-icon02.png") no-repeat 30% center /  20px auto;}
.tab-nav .mks.active {color: #2fbdc8; border-bottom: .1rem solid #2fbdc8; background: url("../images/mks-icon02.png") no-repeat 30% center /  18px auto;}

.mbw-content{padding-top: 2rem;}
.mbw-content .mt{width: 100%; height: 23rem;}
.mbw-content .mt a{display: block; width: 6.5rem; height: 3rem; text-align: center; line-height: 3rem; border: 1px solid #cccccc; background-color: #fff; font-size: 1.4rem; color: #333333; overflow: hidden; margin-bottom: 1.5rem;}
.mbw-content .mt .sel-lt{width: 6.5rem; height: 23rem; float: left; margin-left: 2rem;}
.mbw-content .mt .sel-rt{width: 6.5rem; height: 23rem; float: right; margin-right: 2rem;}
.mbw-content .mt .pic{width: 12rem; height: 23rem; text-align: center; float: left; margin-left: 1.5rem;}
.mbw-content .mt .pic img{width: auto; height: 100%;}

.mbw-content .mc{width: 100%; padding: 0 2rem; height: 5.5rem; overflow: hidden;}
.mbw-content .mc .gender{color: #333333; font-size: 1.2rem; line-height: 2.8rem; float: left;}
.mbw-content .mc .gender i{float: left;}
.mbw-content .mc .gender span{display: inline-block; width: 5.3rem; height: 2.8rem; margin: 0 0.5rem; border-radius: 1.3rem; border: 0.1rem solid #dee0df; float: left;}
.mbw-content .mc .gender span.man{background: #dee0df url("../images/man-icon.png") no-repeat 0 center / auto 2.6rem;}
.mbw-content .mc .gender span.woman{background: #dee0df url("../images/woman-icon.png") no-repeat 100% center / auto 2.6rem;}

.mbw-content .mc .pos-neg{color: #333333; font-size: 1.2rem; line-height: 2.8rem; float: right;}
.mbw-content .mc .pos-neg i{float: left;}
.mbw-content .mc .pos-neg span{display: inline-block; width: 5.3rem; height: 2.8rem; margin: 0 0.5rem; border-radius: 1.3rem; border: 0.1rem solid #dee0df; float: left;}
.mbw-content .mc .pos-neg span.front{background: #dee0df url("../images/pos-neg.png") no-repeat 0 center / auto 2.6rem;}
.mbw-content .mc .pos-neg span.back{background: #dee0df url("../images/pos-neg.png") no-repeat 100% center / auto 2.6rem;}

.mbw-content .mb{width: 100%; border: 1px solid #e5e5e5; background-color: #fff; height: 5.5rem; padding:0.7rem 1rem 0 1rem; overflow: hidden;}
.mbw-content .mb .reset{display: block; width: 5rem; height: 3rem; text-align: center; line-height: 3rem; border: 1px solid #cccccc; color: #666666; font-size: 1.4rem; float: left; margin-top: 0.5rem; border-radius: 0.4rem;}
.mbw-content .mb .go{display: block; width: 13rem; height: 4rem; line-height: 4rem; border-radius: 0.4rem; color: #fff; font-size: 1.4rem; padding-left: 2.5rem; text-align: center; background:#2fbdc8 url("../images/diagnose.png") no-repeat 2.5rem center / auto 1.7rem; float: right;}
.mbw-content .mb .hd-sel{float: right; line-height: 4rem; padding-right: 0.5rem; font-size: 1.1rem; color: #666666;}
.mbw-content .mb .hd-sel span{color: #ff0000; padding: 0 0.3rem;}



.fixed-btm {position: fixed;bottom: 0;left: 0; width: 100%; padding: 1rem; border-top: 1px solid #e5e5e5;background-color: #fff;}
.fixed-btm .fl {font-size: 1.2rem; color: #646464;line-height: 4rem;}
.fixed-btm .fl strong {color: #f00;}
.fixed-btm .fr {display: block; width: 35%;height: 4rem; font-size: 1.4rem; text-align: center;line-height: 4rem;color: #fff; border-radius: .4rem; background-color: #2fbdc8;}
.fixed-btm .reset{display: block; width: 5rem; height: 3rem; text-align: center; line-height: 3rem; border: 1px solid #cccccc; color: #666666; font-size: 1.4rem; float: left; margin-top: 0.5rem; border-radius: 0.4rem;}
.fixed-btm .hd-sel{float: right; line-height: 4rem; padding-right: 0.5rem; font-size: 1.1rem; color: #666666;}
.fixed-btm .hd-sel span{color: #ff0000; padding: 0 0.3rem;}