﻿

/*按钮*/
.smlbtn{line-height:22px; padding:0 15px; cursor:pointer; display:inline-block; -webkit-border-radius: var(--br_s);  -moz-border-radius: var(--br_s);  border-radius: var(--br_s); position:relative; z-index:2;}
.midbtn{line-height:30px; padding:0 20px; font-size:14px; cursor:pointer; display:inline-block;-webkit-border-radius: var(--br_s);  -moz-border-radius: var(--br_s);  border-radius: var(--br_s); position:relative;z-index:2;}
.bigbtn{line-height:40px; padding:0 20px;font-size:15px; cursor:pointer; display:inline-block;-webkit-border-radius: var(--br_s);  -moz-border-radius: var(--br_s);  border-radius: var(--br_s); position:relative;z-index:2;}
.smlbtn::before,.midbtn::before,.bigbtn::before{content: ''; display:block; position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.smlbtn:after,.midbtn:after,.bigbtn:after{position: absolute;content: '';top: 0;left: 0;width: 0;height: 100%;z-index: -1;transition: .5s;}
.smlbtn:hover:after,.midbtn:hover:after,.bigbtn:hover:after{width: 100%;filter: hue-rotate(360deg);}

.btnb{ border:var(--blue) 1px solid; color:var(--white); }
.btnb::before{background:var(--blue);}
.btnb:after{background: #07457e;}
/*.btnb:hover{-moz-box-shadow: 0px 0px 5px #07457e; -webkit-box-shadow: 0px 0px 5px #07457e; box-shadow: 0px 0px 5px #07457e;}
*/

.btnb2{ border:var(--blue2) 1px solid; color:var(--white); }
.btnb2::before{background:var(--blue2);}
.btnb2:after{background: #0d5d95;}

.btny{ border:var(--yellow) 1px solid; color:var(--white); }
.btny::before{background:var(--yellow);}
.btny:after{background: #e26518;}

.btnr{ border:var(--red) 1px solid; color:var(--white); }
.btnr::before{background:var(--red);}
.btnr:after{background: #bb0000;}

.btnlv{ border:var(--greed) 1px solid; color:var(--white); }
.btnlv::before{background:var(--greed);}
.btnlv:after{background: #077305;}

.btnlv2{ border:var(--greed2) 1px solid; color:var(--white); }
.btnlv2::before{background:var(--greed2);}
.btnlv2:after{background: #086351;}

.btnz{ border:var(--zise) 1px solid; color:var(--white); }
.btnz::before{background:var(--zise);}
.btnz:after{background: #835e9a;}

.btng{ border:var(--c888) 1px solid; color:var(--white); }
.btng::before{background:var(--c888);}
.btng:after{background: #595959;}


input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus
    {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
    }

/*input[type=text]样式*/
input[type=text], input[type=password], input[type=number] , textarea{
    vertical-align: middle;
    display: block;
    float: left;
    border: 1px #ddd solid;
    -webkit-border-radius: var(--br_s);
    -moz-border-radius: var(--br_s);
    border-radius: var(--br_s);
    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;
    padding: 0 5px;
}
input.btLine{border-color:var(--yellow)}
select {
    vertical-align: middle;
    display: inline-block;
    border: 1px #ddd solid;
    -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[type="text"]:focus, input[type=password]:focus, input[type=number]:focus , textarea:focus {
    border-color: #1991eb;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1, 173, 255,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1, 173, 255,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1, 173, 255,.6);
}

input:hover, select:hover,textarea:hover {
    border-color: #1991eb;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1, 173, 255,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1, 173, 255,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1, 173, 255,.6);
}

/*input[type=button],input[type=submit]样式*/
input[type=button], input[type=submit], input[type=reset] {
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
    transition: border .25s linear,color .25s linear,background-color .25s linear;
}


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'; }


.fang-radio .brli{padding:5px 0; margin-right:20px; cursor:pointer; line-height:18px; }
.fang-radio .brli span.br50{width:14px; height:14px; border:2px #aaa solid; display:block; float:left; margin-right:5px; background:var(--white) }
.fang-radio .brli span.br50zw{width:16px; height:16px; display:block; float:left; margin-right:5px;}
.fang-radio .brli.tgac{color:#000}
.fang-radio .brli.tgac span.br50{border-color:var(--blue)}
.fang-radio .brli.tgac span.br50 i.br50{display:block; margin:3px; height:8px; background:var(--blue);}

/*
.fang-chenck .brli{background-image: url('/images/icon/i_wx.png'); min-width:60px; background-repeat:no-repeat; cursor:pointer;padding-left:20px; background-position:0 center;}
.fang-chenck .brli.tgac{background-image: url('/images/icon/i_xz.png'); background-repeat:no-repeat; color:#2299ee;}
.fang-chenck .brli.atc{background-image: url('/images/icon/i_xz.png'); background-repeat:no-repeat; color:#2299ee;}
.fang-chenck .brli.minw_100px{min-width:100px;}
*/

.fang-chenck .brli{ min-width:60px; margin-right:20px; cursor:pointer;}
.fang-chenck .brli .fa{border:2px #aaa solid; width:14px; height:14px;  display:block; float:left; margin-right:5px; background:var(--white) }
.fang-chenck .brli.tgac .fa,.fang-chenck .brli.atc .fa{border-color:var(--blue);color:var(--blue);content:''; }
.fang-chenck .brli.tgac .fa:before,.fang-chenck .brli.atc .fa:before{content:'\f00c'; }
.fang-chenck .brli.minw_100px{min-width:100px;}
