.page{width:1190px;box-sizing:border-box;margin:20px auto 0;background-color:#fff;border:1px solid #E5E5E5;border-radius:4px;min-height:1000px;padding:20px}.page .op-area{padding-bottom:30px;border-bottom:1px solid #E5E5E5}.page .op-area .choose-wrap .city-choose,.page .op-area .choose-wrap .province-choose{padding:10px 0 10px 10px;vertical-align:middle;display:inline-block;width:150px;height:40px;position:relative;font-size:14px;color:#666;box-sizing:border-box}.page .op-area .l-attr{vertical-align:middle}.page .op-area .choose-by-province,.page .op-area .search{display:inline-block;vertical-align:middle}.page .op-area .choose-wrap{display:inline-block}.page .op-area .choose-wrap .province-choose{cursor:pointer;border-radius:4px;border:1px solid #E5E5E5;margin:0 10px 0 20px}.page .op-area .choose-wrap .city-choose{cursor:not-allowed;border-radius:4px;border:1px solid #E5E5E5;margin:0 20px 0 10px}.page .op-area .choose-wrap .city-choose.allow{cursor:pointer}.page .op-area .choose-wrap .icon-downarrow{color:#666;height:10px;position:absolute;right:4px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;-webkit-transform:scale(.35);-moz-transform:scale(.35);-ms-transform:scale(.35);-o-transform:scale(.35);transform:scale(.35)}.page .op-area .choose-wrap .mt-provinces{display:none;position:absolute;cursor:default;top:45px;left:0;width:264px;height:375px;padding:20px 0 20px 15px;box-sizing:border-box;background-color:#fff;border:1px solid #E5E5E5;box-shadow:0 3px 5px 0 rgba(0,0,0,.1);border-radius:4px}.page .op-area .choose-wrap .mt-provinces::after,.page .op-area .choose-wrap .mt-provinces::before{content:"";left:26px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:0;position:absolute}.page .op-area .choose-wrap .mt-provinces::before{top:-7px;border-bottom:6px solid #E5E5E5}.page .op-area .choose-wrap .mt-provinces::after{top:-5px;border-bottom:6px solid #fff}.page .op-area .choose-wrap .mt-provinces p{font-size:16px;color:#CCC;margin-bottom:11px}.page .op-area .choose-wrap .mt-provinces .provinces-wrapper .province-col{float:left}.page .op-area .choose-wrap .mt-provinces .provinces-wrapper .province-col .mt-province{cursor:pointer;font-size:12px;color:#666;display:table;box-sizing:border-box;min-width:40px;height:20px;padding:1px 8px;margin:6px 38px 6px 0}.page .op-area .choose-wrap .mt-provinces .provinces-wrapper .province-col .mt-province:hover{color:#13D1BE}.page .op-area .choose-wrap .mt-provinces .provinces-wrapper .province-col .mt-province.active{background:#13D1BE;border-radius:10px;color:#fff}.page .op-area .choose-wrap .mt-provinces.active{display:block}.page .op-area .choose-wrap .mt-cities{display:none;position:absolute;cursor:default;top:45px;left:0;min-width:150px;height:375px;padding:20px 0 20px 15px;box-sizing:border-box;background-color:#fff;border:1px solid #E5E5E5;box-shadow:0 3px 5px 0 rgba(0,0,0,.1);border-radius:4px}.page .op-area .choose-wrap .mt-cities::after,.page .op-area .choose-wrap .mt-cities::before{content:"";left:26px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:0;position:absolute}.page .op-area .choose-wrap .mt-cities::before{top:-7px;border-bottom:6px solid #E5E5E5}.page .op-area .choose-wrap .mt-cities::after{top:-5px;border-bottom:6px solid #fff}.page .op-area .choose-wrap .mt-cities p{font-size:16px;color:#CCC;margin-bottom:11px}.page .op-area .choose-wrap .mt-cities .cities-wrapper{display:table-row}.page .op-area .choose-wrap .mt-cities .cities-wrapper .city-col{display:table-cell}.page .op-area .choose-wrap .mt-cities .cities-wrapper .city-col .mt-city{cursor:pointer;font-size:12px;color:#666;display:block;box-sizing:border-box;min-width:40px;height:20px;padding:1px 8px;margin:6px 38px 6px 0;white-space:nowrap}.page .op-area .choose-wrap .mt-cities .cities-wrapper .city-col .mt-city:hover{color:#13D1BE}.page .op-area .choose-wrap .mt-cities.active{display:block}.page .op-area .search{margin-left:40px;position:relative}.page .op-area .search .suggest-city-containner{position:absolute;cursor:default;top:47px;left:90px;border-radius:4px}.page .op-area .search .suggest-city-containner::after,.page .op-area .search .suggest-city-containner::before{content:"";position:absolute;left:26px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:0}.page .op-area .search .suggest-city-containner::before{top:-6px;border-bottom:6px solid #E5E5E5}.page .op-area .search .suggest-city-containner::after{top:-5px;border-bottom:6px solid #fff}.page .op-area .search .suggest-city-containner .city{cursor:pointer;font-size:12px;color:#666;display:block;box-sizing:border-box;min-width:40px;height:20px;padding:1px 8px;margin:6px 38px 6px 0;white-space:nowrap}.page .op-area .search .suggest-city-containner .city:hover{color:#13D1BE}.page .op-area .search .suggest-city-containner .suggest-city-wapper{overflow-y:scroll;min-width:150px;max-height:375px;padding:0 20px 0 15px;box-sizing:border-box;background-color:#fff;border:1px solid #E5E5E5;border-radius:4px;box-shadow:0 3px 5px 0 rgba(0,0,0,.1)}.page .op-area .search .no-match-city{font-size:12px;color:#666;display:block;box-sizing:border-box;min-width:40px;padding:10px 20px 10px 15px;background-color:#fff;border:1px solid #E5E5E5;border-radius:4px}.page .alphabet .letter:hover,.page .alphabet-city-area .city-area:hover{background:#F8F8F8}.page .op-area .search .search-text{padding-left:10px;width:220px;height:40px;border-radius:4px;border:1px solid #E5E5E5;margin-left:10px;font-size:14px;color:#666;box-sizing:border-box}.page h3.l-attr{font-size:16px;color:#333;font-weight:500;vertical-align:top;display:inline-block}.page p.r-info{font-size:14px;vertical-align:top;display:inline-block;}.page .citylist{border-bottom:1px solid #E5E5E5;padding:30px 0}.page .citylist .r-info{max-width:900px}.page .citylist .city{margin:0 20px;color:#666;display:inline-block}.page .citylist .city:hover{color:#ff6700}.page .recent-city{padding-bottom:20px}.page .recent-city .city{margin-bottom:10px}.page .alphabet{padding:30px 0}.page .alphabet .r-info{max-width:1000px}.page .alphabet .letter{font-size:15px;color:#666;display:inline-block;margin:0 8px;width:25px;height:25px;padding-top:2px;cursor:pointer;box-sizing:border-box;text-align:center;border-radius:50%}.page .alphabet .letter a{display: block;}.page .alphabet-city-area .city-area{padding:13px 30px 13px 10px;border-radius:10px;-webkit-transition:background-color .5s;-ms-transition:background-color .5s;transition:background-color .5s}.page .alphabet-city-area .city-area .city-label{box-sizing:border-box;vertical-align:top;padding-top:10px;display:inline-block;text-align:center;width:40px;height:40px;border-radius:50%;color:#fff;background:#ff6700;}.page .alphabet-city-area .city-area .cities{display:inline-block;max-width:1065px}.page .alphabet-city-area .city-area .cities .city{margin:10px 20px;color:#666;display:inline-block;font-size:14px}.page .alphabet-city-area .city-area .cities .city:hover{color:#13D1BE}.page .alphabet-city-area .city-area .cities .sa-city{color:#F60}