.city-picker-input {
    opacity: 0 !important;
    top: -9999px;
    left: -9999px;
    position: absolute;
}

.city-picker-span {
    position: relative;
    display: block;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    color: #ccc;
    cursor: pointer;
}

.city-picker-span > .placeholder {
    color: #222;
}

.city-picker-span > .arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    margin-top: -2px;
    height: 5px;
    background: url(/uploads/image/scimages/drop-arrow-6bd351ec19dc3f1c972ff9aee99404d9.png) -10px -25px no-repeat;
}


.city-picker-span.open > .arrow {
    background-position: -10px -10px;
}

.city-picker-span > .title > span {
    color: #333;
    border-radius: 3px;
}

.city-picker-span > .title > span:hover {
    background-color: #f1f8ff;
}

.city-picker-dropdown {
    position: absolute;
    width: 412px;
    left: 0;
    top: 45px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 999999;
    display: none;
    min-width: 330px;
    margin-bottom: 20px;
}

.city-select-wrap {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.city-select-tab {
    border-bottom: 1px solid #ccc;
    background: #f0f0f0;
    font-size: 13px;
}

.city-select-tab > a {
    display: inline-block;
    padding: 8px 22px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid transparent;
    color: #4d4d4d;
    text-align: center;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: -1px;
}

.city-select-tab > a.active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #00b4d2;
}

.city-select-tab > a:first-child {
    border-left: none;
}

.city-select-tab > a:last-child.active {
    border-right: 1px solid #ccc;
}

.city-select-content {
    width: 100%;
    min-height: 10px;
    background-color: #fff;
    padding: 10px 15px;
}

.city-select {
    font-size: 13px;
}

.city-select dl {
    line-height: 2;
    clear: both;
    padding: 3px 0;
    margin: 0;
}

.city-select dt {
    position: absolute;
    width: 2.5em;
    font-weight: 500;
    text-align: right;
    line-height: 2;
}

.city-select dd {
    margin-left: 0;
    line-height: 2;
}

.city-select.province dd {
    margin-left: 3em;
}

.city-select a {
    display: inline-block;
    padding: 0 10px;
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 2px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.city-select a:hover,
.city-select a:focus {
    background-color: #f1f8ff;
    border-radius: 2px;
    color: #00b4d2;
}

.city-select a.active {
    background-color: #00b4d2;
    color: #fff;
    border-radius: 2px;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}a{text-decoration:none}.clearfix,.city-picker-selector{*zoom:1}.clearfix:after,.city-picker-selector:after{content:" ";display:table;height:0;clear:both}.github{background: no-repeat;background-size:contain;display:block;font-size:0;width:100px;height:60px;position:fixed;top:5%;right:6%;-webkit-transform-origin:center;transform-origin:center;-moz-animation:icons 0.5s ease-out infinite alternate;-webkit-animation:icons 0.5s ease-out infinite alternate;animation:icons 0.5s ease-out infinite alternate}@-webkit-keyframes icons{0%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}to{-webkit-transform:rotate(-2deg) scale(1.1);transform:rotate(-2deg) scale(1.1)}}@keyframes icons{0%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}to{-webkit-transform:rotate(-2deg) scale(1.1);transform:rotate(-2deg) scale(1.1)}}h3{font-size:20px;margin-top:50px;margin-bottom:20px}.dome-main{border:1px solid #e5e5e5;border-radius:5px;padding:20px}.code{border-top:1px solid #e5e5e5;padding-top:10px;margin-top:10px;text-align:center}.show-code{color:#6ab9d8;display:inline-block;padding:0 2%}pre{padding-top:20px;tab-size:4;text-align:left;display:none}pre code{color:#666;font-size:14px;line-height:1.5}.btn-cont{padding-top:10px}.btn{border:none;border-radius:5px;color:#fff;cursor:pointer;background:#00b4d2;font-size:14px;width:100px;height:38px;outline:none;margin-right:10px}.btn.btn-bg-1{background:#a26ad8}.btn.btn-bg-2{background:#d86a6a}.btn.btn-bg-3{background:#6ad88a}.city-picker-selector .selector-item{border:1px solid #e7e7e7;border-radius:4px;width:134px;height:37px;line-height:35px;float:left;margin-left:10px;position:relative}.city-picker-selector .selector-item:first-child{margin-left:0}.city-picker-selector .selector-show .selector-list{-webkit-transform:translatey(0);transform:translatey(0);opacity:1;visibility:visible}.city-picker-selector .selector-show:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.city-picker-selector .selector-name{border-radius:4px;color:#666;font-size:12px;display:block;padding-left: 12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background: url(/uploads/image/srimages/turn_bottom-ffac1fe6be9b6c085131d5d47f762d94.png) no-repeat 108px center;}.city-picker-selector .selector-name:hover{background-color:#fdfdfd;border-radius:4px}.city-picker-selector .selector-name.df-color{color:#666}.city-picker-selector .selector-name.forbid{cursor:default}.city-picker-selector .selector-name.disabled{background-color:#eef1f6;cursor:not-allowed}.city-picker-selector .selector-list{border:1px solid #e7e7e7;border-radius:4px;background:#fff;width:100%;position:absolute;top:42px;left:-1px;z-index:1;-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transform:translatey(-2%);transform:translatey(-2%);opacity:0;visibility:hidden;overflow:hidden;box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;}.city-picker-selector ul{max-height:160px;overflow-x:hidden;overflow-y:auto}.city-picker-selector li{border-top:1px solid #ececec;color:#666;cursor:pointer;font-size:12px;padding-left:12px;height:35px;line-height:35px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.city-picker-selector li:first-child{border-top:none}.city-picker-selector li.placeholder-li{cursor:default}.city-picker-selector li strong{color:#6ab9d8;padding:0 5px}.city-picker-selector li.caller:hover{background:#00b4d2;color: #fff;}.city-picker-selector li.caller.active,.city-picker-selector li.caller.active:hover{background:#00b4d2;color:#fff}.city-picker-selector li.forbid{color:#999;font-size:14px;cursor:not-allowed}.city-picker-selector .selector-search{border:1px solid #ececec;border-top:none;background:#f8f8f8;font-size:0;padding:10px;height:28px;margin-left:-1px;margin-right:-1px}.city-picker-selector .input-search{border:1px solid #ccc;border-radius:5px;color:#333;font-size:14px;width:100%;height:26px;line-height:26px\9;padding:0;text-indent:5px}.city-picker-selector .input-search:focus{outline:none}.city-picker-selector .input-search::-webkit-input-placeholder{color:#bababa}select{border:1px solid #ccc;background:#fff;border-radius:5px;color:#333;font-size:16px;outline:none;width:160px;height:36px;margin-right:10px;box-shadow:0 0 5px #eee}select:disabled{background-color:#eef1f6;cursor:not-allowed}