body { padding-top:0; }
#header { position: relative; top:0; }

.top-area { line-height: 40px; font-size: 16px; }
.top-area .welcome { float: left; }
.top-area .marquee-vertical { text-align: right; height: 40px; overflow: hidden; }

.col-lg-4 { max-width:20%; flex:0 0 20%; -webkit-flex:0 0 20%; }
.col-lg-8 { max-width: 80%; flex:0 0 80%; -webkit-flex:0 0 80%; }

.form-important { color:red; }
.form-label { width:120px; }
.form-row-label { padding-left:120px; }

.form-radio input[type="checkbox"] { position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 2; opacity: 0; display: block; overflow: hidden; cursor: pointer; }
.form-radio input[type="checkbox"]+div { background: #f7f7f7; height: 40px; line-height: 40px; color: #333; padding: 0 20px; border:1px solid #dadada; border-radius: 5px; margin: 5px 10px 5px 0; }
.form-radio input[type="checkbox"]:checked+div, .form-radio input[type="checkbox"]:hover+div { border-color: #2ea9f0; background: #2ea9f0; color: #fff; }

.list-btn { margin-bottom:20px; }

.form-tip { padding-top:5px; }

.condition .select2-default{
    float: left;
    width: 170px;
}
.condition .select-item span.select2 {
    width: 170px !important;
}

#footer .copy { width: 60%; }
#footer .ewm { width: 260px; }
#footer .ewm li { display: inline-block; width: 120px; text-align: center; padding-left: 10px; color: white; font-size: 14px; }

.float-tools { position: fixed; right: 0; top: 200px; width: 64px; font-size: 12px; }
.float-tools a { display: block; position: relative; height: 64px; }
.float-tools a span { display: block; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 0.8); color: white; overflow: hidden; }
.float-tools a span:nth-child(2) { display: none; }
.float-tools a span img { margin: 12px 0 7px; }
.float-tools a span img:nth-child(2) { display: none; }
.float-tools a div { display: none; position: absolute; right: 85px; top: 50%; text-align: center; padding: 10px 10px 10px 0; transform: translateY(-50%); background: linear-gradient(0deg, rgba(17,142,234, 1), rgba(23,157,255, 1)); color: white; }
.float-tools a:hover span { background: #118eea; color: white; }
.float-tools a:hover img:nth-child(1) { display: none; }
.float-tools a:hover img:nth-child(2) { display: inline-block; }
.float-tools a:hover div { display: block; }
.float-tools a:hover div img { display: inline-block!important; }
.float-tools a:hover div:after { display: block; content: ""; position: absolute; right: -10px; top: 50%; width: 0; height: 0; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #118eea; }
/*.float-tools a.first { height: auto; }*/
/*.float-tools a.first span { padding: 0 10px 10px; border: 0; background: linear-gradient(0deg, rgba(255, 15, 31, 1), rgba(253, 112, 74, 1)); color: white; font-size: 16px; }*/
.float-tools a.first:hover img:nth-child(1) { display: inline-block; }
.float-tools a.last { height: 30px; }
.float-tools a.last span { border: 0; }
.float-tools a.last img { margin: 8px 0; }
.float-tools a.last span:nth-child(2) { height: 29px; line-height: 29px; }
.float-tools a.last:hover span:nth-child(1) { display: none; }
.float-tools a.last:hover span:nth-child(2) { display: block; }
.float-tools a.tel:hover span:nth-child(1) { display: none; }
.float-tools a.tel:hover span:nth-child(2) { display: block; width: 260px; text-align: left; padding: 10px 0 0; transform: translateX(-196px); }
.float-tools a.tel:hover span:nth-child(2) i { float: left; padding: 0 10px; font-size: 40px; }
.float-tools a.tel:hover span:nth-child(2) strong { font-size: 24px; font-weight: normal; }
.float-tools a i { line-height: 40px; font-size: 26px; }
.float-tools a.last i { line-height: inherit; }
.float-tools a.qrcode li { float: left; width: 120px; list-style: none; margin-left: 10px; }

.dialog { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.35); overflow: hidden; z-index: 9999; }
.dialog-wrap { display: flex; flex-direction: column; position: fixed; left: 50%; top: 50%; width: 800px; max-height: 90%; transform: translateX(-50%) translateY(-50%); background: white; overflow: hidden; }
.dialog-title { position: relative; height: 50px; line-height: 50px; padding: 0 20px; background: #f7f7f7; }
.dialog-title span { font-size: 22px; }
.dialog-title a { position: absolute; right: 15px; top: 15px; line-height: 1; font-size: 20px; }
.dialog-body { flex: 1; padding: 20px; padding-bottom: 70px; background: white; overflow-y: auto; }
.dialog-body .form-export { display: none; }
.dialog-body .form-row-label:nth-last-child(1) { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; padding-left: 0; background: white; }




@media (max-width: 1366px){
    .condition .select2-default {
        width: 145px;
    }
    .condition .select-item span.select2 {
        width: 145px !important;
    }
}
@media (max-width: 1200px){
    #nav li {
        margin-right: 30px !important;
    }
    .condition .select2-default {
        width: 100px;
    }
    .condition .select-item span.select2 {
        width: 100px !important;
    }
}