.pk-input{float:left;cursor:pointer;height:2.2rem;line-height:2.2rem;margin-left:.5rem;width:36%}.pk-input.-clean{background:#fff;border:1px #6b3a3a solid;font:inherit;color:#6b3a3a;text-indent:.5rem;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;font-size:1rem;font-weight:700;pointer-events:none}::-webkit-input-placeholder{color:#6b3a3a}::-moz-placeholder{color:#6b3a3a}:-ms-input-placeholder{color:#6b3a3a}input:-moz-placeholder{color:#6b3a3a;text-indent:1rem}.pk-input.-dark{background:#666;color:#eee;border:1px solid #999;font:inherit}.pk-arrow{position:absolute;cursor:pointer;right:20px;bottom:0;text-align:center;width:30px;height:2.3rem;pointer-events:none}.pk-arrow.-clean{background:#f2c164;color:#000;border-top-right-radius:5px;border-bottom-right-radius:5px;pointer-events:none}.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:0 0 0 10px;float:left}.pk-overlay{width:100%;height:100%;position:fixed;background:#666;background:rgba(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(.8,.8);left:50%;top:10%;border-radius:3px;position:fixed;width:280px;max-height:90%;overflow-y:auto;z-index:1111;transition:all .3s;visibility:hidden;background:#f2f2f2;opacity:0}.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}.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;width:calc(100% - 20px);border-bottom:1px solid #efefef}.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;font-size:1rem}.pk-modal>.main{list-style:none}@media(device-height:667px) and (-webkit-min-device-pixel-ratio:2){.pk-input{width:40%}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.pk-input{width:40%}}@media(min-width:900px){.pk-input{width:40%}}