﻿/**
 * 疾病自查
 * Created by zhaohuanlei on 2015/4/18.
 */
html,body,.container {height:100%;}

/*疾病自查*/
.examine-main {width:100%;height:100%;position:relative;}
.examine-sort {width:100%;height:40px;position:relative;margin-bottom:5px;background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 5px -1px rgba(0,0,0,0.1);}
.examine-sort li {width:50%;height:40px;float:left;text-align:center;}
.examine-sort h2 {height:40px;position:relative;z-index:2;line-height:40px;white-space:nowrap;font-size:14px;color:#000;background-color:#fff;}
.examine-sort h2:first-child {padding-left:15px;}
.examine-sort h2:last-child {padding-right:15px;}
.examine-sort li:first-child h2:before {width:1px;height:80%;position:absolute;top:30%;right:0;content:"";background-color:#ccc;-webkit-transform:scaleY(0.5);-webkit-transform-origin:0 0;transform:scaleY(0.5);transform-origin:0 0;}
.examine-sort h2:after {width:11px;height:11px;margin:-2px 0 0 15px;display:inline-block;vertical-align:middle;content:"";background:url(http://res.ycw.com/app/images/book/examine/icon-arrow.png) no-repeat 50%;background-size:contain;transition:all 0.2s;-webkit-transition:all 0.2s;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.examine-sort p {width:100%;position:absolute;top:40px;left:0;z-index:1;background-color:#fff;-webkit-transform:translateY(-140px);transform:translateY(-140px);-webkit-transition:all .1s ease-in;box-shadow:0 1px 1px -1px rgba(0,0,0,0.4) inset, 0 1px 5px -1px rgba(0,0,0,0.2);}
.examine-sort p a {position: relative;z-index:1;line-height:40px;display:block;font-size:13px;color:#666;}
.examine-sort li h2.on {color:#f2473d;}
.examine-sort li.selected p {-webkit-transform:translateY(0);transform:translateY(0);}
.examine-sort li.selected h2:after {transform:rotate(90deg);-webkit-transform:rotate(90deg);}

.examine-view {width:100%;position:relative;z-index:0;overflow:hidden;}
.examine-view .inner {width:200%;position:relative;transition:all .4s;-webkit-transition:all .4s;-webkit-backface-visibility:hidden;-webkit-perspective:1000;}
.examine-view .item {width:50%;position:relative;float:left;}
.examine-view img {width:100%;margin:0 auto;display:block;pointer-events:none;}
.examine-view p {width:88%;height:86%;padding:14% 6% 0;position:absolute;top:0;left:0;z-index:1;-webkit-user-select:none;}
.examine-view p a {width:25%;height:11.3%;margin-bottom:5.58%;display:block;overflow:hidden;white-space:nowrap;text-indent:999em;background-color:rgba(0,0,0,0);}
.examine-view p a:nth-child(odd) {float:left;margin-right:20%;}
.examine-view p a:nth-child(even) {float:right;margin-left:20%;}

.examine-list a {position:relative;padding:0 15px;display:block;line-height:3;font-size:15px;background:#fff url(http://res.ycw.com/app/images/book/examine/icon-arrow.png) no-repeat 95% 50%;background-size:7px;}
.examine-sort p a:after,.examine-list a:after,.examine-symptom li a:after {border-bottom:1px solid #ccc;height:1px;content:'';width:100%;transform:scaleY(0.5);-webkit-transform:scaleY(0.5);position:absolute;left:0;bottom:0;}
.examine-detail .examine-list {margin-top:1px;position: relative;}
.examine-detail .examine-list:before {border-top:1px solid #ccc;height:1px;content:'';width:100%;transform:scaleY(0.5);-webkit-transform:scaleY(0.5);position:absolute;left:0;top:-2px;}
.examine-detail h2, .examine-related h2 {position:relative;padding:16px 15px 8px;font-size:13px;background-color:#f5f5f5;color:#999;}
.examine-main .para {padding:10px 15px;line-height:1.7;font-size:16px;color:#333;text-align:justify;background-color:#fff;/* box-shadow:0 -1px 1px -1px rgba(0,0,0,0.5) inset, 0 1px 1px -1px rgba(0,0,0,0.5) inset; */}
.examine-main .more {padding:10px 15px;margin-top:20px;}
.examine-main .btn-more {/*padding: 10px;*/display:block; line-height: 45px;color:#507caf;font-size:15px;text-align:center;background-color:#fff;border-radius:5px;}
.examine-related {height:100%;background-color:#f5f5f5;}
.examine-related .para:last-child {box-shadow:0 1px 1px -1px rgba(0,0,0,0.5);}

.examine-symptom h2 {padding:0 15px;line-height:1.5;font-size:15px;background-color:#f4f4f4;color:#4f4f4f;}
.examine-symptom li a {position:relative;padding:0 15px;display:block;line-height:3;font-size:15px;color:#464646;}
.examine-symptom li:last-child a {/*box-shadow:none*/;}
.float-page {width:8%;height:100%;position:fixed;top:0;right:0;z-index:10;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:center;-webkit-box-pack:center;}
.float-page p {width:100%;}
.float-page a {display:block;text-align:center;font-size:14px;line-height:1.3;color:#999;}


.read-help{ /*position: fixed;*/ bottom:0px; padding: 10px 0px 10px 0px; width: 100%; background: #f5f5f5;}
.read-help p {padding:10px 15px; color: #999999;}
.read-help .more {padding:0px 15px; margin: 0px;}
.read-help .btn-help{/*padding: 10px;*/display:block; line-height: 45px;font-size:15px;text-align:center;background: #507daf; color: #fff;border-radius:5px;}