*{margin:0;padding:0;box-sizing:border-box;outline:0}body{background:#1f1f1f}.container{overflow:hidden;margin:0 auto;width:1000px}h1{color:#fff;font-weight:400;font-size:40px;margin-top:30px;cursor:default}h1 span{font-size:14px;margin-left:10px}h1 div{float:right;margin-top:20px}h1 a{display:block;float:right;width:70px;height:28px;line-height:28px;background:#fff;color:#000;text-align:center;border-radius:14px;font-size:14px;font-weight:700;text-decoration:none}h1 a:first-child{margin-left:10px}h1 a:hover{background:#e9e9e9}.wrapper{background:#fff;border-radius:6px;padding:25px;margin:30px 0;overflow:hidden}.box{height:250px;padding-top:15px}.box:not(:last-child){border-bottom:#dfdfdf solid 1px}.box>div{float:left}.picker{width:650px;height:218px;border-right:#dfdfdf solid 1px}.picker>p{display:block;font-size:18px;font-weight:700}.demo{margin-top:14px;height:34px}.console{padding:0 12px}.console p{font-size:16px;font-weight:700;margin-bottom:20px}pre{font-size:14px;color:#09f;font-family:Consolas;padding-bottom:30px}#demo-2-1,#demo-2-2,#demo-2-3{height:34px}#demo-2-2,#demo-2-3{margin-top:12px}button{padding:6px 12px;display:block;float:left;background:#fff;color:#09f;font-size:14px;cursor:pointer;border:#09f solid 1px;border-radius:4px;margin:15px 10px 0 0;transition:.2s}button:hover{opacity:.75}button:active{opacity:1}
.iPicker-result i::before{position:absolute;top:0;right:2px;display:block;width:28px;height:100%;background:url('../img/area-jiantou.png') center no-repeat;content:"";opacity: 1;transition:transform .3s;transform:scale(1)}
.iPicker-container{width: 128px;}
.iPicker-result {
    overflow: hidden;
    padding: 0 40px 0 12px;
    height: 38px;
    border: #e1e1e1 solid 1px;
    border-radius: 0px;
    background: #fff;
    color: #000;
    white-space: nowrap;
    line-height: 38px;
    transition: border-color .2s;
}