@font-face{font-family:"iconfont";src:url('../fonts/iconfont.eot');src:url('../fonts/iconfont.eot') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg') format('svg');}.iconfont{font-style:normal;font-family:"iconfont" !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}h4{font-weight:normal;}#map{width:100%;height:610px;}#map img{width:auto;}.searchbox em{font-style:normal;}.searchbox,.searchbox *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}.searchbox{width:500px;position:absolute;top:70px;left:8%;z-index:9;}.searchbox .mainbox{width:100%;overflow:hidden;}.searchbox .search{padding-right:60px;position:relative;z-index:2}.searchbox .inputbox{position:relative;z-index:2;width:100%;height:60px;border:1px solid #727171;background-color:#fff;overflow:hidden;padding-left:44px;position:relative;border-radius:30px 0 0 30px;}.searchbox .inputbox .icon{width:24px;height:24px;background-image:url(../images/ico15.png);background-size:100%;position:absolute;top:0;bottom:0;left:20px;margin:auto;}.searchbox .input{width:100%;height:100%;}.searchbox .input input{width:100%;height:100%;display:block;padding:15px 20px 15px 15px;background-color:transparent;font-size:16px;color:#222}.searchbox .searchbtn{width:60px;height:100%;position:absolute;top:0;right:0;background-color:#727171;border-radius:0 30px 30px 0;z-index:9;cursor:pointer;}.searchbox .searchbtn i{width:24px;height:24px;background-image:url(../images/icon-search-top.png);background-size:100%;display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:rotateX(180deg);transition:transform 0.3s}.searchbox .searchbtn.show i{transform:none;}.searchbox .resultbox{width:409px;height:calc( 100% - 180px);max-height:430px;display:none;background-color:#fff;position:relative;z-index:3;overflow:hidden;margin-left:30px;}.searchbox .resultbox .lineshadow{width:100%;height:20px;background:linear-gradient( to bottom,rgba(255,255,255,0),rgba(255,255,255,1));margin-top:-20px;position:absolute;left:0;bottom:0;}.searchbox .result{width:100%;height:100%;max-height:430px;position:relative;padding-top:120px;display:none;}.searchbox .result .top{width:100%;background-color:#fff;padding:0 20px;position:absolute;top:0;left:0}.searchbox .result .top .con{width:100%;padding:18px 0;border-bottom:1px solid #E3E1E1;display:flex;align-items:center;justify-content:space-between;position:relative;}.searchbox .result .position span{display:inline-block;vertical-align:top;max-width:170px;font-size:14px;color:#888888;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:36px;position:relative;}.searchbox .result .position span:after{content:'';width:24px;height:24px;background-image:url(../images/icon-address.png);background-size:100%;position:absolute;left:0;}.searchbox .result .position .usemyaddress{user-select:none;cursor:pointer;display:inline-block;margin-left:10px;font-size:14px;color:#333;line-height:24px;display:inline-block;vertical-align:top;}.searchbox .result .changecity{user-select:none;cursor:pointer;margin-left:10px;flex-shrink:0;font-size:14px;color:#333;line-height:24px;display:inline-block;vertical-align:top;}.searchbox .result .top .number{font-size:14px;line-height:24px;color:#333;padding:18px 0;background-color:#fff}.searchbox .result .top .number span{color:#EC6303}.searchbox .result .list{width:100%;height:100%;max-height:300px;overflow-y:auto;}.searchbox .result .list .item{cursor:pointer;display:block;width:100%;padding:0 20px 18px;background-color:#fff;position:relative;}.searchbox .result .list .item .con{padding-top:18px;border-top:1px solid #E3E1E1}.searchbox .result .list .item:first-child .con{border-top:none}.searchbox .result .list .item h4{display:flex;align-items:flex-start;justify-content:space-between;}.searchbox .result .list .item h4 span{font-size:14px;line-height:24px;color:#333;}.searchbox .result .list .item h4 em{font-weight:normal;font-size:14px;line-height:24px;color:#888;margin-left:20px;flex-shrink:0}.searchbox .result .list .item p{font-size:14px;color:#888;margin-top:8px;}.searchbox .result .list .item p span:first-child{margin-right:25px;}.searchbox .areabox{width:100%;height:100%;max-height:430px;background-color:#fff;position:relative;padding:120px 0 80px;display:none;}.searchbox .areabox .top{position:absolute;left:0;top:0;width:100%;}.searchbox .areabox .back a{display:inline-block;vertical-align:top;padding:18px 20px;font-size:14px;line-height:24px;color:#333;font-weight:bold;position:relative;}.searchbox .areabox .back a:before{content:'\e633';font-family:iconfont;font-size:14px;line-height:24px;color:#333;font-weight:bold;margin-right:2px}.searchbox .areabox h3{padding:0 20px;font-size:16px;line-height:24px;color:#333;}.searchbox .areabox .tabbox{padding:0 20px;position:relative;margin-top:10px;}.searchbox .areabox .tabbox:after{content:'';width:100%;height:2px;background-color:#E3E1E1;position:absolute;left:0;bottom:0;z-index:1}.searchbox .areabox .tabbox .con{width:100%;overflow-x:auto;display:flex;align-items:center;justify-content:flex-start;}.searchbox .areabox .tabbox span{display:none;padding:0 10px 6px;font-size:14px;color:#333;white-space:nowrap;position:relative;z-index:2;border-bottom:2px solid transparent;user-select:none;cursor:pointer;}.searchbox .areabox .tabbox span.choose{display:block;}.searchbox .areabox .tabbox span.active{display:block;color:#EC6303;border-bottom:2px solid #EC6303}.searchbox .areabox .listbox{width:100%;height:100%;max-height:230px;padding:0 20px;overflow-y:auto;}.searchbox .areabox .listbox ul{display:none;}.searchbox .areabox .listbox ul li{padding:10px 0;line-height:20px;font-size:14px;color:#333;position:relative;border-top:1px solid #E3E1E1;transition:color 0.3s;cursor:pointer;}.searchbox .areabox .listbox ul li:after{content:"\e631";font-family:iconfont;color:#333;float:right;transition:color 0.3s}.searchbox .areabox .listbox ul li:first-child{border-top:none;}.searchbox .areabox .listbox ul.active{display:block;}.searchbox .areabox .listbox ul li.active{color:#EC6303}.searchbox .areabox .listbox ul li.active:after{color:#EC6303}.searchbox .areabox .listbox select{width:100px;height:50px;}.searchbox .areabox .button{user-select:none;position:absolute;left:20px;right:20px;bottom:18px;height:44px;border-radius:4px;background-color:#888;color:#fff;text-align:center;line-height:44px;font-size:14px;transition:all 0.3s}.searchbox .areabox .button.click{background-color:#EC6303;color:#fff;cursor:pointer;}.searchbox .result.show{display:block;}.searchbox .areabox.show{display:block;}