Home Explore Help
Register Sign In
Amoy2
/
sr-iHealthApp
Watch 2
Star 0
Fork 0
Files
Branch: master
Branches Tags
sr-iHealthApp
/
common
/
cross
/
css
/
ui.all.min.css

ui.all.min.css 29 KB
Permalink History Raw

1234567 
  1. @charset "utf-8";.c-reddot{position:relative;display:inline-block;padding:0 .25rem}.c-reddot:after{content:'';position:absolute;display:block;width:.4rem;height:.4rem;background-color:#f76249;border-radius:5px;right:-3px;top:-3px;-webkit-background-clip:padding-box;background-clip:adding-box}.c-get-more a{display:block;text-align:center;line-height:1.75rem}.c-btn,.c-btn-full,.c-btn-large,.c-btn-big,.c-btn-small,.c-btn-tiny,.c-btn-screenful,.c-btn-icon,.c-btn-label,.c-btn-label-l,.c-btn-label-r{display:inline-block;zoom:1;*display:inline;vertical-align:baseline;outline:0;cursor:pointer;border:0;background:0;text-align:center;text-decoration:none;padding:12px 34px;color:#fff;position:relative;font:14px/1 \5FAE\8F6F\96C5\9ED1,tahoma,arial,\5b8b\4f53;line-height:normal!important}.c-btn:hover,.c-btn:active{text-decoration:none;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.c-btn-full{width:100%;height:100%;vertical-align:middle}.c-btn-large{padding:14px 40px;font-size:18px}.c-btn-big{padding:10px 40px;font-size:16px}.c-btn-small{padding:10px 18px;font-size:12px}.c-btn-tiny{padding:6px 10px;font-size:12px}.c-btn-disable{cursor:default;background:#ccc;border:0;color:#fff}.c-btn-disable:hover,.c-btn-disable:active{background-color:#ccc;top:0}.c-btn-screenful,.c-btn-label-l,.c-btn-label-r{width:100%;height:100%;display:table;padding:0;font-size:inherit}.c-btn-screenful .c-btn-span,.c-btn-label-l .c-btn-span,.c-btn-label-r .c-btn-span{display:table-cell;vertical-align:middle}.c-btn-icon .iconfont,.c-btn-icon .icon{margin-right:7px}.c-btn.c-btn-arc,.c-btn-full.c-btn-arc,.c-btn-large.c-btn-arc,.c-btn-big.c-btn-arc,.c-btn-small.c-btn-arc,.c-btn-tiny.c-btn-arc,.c-btn-screenful.c-btn-arc,.c-btn-icon.c-btn-arc,.c-btn-label.c-btn-arc,.c-btn-label-l.c-btn-arc,.c-btn-label-r.c-btn-arc{border-radius:1000px}.c-btn.c-btn-radius,.c-btn-full.c-btn-radius,.c-btn-large.c-btn-radius,.c-btn-big.c-btn-radius,.c-btn-small.c-btn-radius,.c-btn-tiny.c-btn-radius,.c-btn-screenful.c-btn-radius,.c-btn-icon.c-btn-radius,.c-btn-label.c-btn-radius,.c-btn-label-l.c-btn-radius,.c-btn-label-r.c-btn-radius{border-radius:6px}.c-btn.c-btn-rounded,.c-btn-full.c-btn-rounded,.c-btn-large.c-btn-rounded,.c-btn-big.c-btn-rounded,.c-btn-small.c-btn-rounded,.c-btn-tiny.c-btn-rounded,.c-btn-screenful.c-btn-rounded,.c-btn-icon.c-btn-rounded,.c-btn-label.c-btn-rounded,.c-btn-label-l.c-btn-rounded,.c-btn-label-r.c-btn-rounded{border-radius:2px}.c-btn-label{position:relative}.c-btn-label-l i.iconfont,.c-btn-label-r i.iconfont,.c-btn-label-l i.icon,.c-btn-label-r i.icon{padding:0 6px;display:inline-block;position:absolute;top:0;height:100%;line-height:200%;background:rgba(0,0,0,.04)}.c-btn-label-l i.iconfont,.c-btn-label-l i.icon{left:0}.c-btn-label-r i.iconfont,.c-btn-label-r i.icon{right:0}.c-btn-label:hover i.iconfont,.c-btn-label-l:hover i.iconfont,.c-btn-label-r:hover i.iconfont{background:rgba(0,0,0,.1)}.c-btn-087eff{background-color:#087eff}.c-btn-087eff:hover{background-color:#0771e5}.c-btn-588cd5{background-color:#588cd5}.c-btn-588cd5:hover{background-color:#4680d0}.c-btn-37a6ec{background-color:#37a6ec}.c-btn-37a6ec:hover{background-color:#3195d4}.c-btn-4dcd70{background-color:#4dcd70}.c-btn-4dcd70:hover{background-color:#45b865}.c-btn-4db944{background-color:#4db944}.c-btn-4db944:hover{background-color:#45a63d}.c-btn-309765{background-color:#309765}.c-btn-309765:hover{background-color:#2b885b}.c-btn-ff9600{background-color:#ff9600}.c-btn-ff9600:hover{background-color:#e58700}.c-btn-ff8100{background-color:#ff8100}.c-btn-ff8100:hover{background-color:#e57400}.c-btn-fc6155{background-color:#fc6155}.c-btn-fc6155:hover{background-color:#e2574c}.c-btn-ff3b2f{background-color:#ff3b2f}.c-btn-ff3b2f:hover{background-color:#e5352a}.c-btn-f9f9f9{background-color:#f9f9f9;color:#087eff;border:#c0c0bc 1px solid}.c-btn-f9f9f9:hover{background-color:#e0e0e0}.c-btn-ffffff{background-color:#fff;color:#4dcd70;border:#e1e1e1 1px solid}.c-btn-ffffff:hover{background-color:#e5e5e5}.c-btn-fff{background-color:#fff;color:#999;border:#e1e1e1 1px solid}.c-btn-fff:hover{background-color:#e5e5e5}.c-btn-ff3{background-color:#fff;color:#ff3b2d;border:#e1e1e1 1px solid}.c-btn-ff3:hover{background-color:#e5e5e5}.c-badge{display:inline-block;min-width:19px;height:19px;line-height:19px;text-align:center;color:#fff;vertical-align:baseline;white-space:nowrap;background-color:#999;padding:0 6px;text-align:center;border-radius:10px}.c-badge-orange{background-color:#f47b1c}.c-badge-blue{background-color:#73bdec}.c-badge-red{background-color:#f03a3a}.c-badge-green{background-color:#4cd964}.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}
    2. 

  2. .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:7px}.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:45px;line-height:1.42857;padding:6px 12px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;outline:0}.input-group .form-select-arrow{display:block;width:10px;height:10px;border:solid #ccc;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:15px;right:15px}.input-group .form-control{padding-right:30px}.input-group.input-border .form-control,.input-group.input-border .form-select,.input-group.input-border .form-textarea{border-radius:0;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:0;border-bottom-left-radius:0;padding-left:0;border-left:0}.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:0}.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}
    3. 

  3. .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;opacity:1;-webkit-opacity:1}.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 .form-text-box{-webkit-box-flex:1;box-flex:1;border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1;padding:9px 0;line-height:1.88;font-size:14px}.input-group.input-border .form-text-box{border-right:0}.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:0;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 input[type="checkbox"],.input-group-radio 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:#fff;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:0;height:0;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:0}.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:0;background:0;-webkit-appearance:none;outline:0}.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 0 0 0 0 inset;box-shadow:#dfdfdf 0 0 0 0 inset;-webkit-transition:border .4s,-webkit-box-shadow .4s;transition:border .4s,box-shadow .4s;-webkit-background-clip:content-box;background-clip:content-box}.input-group-switch input:checked:before{border-color:#4cd964;-webkit-box-shadow:#4cd964 0 0 0 16px inset;box-shadow:#4cd964 0 0 0 16px inset;background-color:#4cd964;transition:border .4s,box-shadow .4s,background-color 1.2s;-webkit-transition:border .4s,-webkit-box-shadow .4s,background-color 1.2s;background-color:#4cd964}
    4. 

  4. .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 .2s;transition:left .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 0 0 0 0 inset;box-shadow:#dfdfdf 0 0 0 0 inset;-webkit-transition:border .4s,-webkit-box-shadow .4s;transition:border .4s,box-shadow .4s;-webkit-background-clip:content-box;background-clip:content-box}.input-group-switch input.thread:checked:before{border-color:#4cd964;-webkit-box-shadow:#4cd964 0 0 0 16px inset;box-shadow:#4cd964 0 0 0 16px inset;background-color:#4cd964;transition:border .4s,box-shadow .4s,background-color 1.2s;-webkit-transition:border .4s,-webkit-box-shadow .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: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 .2s;transition:left .2s}.ptb12{padding-top:.6rem;padding-bottom:.6rem}.c-list-group h3{padding:.3rem .75rem;background-color:#f9f9f9;font-size:.65rem;color:#5b5b5b;margin:0;vertical-align:middle}.c-avatar-s{width:1.3rem;height:1.3rem}.c-avatar-m{width:2rem;height:2rem}.c-avatar-l{width:2.7rem;height:2.7rem}.c-avatar-s img,.c-avatar-m img,.c-avatar-l img{width:100%;height:100%}.c-list>li,.c-list>.c-list-div{position:relative;display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;padding-right:.75rem;margin-left:.75rem;border-top:1px solid #f1f1f1}.c-list>li:first-child,.c-list>.c-list-div:first-child{border-top:0}.c-list>.c-list-cover,.c-list>.c-list-link:active{padding-left:.75rem;margin-left:0}.c-list>.c-list-link:active{background:#f7f7f7}.c-list-a{display:-webkit-box;display:box;width:100%;color:#333}.c-list-title,.c-list-key,.c-list-info{display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;box-pack:center}.c-list-title{-webkit-box-pack:start;box-pack:start}.c-list-info{-webkit-box-flex:1;box-flex:1}.c-list>.c-list-fun,.c-list>.c-list-label{border-top:0;padding-right:0}.c-list>li:first-child,.c-list>.c-list-fun:first-child .c-list-info,.c-list>.c-list-fun:first-child .c-list-key,.c-list>.c-list-fun:first-child .c-list-title,.c-list-div:first-child{border:0}.c-list>.list-arrow-r,.c-list>.list-arrow-u,.c-list>.list-arrow-d{padding-right:1.5rem}.c-list>.list-arrow-r:after,.c-list>.list-arrow-u:after,.c-list>.list-arrow-d:after{position:absolute;top:50%;right:.75rem;margin-top:-0.25rem;content:"";display:block;width:.4rem;height:.4rem;border:solid #cdcdcd;border-width:.1rem .1rem 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-list>.list-arrow-u:after{right:.65rem;margin-top:-0.1rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.c-list>.list-arrow-d:after{right:.65rem;margin-top:-0.4rem;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.c-list-info.c-border-t,.c-list-key.c-border-t,.c-list-title.c-border-t{border-color:#f1f1f1}.required{position:relative}.required:before{content:"*";position:absolute;color:#f00;font-size:.7rem;height:.6rem;line-height:.6rem;vertical-align:middle;left:-0.4rem;top:50%;margin-top:-0.25rem}.listform-text{width:100%;height:1.5rem;line-height:normal}.listform-sel{display:inline-block;width:100%;position:relative}.listform-sel:before{position:absolute;top:50%;right:0;margin-top:-0.35rem;content:"";display:block;width:.4rem;height:.4rem;border:solid #cdcdcd;border-width:.1rem .1rem 0 0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.listform-sel-bor:before{right:.5rem}.ptb8{padding-top:.4rem;padding-bottom:.4rem}.listform-sel select{width:100%;height:1.5rem;border:0}.listform-sel-bor select{border:1px solid #e1e1e1;border-radius:4px;padding:0 .5rem}.listsel-two{width:47%;margin-left:4%}.c-list-info .listsel-two:first-child{margin-left:0}.listsel-three{width:30%;margin-left:3%}.c-list-info .listsel-three:first-child{margin-left:0}.listform-textarea{display:block;width:100%;border:0;position:relative}.listform-sel-other{width:100%;height:1.5rem;border:1px solid #e1e1e1;border-radius:.2rem;padding:0 .5rem}.c-nomess{padding:2.5rem .75rem}.c-nomess .no-mess{position:relative;background:#dfdfdf;width:90px;height:90px;border-radius:50%;margin:0 auto 5px auto}
    5. 

  5. .c-nomess .no-mess:after{position:absolute;content:"";background:#fff;width:45px;height:45px;top:23px;left:23px;border-radius:3px}.c-nomess .no-mess i{position:relative;display:inline-block}.c-nomess .no-mess-ico1{width:4px;height:9px;background:#fff;border:2px solid #dfdfdf;border-radius:9px;top:16px;left:40px;z-index:110}.c-nomess .no-mess-ico1:before,.no-mess-ico1:after{position:absolute;content:"";width:4px;height:9px;background:#fff;border:2px solid #dfdfdf;border-radius:9px;top:-2px;left:-13px;z-index:111}.c-nomess .no-mess-ico1:before{top:-2px;left:10px}.c-nomess .no-mess-ico2{width:32px;height:5px;background:#dfdfdf;border-radius:9px;top:28px;left:19px;z-index:120}.c-nomess .no-mess-ico2:before,.no-mess-ico2:after{position:absolute;content:"";width:23px;height:5px;background:#dfdfdf;border-radius:9px;top:10px;left:0;z-index:111}.c-nomess .no-mess-ico2:after{width:18px;height:5px;background:#dfdfdf;border-radius:9px;top:20px;left:0;z-index:111}.c-nomess .no-mess-ico3{width:16px;height:4px;background:#fff;border:2px solid #dfdfdf;border-radius:9px;top:54px;left:15px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);z-index:130}.c-nomess .no-mess-ico3:before{position:absolute;content:"";width:4px;height:6px;background:#fff;border-radius:9px 9px 0 0;border:2px solid #dfdfdf;border-bottom:0;top:-8px;left:4px;z-index:131}.c-nomess .no-mess-ico3:after{position:absolute;content:"";width:4px;height:6px;background:#fff;border-radius:9px 9px 0 0;border:2px solid #dfdfdf;border-bottom:0;top:4px;left:4px;z-index:131;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg)}.c-nomess p{text-align:center;font-size:.7rem;color:#666;line-height:1rem;padding:.25rem 0}.c-nomess a{color:#007cd9;margin-left:.1rem}.c-failstate{padding:4.5rem .75rem 1.5rem .75rem;font-size:.7rem;color:#999;line-height:1rem}.c-failstate a{color:#007cd9;margin-left:.1rem}.c-failstate a.c-btn{color:#fff}.icon-norefresh{display:inline-block;width:5.55rem;height:4.55rem;background:url(http://f1.yihuimg.com/concat/mobile/cross/images/norefresh.png) no-repeat;background-size:100% 100%;margin-bottom:.5rem}.icon-nofriends{display:inline-block;width:6.15rem;height:6.15rem;background:url(http://f1.yihuimg.com/concat/mobile/cross/images/nofriends.png) no-repeat;background-size:100% 100%;margin-bottom:.5rem}.icon-nointer{display:inline-block;width:6rem;height:6rem;background:url(http://f1.yihuimg.com/concat/mobile/cross/images/nointer.png) no-repeat;background-size:100% 100%;margin-bottom:.5rem}.icon-noopen{display:inline-block;width:5.6rem;height:4.625rem;background:url(http://f1.yihuimg.com/concat/mobile/cross/images/noopen.png) no-repeat;background-size:100% 100%;margin-bottom:.5rem}.icon-nopower{display:inline-block;width:6.7rem;height:6.7rem;background:url(http://f1.yihuimg.com/concat/mobile/cross/images/nopower.png) no-repeat;background-size:100% 100%;margin-bottom:.5rem}.icon-noset{display:inline-block;width:6.15rem;height:6.15rem;background:url(http://f1.yihuimg.com/concat/mobile/cross/images/noset.png) no-repeat;background-size:100% 100%;margin-bottom:.5rem}@media(orientation:landscape){.c-nomess{padding:2.5rem .75rem 1rem .75rem}.c-failstate{padding:2rem .75rem .5rem .75rem}}.bgc-f2f4f6{background:#f2f4f6}.c-ser-hold{height:2.25rem}.c-serposi{position:fixed;left:0;top:0;z-index:600}.c-ser-div{width:100%;height:2.25rem;padding:.35rem .5rem 0 .5rem;display:-webkit-box;display:box;box-sizing:border-box;-webkit-box-sizing:border-box}.c-ser-into{width:100%;background:#fff;height:1.5rem;line-height:1.5rem;border-radius:.2rem;color:#b3b3b3;padding:0 .4rem;box-sizing:border-box;-webkit-box-sizing:border-box}.ser-icon{position:relative;display:inline-block;width:13px;height:13px;font-size:1px;background:0;vertical-align:middle;margin-bottom:4px}.ser-icon:before,.ser-icon:after{content:"";position:absolute;left:0;background:transparent;font-size:1px}.ser-icon-search:before{left:1px;top:1px;width:10px;height:10px;border:1px solid #aaa9a9;border-radius:50%}.ser-icon-search:after{left:10px;top:12px;width:5px;height:1px;background:#aaa9a9;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg)}.c-ser-back{width:1rem;-webkit-box-flex:0;box-flex:0;overflow:hidden}.c-ser-back .si-right{display:inline-block;width:12px;height:12px;border:solid #a3a3a7;border-width:0 0 1px 1px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin:9px 0 0 3px}.c-ser-main{-webkit-box-flex:1;box-flex:1;background:#fff;height:1.5rem;border-radius:.2rem;font-size:.75rem;color:#8e8e93;position:relative;padding:0 .5rem 0 1.25rem;overflow:hidden}
    6. 

  6. .c-ser-main i{position:absolute;left:.35rem;top:50%;margin-top:-7px}.c-ser-input{width:100%;background:#fff;height:1.5rem;line-height:1.5rem;border:0;color:#333;border-radius:5px}.c-ser-btn{margin-left:.5rem;-webkit-box-flex:0;box-flex:0}.c-ser-btn a{display:block;height:1.5rem;line-height:1.5rem;padding:0 .5rem;background:#3aa7ed;color:#fff;font-size:.7rem;border-radius:.2rem}.c-ser-canc{margin-left:.5rem;-webkit-box-flex:0;box-flex:0}.c-ser-canc a{display:block;height:1.5rem;line-height:1.5rem;padding:0 .25rem;color:#17b3ec}.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:0;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)}.c-table{width:100%;border-collapse:collapse}.c-table th{font-weight:700}.c-table td,.c-table th{border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1;text-align:center;padding:.5rem}.c-table tr td:last-child,.c-table tr th:last-child{border-right:0}.c-table tr:last-child td{border-bottom:0}.glu-tab tbody{font-size:.6rem}.glu-tab th{vertical-align:middle}.glu-tab tbody td{width:11.875%}.glu-tab tbody tr td:first-child{width:auto}.bp-tab tbody{font-size:.6rem}.bp-tab th{vertical-align:middle}.bp-tab tbody td{width:13.875%}.bp-tab tbody tr td:first-child{width:auto}.c-les-hold{height:2.5rem}.c-les-div{width:100%;height:2.5rem;padding-top:.45rem;box-sizing:border-box;-webkit-box-sizing:border-box}.c-labposi{position:fixed;left:0;top:0;z-index:600}.c-lab-les{display:-webkit-box;display:box;border:1px solid #37a6eb;overflow:hidden}.c-lab-les li{-webkit-box-flex:1;box-flex:1;width:1px;height:1.5rem;line-height:1.5rem;text-align:center;border-left:1px solid #37a6eb}.c-lab-les li:first-child{border-left:none}.c-lab-les li a{display:block;width:100%;height:1.5rem;color:#0894ec}.c-lab-les li.hit,.c-lab-les li.curr{background:#0894ec}.c-lab-les li.hit a,.c-lab-les li.curr a{color:#fff}.c-mor-hold{height:2rem}.c-lab-mor{width:100%;height:2rem;display:box;display:-webkit-box;background:#fff;border-bottom:1px solid #e1e1e1}.c-lab-mor li{-webkit-box-flex:1;box-flex:1;width:1px;height:2rem;line-height:2rem;text-align:center;position:relative}.c-lab-mor li a{display:block;width:100%;height:100%;color:#5b5b5b}.c-lab-mor li.hit:before,.c-lab-mor li.curr:before{content:'';display:block;width:100%;height:.15rem;background:#0894ec;position:absolute;left:0;bottom:-1px}.c-lab-mor li.hit a,.c-lab-mor li.curr a{color:#0894ec}.c-alert-box{max-width:85%;background:rgba(0,0,0,.8);padding:10px;font-size:.7rem;color:#fff;position:fixed;border-radius:7px;box-shadow:0 0 3px rgba(0,0,0,.1);z-index:10010;top:50%;margin-top:-30px;word-break:break-all;line-height:1.6}.c-load-box{max-width:70%;background:rgba(0,0,0,.8);padding:18px 30px;font-size:.75rem;color:#fff;position:fixed;border-radius:7px;box-shadow:0 0 3px #000;z-index:10009;top:50%;margin-top:-50px;text-align:center}.loadgif{display:inline-block;position:relative;overflow:hidden;width:32px;height:32px;margin:0 auto;font-size:0;text-indent:-999em;color:#666}.loadgif::after{position:absolute;content:'';width:3px;height:3px;margin:14.5px 0 0 0;border-radius:100%;box-shadow:0 -10px 0 1px #ccc,10px 0 #ccc,0 10px #ccc,-10px 0 #ccc,-7px -7px 0 .5px #ccc,7px -7px 0 1.5px #ccc,7px 7px #ccc,-7px 7px #ccc;-webkit-transform:rotate(360deg);-webkit-animation:local-loading 1.5s infinite linear;transform:rotate(360deg);animation:local-loading 1.5s infinite linear}@-webkit-keyframes local-loading{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes local-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.c-al-screen{width:100%;height:100%;background:rgba(0,0,0,0);position:fixed;z-index:10008;top:0;left:0}.c-conf-box{width:88%;margin-left:6%;background:#fff;position:fixed;top:50%;margin-top:-70px;left:0;border-radius:7px;z-index:10005;padding-top:15px;animation:confbox .2s ease;-webkit-animation:confbox .2s ease}@keyframes confbox{0%{transform:scale(.5)}100%{transform:scale(1)}}@-webkit-keyframes confbox{0%{-webkit-transform:scale(.5)}100%{-webkit-transform:scale(1)}}.conftitle{text-align:center;padding:0 15px 0 15px;line-height:22px;font-size:.75rem;font-weight:700}.confcontent{text-align:center;padding:15px 15px 30px 15px;line-height:22px;font-size:.75rem}
    7. 

  7. .c-conf-box .c-confbtn{width:100%;border-top:1px solid #e3e3e3;overflow:hidden}.c-conf-box .c-onebtn{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:.75rem;color:#157efb}.c-conf-box .c-twobtn{display:block;width:49%;height:40px;line-height:40px;text-align:center;font-size:.75rem;float:left;color:#157efb;border-left:1px solid #e3e3e3}.c-conf-box .c-twobtn:first-child{border-left:none}.c-conf-screen{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;z-index:10000;top:0;left:0}
    8.