.wd-main{width: 100%;padding: .2rem .3rem 1.1rem;background-color: #eff4fd;}
.wd-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.wd-top{position: relative;z-index: 1;width: 100%;padding: .6rem .6rem .3rem; margin-bottom: .2rem;background-color: #ffffff;border-radius: .2rem;}
.wd-search{display: flex;width: 100%;margin-bottom: .3rem;background-color: #eef5fe;border-radius: .2rem;}
.wd-lt{flex: 1;border-radius: .2rem  0 0 .2rem;position: relative;}
.wd-input{display: block;border: none;background-color: transparent;width: 100%;padding: 0 .6rem 0 .38rem;color: #222222;height: .8rem;}
.wd-empty{opacity: 0;visibility: hidden;z-index: -1; position: absolute;top: 0;right: .23rem;width: .34rem;height: 100%;display: block;cursor: pointer;background-image: url('../images/a21.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}
.wd-empty:hover{background-image: url('../images/a21-b.png');}
.wd-search.show_empty .wd-empty{opacity: 1;visibility: visible;z-index: 1;}

.wd-rt{font-size: 0;}
.wd-submit{display: block;cursor: pointer;border: none;min-width: 2rem;padding: 0 .25rem;text-align: center;height: .8rem;line-height: .8rem;color: #ffffff;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);border-radius: 0px .2rem .2rem 0px;}
.wd-selectbox{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.wd-select{width: 24%;margin-right: 1.33%;margin-bottom: .3rem;}
.wd-select:nth-child(4n){margin-right: 0;}
.wd-select .select-tip{border: solid 1px #d1dbed;}
.wd-select .select-cur{height: .6rem;line-height: .6rem;}
 
.wd-bottom{width: 100%;padding: .6rem .6rem .7rem; background-color: #ffffff;border-radius: .2rem;}
.wd-list{width: 100%;padding-bottom: .5rem;}
.wd-item{display: flex;flex-wrap: wrap;align-items: center;cursor: pointer;width: 100%;padding: .16rem .2rem;}
.wd-item:nth-child(2n + 1){background-color: #f8fbff;}
.wd-left{flex: 1;padding-right: .5rem;}
.wd-name{width: 100%;color: #222222;line-height: 1.5;}
.wd-right{font-size: 0;padding-right: .4rem;}
.wd-tip{display: inline-block;vertical-align: middle;margin-right: 1rem;color: #222222;line-height: 1.5;}
.wd-tip:last-child{margin-right:  0;}
.wd-item:hover .wd-name{color: #0067ac;}

.wd-cont{width: 100%;padding: 1.15rem 2.1rem 1.2rem;background-color: #ffffff;border-radius: .2rem;}
.wd-titles{width: 100%;text-align: center;color: #222222;font-weight: bold;line-height: 1.27;padding-bottom: .4rem;margin-bottom: .6rem; border-bottom: 1px solid #e4ebf9;}
.wd-textbox{width: 100%;color: #444444;line-height: 1.87;}
.wd-textbox *{line-height: inherit;}
.wd-applybox{width: 100%;text-align: center;padding-top: .7rem;}
.wd-apply{display: inline-block;position: relative;cursor: pointer;padding:0 .78rem 0 .23rem;color: #ffffff;line-height: .6rem;border-radius: .3rem;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.wd-apply:after{transition: all .5s;content: '';position: absolute;top: 50%;right: .12rem;transform: translate(0,-50%);width: .4rem;height: .4rem;border-radius: 50%;background-image: url('../images/a14.png');background-color: rgba(110,199,64,.6);background-size: .06rem auto;background-position: center center;background-repeat: no-repeat;}
.wd-apply:hover:after{right: .05rem;}
@media(max-width: 750px){
    .wd-top{padding: .5rem .3rem .2rem;} 
    .wd-select{width: 100%;margin-right: 0;} 
    .wd-bottom{padding: .5rem .3rem;}
    .wd-left{flex: none;width: 100%;padding-right: 0;}
    .wd-right{width: 100%;padding-right: 0;}
    .wd-tip{margin-right: .3rem;margin-top: .1rem;}
    .wd-cont{padding: .8rem .3rem;}
}

.wf-main{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.wf-main.show{opacity: 1;z-index: 388;visibility: visible;}
.wf-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .6;}
.wf-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 5rem;}
.wf-cont{position: relative;width: 100%;padding: .5rem .6rem; background-color: #fff;border-radius: .2rem;max-height: 90vh;overflow: auto;}
.wf-close{position: absolute;top: .2rem;right: .2rem;display: block;cursor: pointer;width: .3rem;height: .3rem;background-image: url('../images/a21.png');background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.wf-close:hover{background-image: url('../images/a21-b.png');} 
.wf-textbox{width: 100%;color: #444444;line-height: 1.87;}
.wf-textbox *{line-height: inherit;}
.wf-textbox p{margin-bottom: .15rem;}

@media(max-width: 750px){
    .wf-inner{width: 6rem;}
}