.pk-input {float:left;cursor:pointer;padding:0px 8px;}
.pk-input.-clean {background:#fff;border:none;font:inherit;}
.pk-input.-dark {background:#666;color:#eee;border:1px solid #999;}
.pk-arrow {position:absolute;cursor:pointer;right:-2px;bottom:0;text-align:center;width:10px;padding-bottom:2px; display:none;}
.pk-arrow.-clean {background:#eee;color:#aaa;}
.pk-arrow.-dark {background:#666;color:#eee;}
.pk-input.-clean:hover + .pk-arrow,.pk-arrow.-clean:hover {background:#dfdfdf;color:#aaa;}
.pk-input.-dark:hover + .pk-arrow,.pk-arrow.-dark:hover {background:#000;color:#ccc;}
.pk-arrow:before {transform:rotate(90deg);font-size:25px;position:relative;content:'›';margin:5px 0 0 13px;float:left;}
.pk-overlay {width:100%;height:100%;position:fixed;background:#666;background:rgba(0,0,0,0.4);top:0;left:0;opacity:0;visibility:hidden;z-index:1110;transition:opacity .3s;}
.pk-overlay.-show {opacity:1;visibility:visible;}
.pk-modal {transform:translateX(-50%) scale(0.8,0.8);left:50%;top:30px;border-radius:3px;position:absolute;width:280px;max-height:90%;overflow-y:auto;z-index:1111;transition:all .3s;visibility:hidden;background:#f2f2f2;opacity:0; overflow:hidden;overflow-y: scroll;}
.pk-modal > .head {width:calc(100% - 20px);font-size:18px;padding:20px 10px;}
.pk-modal.-clean {background:#fff;border-bottom:10px solid #efefef;}
.pk-modal.-clean > .head {color:#777;background:#efefef;}
.pk-modal.-dark {color:#f2f2f2;background:#444;border-bottom:10px solid #333;}
.pk-modal.-dark > .head {color:#f2f2f2;background:#333;}
.pk-modal.-show {transform:translateX(-50%) scale(1,1);visibility:visible;opacity:1;box-shadow:1px 1px 20px 2px #888;}
.pk-search {display:none;}
.pk-search.-show {display:block;}
.pk-search > input {width:calc(100% - 22px);padding:8px 4px;margin:6px;border:1px solid #ddd;}
.pk-no_result_search {padding:10px;font-size:14px;}
.pk-modal > .close {position:absolute;top:18px;right:15px;color:#ccc;font-size:22px;cursor:pointer;}
.pk-option {cursor:pointer;padding:14px 10px; border-bottom:1px solid #efefef; width:100%;}
.pk-option.-clean {border-bottom:1px solid #efefef;}
.pk-option.-dark {border-bottom:1px solid #333;color:#f2f2f2;}
.pk-option.-clean:hover,.pk-option.-clean.-selected {background:#f2f2f2;}
.pk-option.-dark:hover,.pk-option.-dark.-selected {background:#333;}
.pk-option:last-child {border:none;}
.pk-option > .icon:not(:empty) {width:16px;margin-right:10px;color:#ccc;font-size:20px;float:left;margin-top:-3px;text-align:center;}
.pk-option > .txt {color:inherit;}
.pk-modal > .main {list-style:none;}

.clear{clear:both;}
body{padding:0;margin:0; background:#f1f1f1;}
.content{ width:100%; max-width:640px; background:#fff;}
.field-input,select {width:calc(100% - 20px);}
.zaixiandengji{ background:#fff;}
.zaixiandengji h1{ font-size:14px; background:#f1f1f1; padding:0 2%; line-height:42px; color:#888; font-weight:normal;}
.zaixiandengji form{display:block;}
.zaixiandengji .a11{margin:auto; padding:0 2%; display:inline-block;}
.zaixiandengji .a12{margin:auto; padding:0 2%;}
.zaixiandengji .form-group{ width:100%; border-bottom:1px solid #eee; background:#fff; margin:auto; line-height:40px;}
.zaixiandengji .form-group label{color:#000; float:left; margin-right:5px; font-size:14px; margin-left:3px;}
.zaixiandengji .form-group select{float:right; color:#666; font-size:12px;}
.zaixiandengji .form-group input{font-size:14px; border:none; line-height:40px; width:80%; text-indent:5px;}
.zaixiandengji textarea{display:block; border:none; background:none; width:100%; height:100px; font-family:"微软雅黑"; text-indent:8px;}
.zaixiandengji button{ display:block; width:99%; margin:auto; border:none; background:#f60; border-radius:5px; text-align:center; color:#fff; font-size:16px; line-height:38px;}
.dingbushaixuan{ background:#fff; display:inline-block; width:100%; padding:15px 0;}
.dingbushaixuan a{ font-size:16px; font-weight:bold; width:25%; float:left; text-align:center; color:#999; text-decoration:none;}
.dingbushaixuan a span{ background:#09f; height:4px; width:20px; border-radius:10px; display:none; margin:auto; margin-top:5px;}
.dingbushaixuan a.active{ color:#333;}
.dingbushaixuan a.active span{ display:block;}

.foott{ background:#fff; padding:3px 0; border-top:1px solid #ddd; position:fixed; bottom:0; width:100%;}
.foott a{ color:#666; float:left; text-align:center; width:33.3%;  font-size:14px; text-decoration:none;}
.foott a i{ color:#bbb; display:block; font-size:28px; margin:auto; margin-bottom:0px;}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
  url('iconfont.woff') format('woff'),
  url('iconfont.ttf') format('truetype'),
  url('iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}