input,select{ vertical-align: middle; display: block; cursor:pointer; border: 1px #ddd solid; border-radius: 5px; background-color: #fff; -webkit-transition: border linear .2s, box-shadow linear .2s;
 -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s;}
input:focus,select:focus{border-color: var(--blue);
 -webkit-box-shadow: inset 0 1px 1px var(--blue-op-075), 0 0 8px var(--blue-light-op-075);
 -moz-box-shadow: inset 0 1px 1px var(--blue-op-075), 0 0 8px var(--blue-light-op-075);
 box-shadow: inset 0 1px 1px var(--blue-op-075), 0 0 8px var(--blue-light-op-075);
}

.czbtn{ border-radius:3px; cursor:pointer; color:#fff;  display: flex; flex-direction: row; align-items: center; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.czbtn-h32px{height:32px;}
.czbtn .fa{margin-right:5px;}
.czbtn.hover-radius:hover{border-radius:20px;}



i.i_wx{border:2px #aaa solid; width:14px; height:14px;  display:inline-block;  background:var(--white); cursor:pointer; }
i.i_wx:before{font: normal normal normal 14px/1 FontAwesome; width:14px; height:14px;  overflow:hidden; line-height:14px;  display:block; content:''; }
i.i_xz{width:14px; height:14px;  display:inline-block;  border:2px solid var(--blue);color:var(--blue);  background:var(--white);cursor:pointer; }
i.i_xz:before{font: normal normal normal 14px/1 FontAwesome; width:14px; height:14px; overflow:hidden; line-height:14px; display:block; content:'\f00c'; }

i.xzfh{border:2px #aaa solid; width:14px; height:14px;  display:inline-block; background:var(--white);cursor:pointer;  }
i.xzfh:before{font: normal normal normal 14px/1 FontAwesome; width:14px; height:14px;  overflow:hidden; line-height:14px;  display:block;  content:''; }
i.xzfh.atc,.atc i.xzfh{ width:14px; height:14px;  display:inline-block;  border:2px solid var(--blue);color:var(--blue);  background:var(--white);cursor:pointer; }
.xzfh.atc:before,.atc .xzfh:before{font: normal normal normal 14px/1 FontAwesome; width:14px; height:14px;  display:block;  content:'\f00c'; }



.child-brli-min-80px .brli{min-width:80px;}
.child-brli-min-100px .brli{min-width:100px;}
.child-brli-min-120px .brli{min-width:120px;}

.fang-radio .brli{padding-left:24px; height:34px; line-height:34px; margin-right:20px; position:relative; cursor:pointer;
-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.fang-radio .brli:before{position:absolute; content:""; width:16px; height:16px; border:1px #ddd solid;border-radius:50%; top:calc(50% - 9px); left:0; z-index:1; background:#fff;
-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.fang-radio .brli:after{position:absolute; content:""; width:10px; height:10px; background:#fff; border-radius:50%; top:calc(50% - 5px); left:4px; z-index:2;
-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.fang-radio .brli.atc{color:var(--blue)}
.fang-radio .brli.atc:before{border-color:var(--blue)}
.fang-radio .brli.atc:after{background:var(--blue)}
.fang-radio .brli:hover{color:var(--blue)}
.fang-radio .brli:hover:before{border-color:var(--blue)}

.fang-check .brli{padding-left:24px; height:34px; line-height:34px; margin-right:20px; position:relative; cursor:pointer;
-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.fang-check .brli:before{position:absolute; content:""; width:16px; height:16px; border:1px #ddd solid; z-index:1; top:calc(50% - 9px); left:0; z-index:1; background:#fff;
-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.fang-check .brli:after{position:absolute; content:""; font-family:'FontAwesome'; width:18px; height:18px;  text-align:center; line-height:18px; top:calc(50% - 9px); left:0; z-index:2;
-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.fang-check .brli.atc{color:var(--blue)}
.fang-check .brli.atc:before{border-color:var(--blue)}
.fang-check .brli.atc:after{color:var(--blue); content:"\f00c";}
.fang-check .brli:hover{color:var(--blue)}
.fang-check .brli:hover:before{border-color:var(--blue)}