sr-iHealthwx/html/jtgx/css/suifang.css

/*---------cross.ui-------------------------*/
.c-border , .c-border-t , .c-border-b , .c-border-l , .c-border-r , .c-border-tb {border-color:#e1e1e1; border-style:solid;}
.ui-grid{display: -webkit-box; display: box;}
.ui-col-0 {-webkit-box-flex:0;box-flex:0;}
.ui-col-1 {-webkit-box-flex:1;box-flex:1;}
.ui-arrow,.ui-arrow s {position:relative; display:block; font-size:0; line-height:0; width:0; height:0; border-color:transparent; border-style:dashed; border-width:5px;}
.ui-arrow-r,.ui-arrow-r s{border-left-color:#aaa; border-left-style:solid;}
.ui-arrow-r s{border-left-color:#fff; position:absolute; left:-7px; top:-5px;}
.c-btn-4dcd70 { background-color: #4dcd70; }
.c-btn-4dcd70:hover { background-color: #45b865; }
.c-btn-fff { background-color: #ffffff; color: #999999; border: #e1e1e1 1px solid; }
.c-btn-fff:hover { background-color: #e5e5e5; }
/* ui-form
-----------------------------------------------------------------------------*/
.input-group, .input-group *, .input-group-checkbox, .input-group-radio, .input-group-checkbox *, .input-group-radio * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.input-group { border-collapse: separate; display: table; position: relative; }
.input-group label { display: block; }
.input-group-addon { background-color: #fff; border: 1px solid #e1e1e1; border-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; color: #333; font-size: 14px; font-weight: 400; line-height: 1; padding: 10px; text-align: center; display: table-cell; vertical-align: middle; white-space: nowrap; width: 1%; }
.input-group-addon:first-child { border-right: 0; }
.input-group-addon .iconfont { color: #b4b4b4; font-size: 18px; }
.input-group-addon.focus .iconfont { color: #37a6ed; }
.input-group-btn { position: absolute; right: 5px; top: 5px; }
.input-group-btn .c-btn { padding: 5px; border: #ddd 1px solid; }
.input-group .form-control, .input-group .form-select, .input-group .form-textarea { -webkit-appearance: none; appearance: none; background-color: #fff; background-image: none; border: 1px solid #e1e1e1; border-radius: 5px; color: #333; display: block; font-size: 14px; height: 42px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; outline: 0; }
.input-group .form-select-arrow { display: block; width: 12px; height: 12px; border: solid #cdcdcd; border-width: 3px 3px 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 13px; right: 8px; }
.input-group.input-border .form-control, .input-group.input-border .form-select, .input-group.input-border .form-textarea { border-radius: 0px; border-right: 0; font-size: 15px; height: 45px; line-height: 1.52857; }
.input-group .form-control:focus, .input-group .form-select:focus, .input-group .form-textarea:focus { color: #333; }
.input-group .form-control::-webkit-input-placeholder, .input-group .form-textarea::-webkit-input-placeholder {
color: #bfbfbf;
}
.input-group .form-control:-moz-placeholder, .input-group .form-textarea:-moz-placeholder {
color: #bfbfbf;
}
.input-group .form-control::-moz-placeholder, .input-group .form-textarea::-moz-placeholder {
color: #bfbfbf;
}
.input-group .form-control:-ms-input-placeholder, .input-group .form-textarea:-ms-input-placeholder {
color: #bfbfbf;
}
.input-group .form-textarea { height: auto; resize: none; margin: 0; }
.input-group .form-control:nth-child(2), .input-group .form-textarea:nth-child(2) { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left: 0; padding-left: 0; }
.input-group .form-control, .input-group label .form-control, .input-group label .form-select, .input-group label .form-textarea { border-radius: 4px; padding-left: 12px; border-left: 1px #e1e1e1 solid; }
.input-group .input-group-addon + .form-control, .input-group .input-group-addon + .form-select { border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding-left: 0px; border-left: 0px; }
.input-group-text { font-size: 14px; color: #555; }
.input-merge .input-group .input-group-addon, .input-group.input-border .input-group-addon { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.input-group.input-border .input-group-addon { border-left: 0; font-size: 15px; color: #333; padding: 10px 20px; }
.input-merge .input-group .form-control, .input-merge .input-group .form-select, .input-merge .input-group .form-textarea { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-merge .input-group:first-child .input-group-addon { border-top-left-radius: 4px; }
.input-merge .input-group:first-child .form-control, .input-merge .input-group:first-child .form-select, .input-merge .input-group:first-child .form-textarea { border-top-right-radius: 4px; }
.input-merge .input-group:last-child .form-control, .input-merge .input-group:last-child .form-select, .input-merge .input-group:last-child .form-textarea { border-bottom-right-radius: 4px; }
.input-merge .input-group:last-child .input-group-addon { border-bottom-left-radius: 4px; }
.input-merge .input-group.input-border .input-group-addon, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .input-group-addon { border-radius: 0px; }
.input-merge .input-group.input-border { padding-left: 20px; }
.input-merge .input-group.input-border .input-group-addon { padding-left: 0 }
.input-merge .input-group .input-group-addon, .input-merge .input-group .form-control, .input-merge .input-group .form-select, .input-merge .input-group .form-textarea { border-bottom: 0; }
.input-merge .input-group:last-child .input-group-addon, .input-merge .input-group:last-child .form-control, .input-merge .input-group:last-child .form-select, .input-merge .input-group:last-child .form-textarea { border-bottom: 1px solid #e1e1e1; }
.input-merge.input-merge-border .input-group:first-child .input-group-addon, .input-merge.input-merge-border .input-group:first-child .form-control, .input-merge.input-merge-border .input-group:first-child .form-select, .input-merge.input-merge-border .input-group:first-child .form-textarea { border-top: 0; }
.input-merge.input-merge-border .input-group:last-child .input-group-addon, .input-merge.input-merge-border .input-group:last-child .form-control, .input-merge.input-merge-border .input-group:last-child .form-select, .input-merge.input-merge-border .input-group:last-child .form-textarea { border-bottom: 0; }
.input-merge.input-merge-border { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff; }
.input-group-addon-disabled, .form-control[disabled], .form-control:disabled, .form-textarea[disabled], .form-textarea:disabled, .form-textarea[disabled], .form-textarea:disabled, .form-select[disabled], .form-select:disabled { background-color: #f9f9f9; }
.input-group .form-input { height: 45px; border-top: 1px solid #e1e1e1; position: relative; padding: 7px 0; }
.input-group .form-input-text { color: #909090; font-size: 15px; }
.input-group .form-select-box { display: inline-block; position: relative; margin-right: 10px; }
.input-group .form-select-box .form-select { width: 100%; }
.input-group .form-select-box .form-select-arrow { top: 7px; right: 12px }
.input-group.input-border .form-input .form-control, .input-group.input-border .form-input .form-select { height: 31px; border: #e1e1e1 1px solid !important; border-radius: 2px; display: inline-block; vertical-align: baseline; line-height: 1.2; }
.input-group .input-clear { position: absolute; right: 8px; top: 8px; background: #ccc; border-radius: 50%; width: 26px; height: 26px; text-align: center; }
.input-group .input-clear .close { position: relative; display: inline-block; width: 15px; height: 15px; overflow: hidden; top: 6px; }
.input-group .input-clear .close::before, .input-group .input-clear .close::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; }
.input-group .input-clear .close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.input-group .input-clear .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.input-group-checkbox, .input-group-radio { display: inline-block; position: relative; font-size: 14px; color: #909090; }
.input-group-checkbox label { display: block; cursor: pointer; }
.input-group-checkbox label input[type="checkbox"], .input-group-radio label input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.input-group-checkbox .input-group-pack, .input-group-radio .input-group-pack { width: 20px; height: 20px; background-color: #ffffff; border: 1px #d3d3d3 solid; padding: 0; margin: 0 5px 0 0; position: relative; display: inline-block; vertical-align: middle; border-radius: 5px; overflow: hidden; top: -2px; }
.input-group-radio .input-group-pack { border-radius: 50%; }
.input-group-checkbox .input-group-pack.input-group-pack-disabled, .input-group-radio .input-group-pack.input-group-pack-disabled { background-color: #f0f0f0; }
.input-group-checkbox .input-group-pack .tick { display: block; width: 12px; height: 2px; background: #4dcd70; margin: 8px 0 0 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: 50px; }
.input-group-checkbox .input-group-pack .tick:after { content: ''; width: 8px; height: 2px; background: #4dcd70; position: absolute; top: -3px; left: -5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.input-group-radio .input-group-pack .disc { display: block; content: "" !important; width: 0px; height: 0px; border-radius: 50%; background-color: #4dcd70; margin: 4px; }
.input-group-checkbox input[type="checkbox"]:checked ~ .tick , .input-group-checkbox .input-group-pack.checked .tick { top: 0px; }
.input-group-radio input[type="radio"]:checked ~ .disc  ,  .input-group-radio .input-group-pack.checked .disc { width: 10px; height: 10px; }
.input-group-switch { position: relative; font-size: 16px; width: 52px; height: 32px; line-height: 1em; }
.input-group-switch input { width: 52px; height: 32px; position: absolute; z-index: 10; border: none; background: none; -webkit-appearance: none; outline: none; }
.input-group-switch input:before { content: ''; width: 50px; height: 30px; border: 1px solid #e5e5e5; background-color: #fff; border-radius: 20px; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset; box-shadow: #dfdfdf 0px 0px 0px 0px inset; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s; transition: border 0.4s, box-shadow 0.4s; -webkit-background-clip: content-box; background-clip: content-box; }
.input-group-switch input:checked:before { border-color: #4cd964; -webkit-box-shadow: #4cd964 0px 0px 0px 16px inset; box-shadow: #4cd964 0px 0px 0px 16px inset; background-color: #4cd964; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s; background-color: #4cd964; }
.input-group-switch input:checked:after { left: 21px; }
.input-group-switch input:after { content: ''; width: 30px; height: 30px; position: absolute; top: 1px; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-transition: left 0.2s; transition: left 0.2s; }
.input-group-switch input.thread:before { content: ''; width: 50px; height: 3px; border: 1px solid #e5e5e5; background-color: #e5e7ea; border-radius: 20px; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset; box-shadow: #dfdfdf 0px 0px 0px 0px inset; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s; transition: border 0.4s, box-shadow 0.4s; -webkit-background-clip: content-box; background-clip: content-box; }
.input-group-switch input.thread:checked:before { border-color: #4cd964; -webkit-box-shadow: #4cd964 0px 0px 0px 16px inset; box-shadow: #4cd964 0px 0px 0px 16px inset; background-color: #4cd964; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s; background-color: #4cd964; }
.input-group-switch input.thread:checked:after { left: 33px; }
.input-group-switch input.thread:after { content: ''; width: 20px; height: 20px; position: absolute; top: 3px; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-transition: left 0.2s; transition: left 0.2s; }
/* css c-list
-----------------------------------------------------------------------------*/
.list-icon { height: 8px; width: 8px; position: relative; display: inline-block; }
.arrow-right { display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.c-list-group { }
.c-list-group h3 { padding: 6px 15px; background-color: #f9f9f9; font-size: 13px; color: #5b5b5b; margin: 0; vertical-align: middle; }
.c-list { background-color: #fff; }
.c-list > li , .c-list > .c-list-div{ font-size: 15px; color: #333; position: relative; display: -webkit-box; display: box; margin-left: 15px; border-top: 1px solid #f1f1f1; }
.c-list > .c-list-text { line-height: 20px; padding: 12px 15px 12px 0; }
.c-list > .c-list-function { border-top: none; }
.c-list > .c-list-function .c-list-info { border-top: 1px solid #f1f1f1; }
.c-list > li:first-child, .c-list > c-border-t:first-child, .c-list >li:first-child .c-border-t, .c-list > .c-list-function:first-child, .c-list > .c-list-function:first-child
.c-list-info, .c-list > div:first-child .c-border-t, .c-list > div:first-child{ border: 0; background-image: none }
.c-list > .c-list-cover { padding-left: 15px !important; margin-left: 0 !important; }
.c-list .c-list-info { -webkit-box-flex: 1; box-flex: 1; padding-right: 15px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.c-list h4 { color: #333 !important; }
.c-list .c-list-info > h4 { font-size: 15px; line-height: 20px }
.c-list .c-list-info > p { font-size: 13px; line-height: 20px; color: #909090; }
.c-list .c-list-label { font-size: 13px !important; color: #909090 !important; padding: 10px 15px 10px 0!important; border-top: 1px dashed #e1e1e1 !important; }
.c-list .c-list-key { margin-right: 15px; }
.c-list .c-list-img { width: 100px; height: 68px; margin: 10px 10px 10px 0; position: relative }
.c-list .c-list-img img { width: auto; height: 68px; }
.c-list > .c-list-link:active { background-color: #e5e6e7; padding-left: 15px; margin-left: 0 }
c-list-link:active, .c-list-link.c-border-t:active, .c-list-link:active + .c-border-t, .c-list-link:active + .c-border-t { background-image: none; border-top-color: #e5e6e7 }
.c-list .c-list-value { color: #909090; display: box; display: -webkit-box;-webkit-box-orient: vertical; -webkit-box-pack: center; }
.c-list .c-list-title {  }
.c-list .c-list-link .c-list-value, .c-list .c-list-link .c-list-title{ padding-right: 20px; }
.c-list .c-list-badge, .c-list .c-list-action { font-size: 13px; color: #909090; position: absolute; height: 100%; right: 15px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.c-list-link .c-list-badge, .c-list-link .c-list-action { right: 35px }
.list-icon { position: absolute; right: 15px; top: 50%; margin-top: -4px; }
.c-list .c-avatar-s, .c-list .c-avatar-m, .c-list .c-avatar-l { margin: 10px 15px 10px 0; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
.c-list-indent-s { padding-right: 70px !important; }
.c-list-indent-m { padding-right: 110px !important; }
.c-list-action .input-group-checkbox .input-group-pack, .c-list-action .input-group-radio .input-group-pack { margin: 0 0 0 5px; }
.c-avatar-s { width: 26px; height: 26px; }
.c-avatar-m { width: 40px; height: 40px; }
.c-avatar-l { width: 54px; height: 54px; }
.c-avatar-s img, .c-avatar-m img, .c-avatar-l img { width: 100%; height: 100%; }
.c-list-text .c-t-right { color: #909090 !important; }
.c-list-text .c-t-right{ padding-right:0px; color:#909090;}
.c-list-link .c-t-right{ padding-right:20px !important;}
/* css search
-----------------------------------------------------------------------------*/
.c-ser-hold{ width:100%; height:43px; background-color:#e8e8e8; padding:6px 10px 0 10px;}
.c-ser-into{ background:#fff; height:28px; line-height:28px; border:1px solid #e1e1e1; border-radius:5px; font-size:15px; color:#8e8e93; text-align:center;}
.c-serdet{ display: -webkit-box; display: box; padding:7px 10px 0 10px;}
.ser-icon{ position:relative; display:inline-block; width:13px;height:13px;font-size:1px; background:none;}
.ser-icon:before,.ser-icon:after{content:"";position:absolute;left:0;background:transparent;font-size:1px;}
.ser-icon-search:before{ left:10%; top:5%; width:55%; height:55%; border:1px solid #8e8e93; border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}
.ser-icon-search:after{ left:59%; top:75%; width:45%; height:12%; background:#8e8e93; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.c-ser-back{ width:20px; -webkit-box-flex: 0; box-flex: 0; overflow:hidden;}
.c-ser-back .si-right { display: block; width: 12px; height: 12px; border: solid #a3a3a7; border-width:0 0 2px 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin:7px 0 0 2px; float:left;}
.c-ser-main{ -webkit-box-flex: 1; box-flex: 1; background:#fff; height:28px; line-height:28px; border:1px solid #e1e1e1; border-radius:5px; font-size:15px; color:#8e8e93; position:relative; padding-left:25px; overflow:hidden;}
.c-ser-main i{ position:absolute; left:7px; top:7px;}
.c-ser-input{ width:100%; background:#fff; height:22px; line-height:normal; border:none; font-size:15px; color:#8e8e93;border-radius:5px; padding:3px 0;}
.c-ser-btn{ margin-left:10px; -webkit-box-flex: 0; box-flex: 0;}
.c-ser-btn a{ display:block; height:30px; line-height:30px; padding:0 10px; background:#3aa7ed; color:#fff; font-size:14px; border-radius:4px;}
.c-ser-main .input-clear { position: absolute; right: 6px; top: 6px; background: #7e7e7e; border-radius: 50%; width: 16px; height: 16px; text-align: center; }
.c-ser-main .input-clear .close { position: relative; display: inline-block; width: 10px; height: 10px; overflow: hidden; top:-7px;}
.c-ser-main .input-clear .close::before, .c-ser-main .input-clear .close::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; }
.c-ser-main .input-clear .close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.c-ser-main .input-clear .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* css c-lab2
-----------------------------------------------------------------------------*/
.c-lab-mor { display: -webkit-box; display: box; overflow: hidden; background: #fff; }
.c-lab-mor li { -webkit-box-flex: 1; box-flex: 1; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; text-align: center; padding-top: 6px; border-bottom: 1px solid #e1e1e1; }
.c-lab-mor li:first-child { border-left: none; }
.c-lab-mor li a { display: block; width: 100%; height: 28px; line-height: 28px; color: #333; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; border-left: 1px solid #ddd; }
.c-lab-mor li:first-child a { border-left: none; }
.c-lab-mor li.hit { border-bottom: 3px solid #4dcd70; }
.c-lab-mor li.hit a { color: #4dcd70; }
/* assist
-----------------------------------------------------------------------------*/
.ui-nowrap-multi { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.ui-nowrap-multh { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3 }

i{ font-style:normal;}
.c888{ color:#888;}
.cccc{ color:#ccc;}
.cf60{ color:#f60;}
.c333{ color:#333;}
.c5b5b5b{ color:#5b5b5b;}
.c4dcd70{ color:#4dcd70;}
.ced5050{ color:#ed5050;}
.ced4d4d{ color:#ed4d4d;}
.cc2c2c2{ color:#c2c2c2;}
.ced5050{ color:#ed5050;}
.c-f13{ font-size:13px;}
.lijt{ position:absolute; right:15px; top:50%; margin-top:-5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.h63{ height:63px;}

body{ background-color:#f3f3f3; color: #333; font-size:14px;}
.icon{ background:url(../images/icon.png) no-repeat; background-size:250px 250px; -webkit-background-size:250px 250px; -moz-background-size:250px 250px; -ms-background-size:250px 250px;}
.getmore{ width:100%;}
.getmore a{ display:block; width:100%; line-height:40px; color:#5b5b5b; text-align:center; font-size:14px; background:#f3f3f3;}
/* member */
.addp-list .input-group-addon { min-width: 100%; width: 90px; text-align: right; }
.mem-top{ background-color: #fafafa; position:relative;}
.men-list li{ position:relative;}
.men-list .mltb1{ background:#34aadc;}
.men-list .mltb2{ background:#4fdb67;}
.men-list .mltb3{ background:#ff9501;}
.men-list .mltb4{ background:#017aff;}
.men-list .mltb5{ background:#49cc6d;}
.men-list .mltb6{ background:#ff6600;}
.men-list .mltb7{ background:#4dcd70;}
.men-list .mltb8{ background:#ff6600;}
.men-list .mltb9{ background:#2caddf;}
.men-list .mltb10{ background:#f39800;}
.men-list li .c-avatar-s{ position:relative; overflow:inherit;}
.men-list li .c-list-action{ top:0px;}
.mlnum{ width:12px; height:12px; background:#f60; text-align:center; line-height:12px; font-size:8px; color:#fff; position:absolute; top:-4px; right:-4px;}
.mltb1 i,.mltb2 i,.mltb3 i,.mltb4 i,.mltb5 i,.mltb6 i,.mltb7 i,.mltb8 i,.mltb9 i,.mltb10 i{ color:#fff;}
.mltb1 i{ font-size:19px;}
.mltb2 i{ font-size:18px;}
.mltb3 i{ font-size:18px;}
.mltb4 i{ font-size:18px;}
.mltb5 i{ font-size:16px;}
.mltb6 i{ font-size:16px;}
.mltb7 i{ font-size:15px;}
.mltb8 i{ font-size:15px;}
.mltb9 i{ font-size:18px;}
.mltb10 i{ font-size:18px;}
.men-list li .qytimes{ display:block; position:absolute; right:15px; top:50%; margin-top:-10px; font-size:12px; color:#bbb;}
.sexchoo{ line-height:33px !important;}
.sexchoo label{ display:inline-block; margin-right:30px;}
.sexchoo label i{ display:inline-block; width:26px; height:25px; background-position:-1px -1px; vertical-align:middle; margin:0 5px 4px 0;}
.sexchoo label.swom i{ background-position:-30px -1px;}
.sexchoo label i.checked{ background-position:-59px -1px;}
.sexchoo label.swom i.checked{ background-position:-88px -1px;}
/* 健康头条 */
.jnews-top{ width:100%; text-align:center; position:relative;}
.jnews-top img{ width:100%; max-width:640px; max-height:200px;}
.jnews-top .news-tit{ display:block; width:100%; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:0; color:#fff; text-align:left; padding:5px 15px; line-height:20px;}
.jnews-list .c-list-img { width: 60px; height: 60px; margin: 10px 10px 10px 0; position: relative }
.jnews-list .c-list-img img { width: 60px; height: 60px; }
.jnews-tip{ line-height:20px; padding:10px 15px; background:#fafafa;}
/* 社区简介 */
.jnews-con{ line-height:25px; color:#5b5b5b;}
.jnews-con h1{ font-size:18px; color:#333; line-height:25px; padding:15px 0 7px 0;}
.jnews-con h6{ font-size:12px; color:#888; line-height:15px; margin-bottom:15px;}
.jnews-con img{ display:block; max-width:100%; margin:0 auto;}
.jnews-con p{ margin-bottom:10px; text-indent:2em}
.chd-btn{ margin:15px 0 20px 0;}
.chd-btn .list-icon{ display:inline-block; vertical-align:middle; margin:0 0 0px 5px; position:inherit; left:0; top:0;}
.chd-btn .arrow-right{ border-color:#fff;}
.jnews-con p.jnews-lc{ color:#f60; text-indent:0em;}
.jnews-con p.jnews-lc i{ display:inline-block; width:20px; height:20px; vertical-align:middle; margin:0 5px 5px 0; font-size:20px;}
.jnmaxw{ max-width:320px;}
.prejn{ overflow:hidden; display:box; display:-webkit-box;}
.prejn .jnimg{ display:block; -webkit-box-flex:0; box-flex:0; width:126px;}
.prejn .jnimg img{ margin:0;}
.prejn .jnword{ display:block; -webkit-box-flex:1; box-flex:1; font-size:12px; padding-top:8px; color:#5b5b5b;}
.prejn .jnword p{ text-indent:0em; margin-bottom:8px; line-height:20px;}
.prebot{}
.prebot p{ text-indent:0em;}
/* 账单明细 */
.h46{ height:46px;}
.bill-time{ background:#fff; padding:8px 15px; overflow:hidden; line-height:30px; position:fixed; top:0; left:0; z-index:600;}
.bill-time .mhsel{ display:block; float:left; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:45%; height:30px; padding:0 10px 0 5px; border:1px solid #e1e1e1; background:url(../images/seljt.png) no-repeat 94% center; background-size:11px 6px; -webkit-background-size:11px 6px;}
.bill-time .mhto{ display:block; float:left; width:10%; text-align:center;}
.bill-top{ background:#fff; padding:10px 15px;}
.bill-top .iconhold{ display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; background:#4cd964; color:#fff; vertical-align:middle; margin:0 15px 1px 0;}
.bill-top .iconhold i{ font-size:20px;}
.bill-list li .c-list-badge{ color:#333; font-size:15px; font-weight:700; font-family:Arial, Helvetica, sans-serif;}
/* 咨询详细 */
.advis-list{ padding-left:15px; background:#fff;}
.advis-list li{ border-top:1px solid #f1f1f1; display:-webkit-box; display:box; padding:10px 15px 10px 0; line-height:23px;}
.advis-list li:first-child{ border-top:none;}
.advis-list li .altit{ -webkit-box-flex:0; box-flex:0; width:80px;}
.advis-list li .alcon{ -webkit-box-flex:1; box-flex:1;}
.advis-list li .alw100{ width:100%;}
.advis-list li .alhelp{ line-height:20px; padding:5px 0;}
.advis-list li.adli-last{ display:block;}
.report-list{ overflow:hidden; width:100%;}
.report-list li{ display:block; width:33%; float:left; text-align:center; color:#5b5b5b; font-size:12px; padding:0; margin:5px 0 5px 0; border:none;}
.report-list li .reptb{ display:block; width:56px; height:56px; background:#fff; border:1px solid #e1e1e1; margin:0 auto 5px auto; font-size:12px; color:#ff8100; line-height:22px;}
.report-list li .reptb i{ display:block; width:22px; height:22px; margin:10px auto 0 auto;}
/* 对话 */
.advis-dialog{ padding-bottom:55px;}
.advis-dialog .ditime{ text-align:center; font-size:12px; line-height:18px; padding-bottom:8px;}
.dial-left .dialog{ padding:0 0 0 55px; position:relative; overflow:hidden;}
.dial-left .dihead{ width:40px; height:40px; position:absolute; left:0; top:0;}
.dial-left .dihead img{ width:40px; height:40px;}
.dial-left .dicon{ background:#a9e07d; padding:10px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#333; float:left; word-break:break-all;}
.dial-left .msg-box-arr { position: absolute; left:43px; top:15px; display: block; width: 0; height: 0; border-width:6px; border-style: dashed solid dashed dashed; border-color: transparent #a9e07d transparent transparent;}
.dial-left .msg-box-arr i { position: absolute; left: -6px; top:0; margin-top: -7px; display: block; width: 0; height: 0; border-width:6px; border-style: dashed solid dashed dashed; border-color: transparent #a9e07d transparent transparent;}
.dial-right .dialog{ padding:0 55px 0 0; position:relative; overflow:hidden;}
.dial-right .dihead{ width:40px; height:40px; position:absolute; right:0; top:0;}
.dial-right .dihead img{ width:40px; height:40px;}
.dial-right .dicon{ background:#fff; padding:10px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#5b5b5b; float:right; word-break:break-all;}
.dial-right .msg-box-arr { position: absolute; right:43px; top:15px; display: block; width: 0; height: 0; border-width:6px; border-style: dashed solid dashed dashed; border-color: transparent transparent transparent #f1f1f1;}
.dial-right .msg-box-arr i { position: absolute; right: -6px; top:0; margin-top: -7px; display: block; width: 0; height: 0; border-width:6px; border-style: dashed solid dashed dashed; border-color: transparent transparent transparent #fff;}

.advis-end{ background:#e6eef9; line-height:20px; text-align:center;}
.advis-end i{ font-size:18px; color:#ff8100; vertical-align:middle; margin:0 5px 0 0;}
.advis-end a{ font-size:14px; color:#157efb;}
.advis-bot{ width:100%; height:63px; background:#fff; position:fixed; left:0; bottom:0; padding:14px 93px 0 15px;}
.advis-bot a{ display:block; position:absolute; right:15px; top:14px; color:#333; font-size:14px; padding:0 18px; height:33px; line-height:33px !important; background:#f5f5f5; border:1px solid #bebebe; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.advis-bot .askbtn{ width:100%; height:35px; line-height:normal; border:1px solid #bebebe; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:#fff;}
/* 查看详细 */
.sdoc-top{ height:180px; background:url(../images/banner1.jpg) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; text-align:center; padding:20px 15px 0 15px; font-size:12px; color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,0.6); line-height:23px; position:relative;}
.sdoc-top .sdimg{ display:block; margin:0 auto 10px auto; width:60px; height:60px; padding:1px; background-color:rgba(250,250,250,.75); border-radius:50%;}
.sdoc-top .sdtime{ position:absolute; background:rgba(0,0,0,.3); width:100%; height:45px; line-height:45px; left:0; bottom:0; text-align:left; padding:0 15px;}
.sdoc-top .sdstate{ position:absolute; background:rgba(255,255,255,1); width:100%; height:45px; line-height:45px; left:0; bottom:0; text-align:left; padding:0 15px; text-shadow:none; color:#333;}
.sdslink{ margin-left:15px; padding-left:20px; border-left:1px solid #e1e1e1;}
.sdoc-top .sdslink a{ display:inline-block; height:25px; line-height:25px; padding:0 10px; background:#fff; border:1px solid #e1e1e1; border-radius:5px; font-size:12px; color:#333;}

.sdoc-tit{ line-height:32px; background:#fafafa; padding-top:3px;}
.sdoc-tit i{ display:inline-block; color:#aaaaaa; font-size:20px; vertical-align:middle; margin:0 5px 3px 0;}
.sdoc-tit i.icon-jianjie{ font-size:24px;}
.sdoc-con{ background:#fff; padding:10px 15px; line-height:22px; color:#5b5b5b; overflow:hidden;}
.sdoc-txt{overflow-y:auto; display: block;height:66px;}
/* 签约流程 */
.suppl-step{ background:#fff; padding:5px 15px 15px 15px; overflow:hidden;}
.suppl-step li{ display:block; width:32%; float:left; border-bottom:3px solid #e1e1e1; color:#888; font-size:12px; margin-left:1%; text-align:center; line-height:30px;}
.suppl-step li.sfin{ border-bottom:3px solid #4dcd70; color:#4dcd70;}
.suppl-top{ background:#fff; line-height:25px; padding:10px 15px; text-align:center;}
.suppl-tit{ background:#fafafa; line-height:30px; padding:10px 15px 0 15px;}
.sw100{ width:85px; text-align:left;}
.areainput{ height:20px; line-height:normal; margin:0; padding:0; border:none; width:100%;}
.supp-area{ display:box; display:-webkit-box; width:230px; text-align:left; margin:10px auto; line-height:33px;}
.supp-area .satit{ -webkit-box-flex:0; box-flex:0; width:70px;}
.supp-area .sacon{ -webkit-box-flex:1; box-flex:1; position:relative;}
.supp-area .sacon .form-select-arrow { display: block; width: 10px; height: 10px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 8px; right: 8px; }
.supp-area .sacon select{ width:100%; height:33px; line-height:30px; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:1px solid #e1e1e1; padding:0 5px; border-radius:3px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
.suppl-tip{ height:45px; line-height:45px; background:#eee;}
.suppl-tip a{ color:#333;}
.m-addtb{ display:inline-block; width:24px; height:24px; background:#4dcd70; vertical-align:middle; margin:0 5px 5px 0; position:relative;}
.m-addtb:before{ content:''; display:block; position:absolute; width:4px; height:16px; background:#fff; left:50%; margin-left:-2px; top:50%; margin-top:-8px;}
.m-addtb:after{ content:''; display:block; position:absolute; width:16px; height:4px; background:#fff; left:50%; margin-left:-8px; top:50%; margin-top:-2px;}
.m-deltb{ display:inline-block; width:20px; height:20px; background:#ed4d4d; vertical-align:middle; position:relative; margin:0 3px 6px 0;}
.m-deltb:after{ content:''; display:block; position:absolute; width:14px; height:4px; background:#fff; left:50%; margin-left:-7px; top:50%; margin-top:-2px;}
.add-memb-list .input-group-addon{ width:70px; text-align:left;}
.add-memb-list .arrow-right{ width:10px; height:10px;}
.add-memb-tip{ text-align:center; font-size:12px; color:#888; padding-bottom:10px;}
.add-memb-tip i{ font-size:18px; margin-right:3px;}
/* 协议内容 */
.agree-box{ background:#fff; line-height:26px; padding:10px 15px 30px 15px;}
.agree-box h1{ font-size:18px; text-align:center; padding-bottom:10px;}
.agree-box p{ text-indent:2em;}
.agfin-top{ text-align:center; background:#fff; padding:15px 15px 20px 15px; font-size:15px; line-height:22px;}
.agfin-top i{ display:inline-block; width:50px; height:50px; line-height:50px; font-size:50px; margin-bottom:10px;}
.agfin-num{ line-height:40px; text-align:center; font-size:12px; color:#888; background:#fafafa;}
.agfin-num li{ border-left:1px solid #e1e1e1;}
.agfin-num li:first-child{ border-left:none;}
.agfin-img{ text-align:center; background:#fafafa; padding:20px 0;}
.agfin-btn{ overflow:hidden;}
.agfin-btn a{ display:block; width:46%; margin-left:8%; float:left;}
.agfin-btn a:first-child{ margin-left:0;}
.agfiled-tip{ font-size:12px; color:#888; text-align:center; padding:10px 0; line-height:20px;}
/* 选择社区 */
.hd85{ height:85px;}
.sarea-box{ width:100%; height:40px; line-height:40px; background:#f4f4f4; position:fixed; left:0; top:0; padding:0 15px; z-index:800;}
.sarea-box i.icon-ditudingwei{ font-size:22px; vertical-align:middle; margin:0 0 4px 0; color:#888;}
.sarea-box .list-icon{ display:inline-block; vertical-align:middle; margin:0 0 7px 5px; position:relative; left:0; top:0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.sarea-box .arrow-right{ border-color:#cbcbcb;}
.sseach-box{ width:100%; height:45px; background:#fff; position:fixed; left:0; top:40px; padding:7px 15px 0 15px; z-index:800;}
.shcom-list ul li .c-list-img{ width:50px; height:40px;}
.shcom-list ul li .c-list-img img{ height:40px;}
.shcom-list ul li .c-list-info{ padding-right:30px;}
/* 暂无信息 */
.nomess{ text-align:center; line-height:30px; padding:120px 0 60px 0; color:#5b5b5b;}
.nomess i{ display:block; width:90px; height:90px; background-position:-1px -30px; margin:0 auto;}
/* 随访 */
.list-tips {display:inline-block; width:auto; margin-top:0; margin-left:10px;}
.list-tips .hd .ui-arrow {top: 12px; left: -10px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg)}
.list-tips .bd {padding:0 3px; background:#ff6600; border:#ff6600 1px solid; color:#fff}
.list-tips .ui-arrow-t, .list-tips .ui-arrow-t s {border-bottom-color:#ff6600;}
.follow-up .c-list-indent-m {padding-right:50px !important}
.follow-up .c-list-img , .follow-up .c-list-img img{width:70px; height:70px;}
.follow-ask{}
.follow-ask li{ display:block; margin:10px 5px; background:#fff; border-radius:4px; padding:0 10px;}
.fpart1{ line-height:40px; position:relative; color:#333;}
.follow-ask li .list-icon{ right:0;}
.iconhold{ display:inline-block; width:20px; height:20px; line-height:18px; text-align:center; color:#fff;}
.fatb1{ background:#f39800; font-size:16px;}
.fatb2{ background:#3cca3f;}
.fatb3{ background:#2caddf;}
.fatb1 i{ font-size:17px;}
.fatb2 i{ font-size:13px;}
.fatb3 i{ font-size:18px;}
.fpart2{ line-height:20px; position:relative; color:#333; padding:10px 0; border-top:1px solid #f2f2f2; font-size:12px;}
.faname{ display:inline-block; float:right; border-left:1px solid #f2f2f2; padding-left:10px;}
.fpart3{ line-height:20px; position:relative; color:#333; padding:10px 0; border-top:1px solid #f2f2f2; font-size:12px;}
/*随访*/
.q-form { background-color: #fff; }
.q-form li:after { content: ""; display: block; line-height: 0; font-size: 0; visibility: hidden; clear: both; }
.q-form li { padding: 10px 10px 10px 0; margin-left: 15px; border-bottom: 1px solid #e1e1e1; }
.q-form li:last-child { border-bottom: none; }
.q-form .q-form-label { font-size: 15px; }
.q-form .q-form-val { margin-left: 82px; line-height: 22.5px; }
.q-form .q-form-val.mr65 { margin-right: 65px; }
.q-form .q-form-inp { display: block; width: 100%; border: none; color:#5b5b5b; }
.q-form .q-form-inp[disabled] { background-color: #fff; }
.qa-form { background-color: #fff; }
.qa-form li:after { content: ""; display: block; line-height: 0; font-size: 0; visibility: hidden; clear: both; }
.qa-form li { padding: 10px 10px 10px 0; margin-left: 15px; border-bottom: 1px solid #e1e1e1; position:relative }
.qa-form li:last-child { border-bottom: none; }
.qa-form .qa-form-label { font-size: 15px; color: #ff8100; }
.qa-form .qa-form-val { margin-left: 37px; line-height: 22.5px; }
.qa-form .qa-form-val.mr65 { margin-right: 65px; }
.qa-form .qa-form-inp { width: 100%; border: none; color:#5b5b5b;}
.qa-form .input-group { width: 100%; padding-right: 5px; }
/* 我的签约服务 */
.my-servers-top{ background:url(../images/banner1.jpg) 0 -50px no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; color:#fff; line-height:21px; text-shadow:0px 0px 2px rgba(0,0,0,0.6); position:relative; padding-bottom:40px;}
.my-servers-top .sdimg{ display:block; margin:0 auto 10px auto; width:60px; height:60px; padding:1px; background-color:rgba(250,250,250,.75); border-radius:50%;}
.my-servers-time{ line-height:40px; background:#fafafa; color:#555; padding:0 15px; text-align:center;}
.my-servers-time i{ color:#bbb; font-size:18px; margin-right:5px;}
/* 家庭成员 */
.sw60{ width:60px; text-align:left;}
.add-memb-btn{ width:100%; height:46px; line-height:46px; background:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.add-memb-btn a{ color:#333; font-size:14px;}
/* 签约记录 */
.record-list{}
.record-list li .c-avatar-m{ width:45px; height:45px;}
.record-list li .arrow-right { display: inline-block; width: 6px; height: 6px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); vertical-align:middle; margin:0 0 5px 5px;-webkit-transition: all .3s ease;}
.record-list li .arshow{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin:2px 0 0 5px;}
.record-list li{ position:relative; background:#fff; border-top:1px solid #f2f2f2;}
.record-list li:first-child{ border-top:none;}
.relimg{ width:45px; height:45px; position:absolute; left:15px; top:10px; overflow:hidden;}
.relimg img{ width:45px; height:45px;}
.relmess{ padding:13px 100px 8px 75px; min-height:45px; font-size:12px; color:#888; line-height:18px;}
.reltime{ position:absolute; right:15px; top:13px; text-align:center; font-size:12px; line-height:18px;}
.rel-filed{ background:#eaedeb; padding:10px 15px; color:#555; font-size:12px; line-height:20px; display:none;}
.rel-filed .ref-top{ display:block; color:#ed5050; padding-bottom:8px; margin-bottom:10px; border-bottom:1px solid #d2d4d1;}
/* 电话随访 */
.mstop-time{ width:100%; line-height:25px; background:rgba(0,0,0,.3); position:absolute; left:0; bottom:0; overflow:hidden; padding:7px 0;}
.mstop-time .mtpart{ display:block; width:50%; float:left; text-align:center; font-size:12px; color:#fff;}
.mstop-time .mtpart:first-child{ border-right:1px solid #656578;}
.mstop-time .mtpart i{ font-size:18px; margin:0 3px;}
.tel-ask-advice{ margin:10px 5px; padding:8px; background:#fff; border:1px solid #e1e1e1; border-radius:4px; line-height:30px; color:#5b5b5b;}
.ask-text{ border:none !important; padding:0 !important;}

/* 图文随访 */
.chat-form {bottom:0; left:0; height:45px;}
.nopos {position:relative; bottom: auto; left: auto;}
.chat-form .ui-col-0 {width:50px; text-align:center;}
.chat-form .ui-col-0 a {display:inline-block; height:30px; width:30px; line-height:30px; position:relative; top:8px; border:1px solid #808080; border-radius:50%; color:#808080;}
.chat-input {border:0; border-bottom:#808080 1px solid; position:relative; top:14px;}
.chat-pictures-wrap {height:100%; z-index:2323; top:0; left:0; display:none;}
.chat-pictures-bg {height:100%;background-color:rgba(0, 0, 0, 0.7);}
.chat-pictures-btn {bottom:0; left:0}
.chat-pictures-a { overflow:hidden}
.chat-pictures-a a {height:45px; line-height:45px; display:block; font-size:15px; color:#00a1d8; text-align:center; width:100%; background-color:#fff; border-bottom:#e1e1e1 1px solid}
.chat-pictures-a a:last-child {border-bottom:0}
.chat-pictures-a a em {display:inline-block; width:16px; height:16px; border:#00a1d8 1px solid; border-radius:50%; line-height:12px; position:relative; top:-2px}
.chat-pictures-a a em i.iconfont {font-size:12px}
.chat-form .ui-col-0 a.chat-send{ display:inline-block; width:40px; height:31px; line-height:31px; background:#4dcd70; text-align:center; font-size:13px; color:#fff; border:none; border-radius:3px; float:left;}

/* 2015082703 CSX 新增 */
.bottom-btn-box { position: fixed; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 8px 15px; background: #fff; z-index: 3000; }
.bp-temp-page { padding-bottom: 60px; }
.bp-temp { padding: 5px 0 5px 15px; }
.bp-temp h3 { font-size: 15px; color: #333; padding: 10px 0; }
.bp-temp h3 em { color: #f58100; margin-right: 5px; }
.bp-temp-con { font-size: 12px; color: #5b5b5b; padding: 10px 15px; }
.zz-list { overflow: hidden; }
.zz-list li { width: 33.3333%; float: left; }

@media screen and (min-width:320px) and (max-width:360px) {
.zz-list li:last-child { width: 50%; float: left; }
}
.zz-tab { width: 100%; }
.zz-tab td, .zz-tab th { vertical-align: middle; padding: 5px 0; }
.zz-tab th { width: 9em; }
.zz-tab2 th { width: 6em; }
.zz-tab th em { color: #f58100; }
.i-unit { display: inline-block; height: 36px; line-height: 36px; text-align: center; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 4px; }
.width-16 { width: 16%; }
/*单选框和复选框*/
.c-radio, .c-check { display: block; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; margin: 7px 0; }
.c-radio .disc, .c-check .tick { display: block; position: relative; width: 26px; height: 26px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e1e1e1; border-radius: 50%; background: #fff; top: 0; left: 0; z-index: 2; }
.c-check .tick { border-radius: 6px; }
.c-radio > input, .c-check > input { display: inline-block; vertical-align: baseline; position: absolute; z-index: 3; width: 26px; height: 26px; background: transparent; background: rgba(0, 0, 0, 0); -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; outline: 0; }
.c-radio > input:checked + .disc:after, label.checked .disc:after { position: absolute; content: ""; width: 12px; height: 12px; border-radius: 50%; background: #4dcd70; left: 6px; top: 6px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.c-check > input:checked + .tick:after, label.checked .tick:after { position: absolute; content: ""; width: 13px; height: 8px; border: solid #4dcd70; border-width: 0 0 2px 2px; left: 5px; top: 5px; -webkit-transform: rotate(-45deg); }
.c-radio > input:disabled + .disc, .c-check > input:disabled + .tick { background: #f0f0f0; }
.c-radio > input:disabled, .c-check > input:disabled { cursor: auto; }
.c-radio .txt, .c-check .txt { display: inline-block; position: absolute; height: 28px; line-height: 28px; vertical-align: middle; top: 0; left: 32px; }
/*下拉选框*/
.c-select { display: block; position: relative; height: 36px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; }
.c-select:after { position: absolute; content: ''; width: 8px; height: 8px; border: solid #e1e1e1; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); right: 15px; top: 50%; margin-top: -7px; }
.c-select > select { display: inline-block; vertical-align: baseline; position: relative; z-index: 2; width: 100%; height: 36px; color: #909090; background: transparent; background: rgba(0, 0, 0, 0); border: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0 25px 0 10px; }
.c-select > select:focus { color: #4d5a5e; outline: 0; }
.c-input { position: relative; display: inline-block; min-width: 40px; height: 36px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; }
.c-input > input { display: inline-block; vertical-align: baseline; position: relative; z-index: 2; width: 100%; height: 36px; color: #80989f; background: transparent; background: rgba(0, 0, 0, 0); border: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 6px 12px; }
.c-input > input:focus { color: #4d5a5e; outline: 0; }
.c-textarea { position: relative; display: block; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; }
.c-textarea > textarea { display: inline-block; vertical-align: baseline; position: relative; z-index: 2; width: 100%; color: #80989f; background: transparent; background: rgba(0, 0, 0, 0); border: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 6px 12px; }
.c-textarea > textarea:focus { color: #4d5a5e; outline: 0; }