.dialog{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); width:100%; height:100%; overflow:hidden; z-index:9999; display:none;}
.dialog .selectBox{ position:absolute; left:0; bottom:0; width:100%; background:#fff; padding-bottom:50px;}
.dialog .selectBox .btn{ height:50px; line-height:50px; background:#333; text-align:center; font-size:14px; color:#fff; position: absolute; bottom:0; left:0; width:100%;}
.dialog .selectBox h2{ font-size:18px; font-weight:normal; text-align:center; padding:20px 0 10px 0;}
.dialog .selectBox ul{ padding:0 20px;}
.dialog .selectBox li{ height:45px; line-height:45px; position:relative;}
.dialog .selectBox li i{ position:absolute; width:19px; height:19px; background-repeat:no-repeat; background-position:center center; background-size:12px; right:4px; top:10px; border:1px solid #888;border-radius: 100%;}
.dialog .selectBox li.on i{ background-color:#c0a062; background-image:url(../img/icon_03.png); border:1px solid #c0a062;}
.dialog .selectBox li.bBor:after{background:#d6d6d6;}
.dialog .selectBox li p{ font-size:14px; display:inline-block; background-repeat:no-repeat; color:#555;}

.dialog .selectBox{ -webkit-transform: translateY(100%); transform:translateY(100%); opacity: 0;
-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.dialogShow .selectBox{ opacity: 1; -webkit-transform: none; transform: none;}
.bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
.tBor:before{top:0}
.bBor:after{bottom:0}