.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #DF2126;
}

a, a:active, a:hover, a:visited {
    text-decoration: none;
    cursor: pointer;
}



ul {
    list-style: none;
}


header {
    display: flex;
    position: fixed;
    width: 100%;
    height: 80px;
    top: 0;
    z-index: 9999;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}




.scrollDown {
    /*background-color: #de1f26;*/
    background-color: #ffffff;
}


nav {
    width: 1190px;
    margin-left:auto;
    margin-right:auto;
}

.header-icon {
    float:left;
    width: 300px;
    height: 80px;
}

.header-icon img {
    width: 361px;
    height: 80px;
    display: inline-block;
}


.header-nav,.header-nav2 {
    float:right;
    height: 80px;
    line-height: 80px;
}

.header-nav2 li {
    float:right;
    padding-left:0px;
    padding-right:0px;
    font-size: 16px;
}

.header-nav a {
    font-size: 16px;
    color:#666;
    padding:10px;
}

.header-nav2 a {
    font-size: 16px;
    color:#ffffff;
    padding:10px;
    background-color:#DF2126;
}

.header-nav a:hover{
    color:#ffffff;
    background-color:#DF2126;
    padding:10px;
}

.header-nav2 a:hover {
    color:#ffffff;
    background-color:#000000;
    padding:10px;
}


.usertel i{font-size: 18px; color: #DF2126;}
.usertel span{font-size:16px; color:#DF2126;}

.usertel .exituser{ cursor:pointer; z-index:99999;position:absolute;bottom:-10px;left:0px; display:none; line-height:30px; height:30px; width:118px; background-color:#DF2126; text-align:center; color:#FFFFFF;}

.usertel:hover .exituser{ display:block; }

.exituser:hover{background-color:#000000; color:#FFFFFF;}





.sosdh li{ display:inline-block; line-height:35px; height:35px;
    font-size:18px;
    text-align:center;
    cursor:pointer;
    position:relative;
}
.sosdh li span{ color:#ffffff;  }

.sosdh li i{ width:27px; height:14px;
    position:absolute;
    left:0px;right:0px;
    bottom:-20px;
    margin:auto;
    background-image:url(../images/7.png);
    display:none;
}


.sosdh .selected span{ color:#000000; background-color:#ffffff; padding:5px; padding-left:15px; padding-right:15px;}
.sosdh .selected i{ display:block;}

.sosbd{ font-size:14px;}
.sosbd div{ }
.sosbd .show{}

/*.anim-opacity2{animation: 2s opacity2 0s infinite; -webkit-animation: 2s opacity2 0s infinite;-moz-animation: 2s opacity2 0s infinite;}
       @keyframes opacity2{
           0%{opacity:0}
           50%{opacity:.8;}
           100%{opacity:0;}
       }
       @-webkit-keyframes opacity2{
           0%{opacity:0}
           50%{opacity:.8;}
           100%{opacity:0;}
       }
       @-moz-keyframes opacity2{
           0%{opacity:0}
           50%{opacity:.8;}
           100%{opacity:0;}
       }
*/
.anim-opacity2{animation: 3s opacity2 0s ease-in-out; -webkit-animation: 3s opacity2 0s ease-in-out;-moz-animation: 3s opacity2 0s ease-in-out;}
@keyframes opacity2{
    0%{opacity:0}
    100%{opacity:1;}
<!--            100%{opacity:0;}-->
}
@-webkit-keyframes opacity2{
    0%{opacity:0}
    100%{opacity:1;}
<!--            100%{opacity:0;}-->
}
@-moz-keyframes opacity2{
    0%{opacity:0}
    100%{opacity:1;}
<!--            100%{opacity:0;}-->
}


.sosbd div input{ height:50px; border:0px; line-height:50px; float:left; font-size:14px;}

.sosbd li button{height:50px; line-height:50px; float:left;  margin-left:15px;margin-top: 0px;  text-align:center; display:block; background-color:#DF2126; font-size:22px;
    font-weight:bold; color:#FFFFFF;border-radius:0px;}
.sosbd li button:hover{background-color:#000000;height:50px; color:#FFFFFF; line-height:50px;}

.disc .scbt{height:50px; line-height:50px;   text-align:center;  background-color:#DF2126; font-size:22px;
    font-weight:bold; color:#FFFFFF;border-radius:0px;}
.disc .scbt:hover{background-color:#000000;height:50px; color:#FFFFFF; line-height:50px;}

.qds_slogan1 {
    position:absolute;
    text-align: center;
    color: #fff;
    font-size: 50px;
    padding-top: 100px;
    padding-bottom: 30px;
    width: 100%;
    font-weight: bold;
}

.layui-form-item{ margin-bottom:0px;}


.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #DF2126;
}

.header-nav .sy{color:#ffffff; background-color:#DF2126; background-image: none;}
.header-nav2{ margin-left:5px;}

input::-ms-clear, input::-ms-reveal{display: none;}


.shcitylist1,.shcitylist2,.shcitylist3,.shcitylist4,.shcitylist5,.shcitylist6,.shcitylist7{ display:none;}

#rmcity1 span,#rmcity2 span,#rmcity3 span,#rmcity4 span{ padding:5px;   float:left; margin:0px; }
#rmcity1 span:hover,#rmcity2 span:hover,#rmcity3 span:hover,#rmcity4 span:hover{ padding:5px;   float:left; margin:0px; color:#DF2126;}
.shcitybt{ cursor:pointer;}

.lbbox span{ padding:5px; padding-left:10px; padding-right:10px; background-color:#f5f5f5; float:left; margin:5px;}
.lbbox .shcitybt:hover{background-color:#DF2126; color:#FFFFFF;}

.lbboxhy .shcitybt{ padding:5px; padding-left:5px; padding-right:5px; background-color:#f5f5f5; color:#000000; float:left; margin:5px;  margin-left:3px; margin-right:3px;}
.lbboxhy .shcitybtfl{padding:5px; padding-left:5px; padding-right:5px;  float:left; margin:5px; margin-left:2px; margin-right:3px;  background-color:#DF2126; color:#ffffff;}

.lbboxhy .shcitybt:hover{background-color:#DF2126; color:#FFFFFF;}



.masonry {
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari 和 Chrome */
    column-count:2;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    width: 100%;
    margin:0em auto;
}
.item {
    margin-bottom: 2em;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    width:550px;
}

.tx2{
    -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Chrome/Safari/Opera */

    -khtml-user-select: none; /* Konqueror */

    -moz-user-select: none; /* Firefox */

    -ms-user-select: none; /* Internet Explorer/Edge */

    user-select: none; /* Non-prefixed version, currentlynot supported by any browser */

}


@media screen and (max-width: 800px) {
    .masonry {
        column-count: 2; // two columns on larger phones
    }
}

@media screen and (max-width: 500px) {
    .masonry {
        column-count: 1; // two columns on larger phones
    }
}

.content-lar1{ width:550px; }




.t2_2 {
    display: flex;
    margin: auto;
    padding-bottom: 0px;
    width: 1190px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.t2_2 > li {
    margin-bottom: 30px;
    margin-top: 15px;
    width: 258px;
    height: 400px;
    border-radius: 0px;
    border: 0px solid #f1f1f1;
    background: #FFf;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    list-style-type: none;
    transition: all .3s;
}

.t2_2 > li:hover {
    margin-top: 5px;
}

.t2_2 > li:hover .t1{
    color:#DF2126;
}

.t22_1 > p {
    margin: auto;
    text-align: center;
    padding-left:15px;
    padding-right:15px;
}

.t22_1 > p:nth-child(1) {
    padding-top: 44px;
    padding-bottom: 44px;
}

.t22_1 > p:nth-child(2) {
    padding-bottom: 20px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
}

.t22_1 > p:nth-child(3) {
    color: #333;
    font-size: 14px;
}



.b2_2 {
    display: flex;
    margin: auto;
    padding-bottom: 0px;
    width: 1190px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.b2_2 > li {
    margin-bottom: 30px;
    margin-top: 15px;
    width: 258px;
    height: 400px;
    border-radius: 0px;
    border: 0px solid #f1f1f1;
    background: #FFf;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    list-style-type: none;
    transition: all .3s;
}

.b2_2 > li:hover {
    margin-top: 5px;
}

.b2_2 > li:hover .t1{
    color:#DF2126;
}

.b22_1 > p {
    margin: auto;
    text-align: center;
    padding-left:15px;
    padding-right:15px;
}

.b22_1 > p:nth-child(1) {
    padding-top: 44px;
    padding-bottom: 44px;
}

.b22_1 > p:nth-child(2) {
    padding-bottom: 20px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
}

.b22_1 > p:nth-child(3) {
    color: #333;
    font-size: 14px;
}




.t_s{
    width:100%;
    z-index:9;

}

.t_s_boxclass{ height:110px; position:fixed;}
.t_s_boxclass .textbox{ display:none;}


.layui-laypage {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 0px 0;
    font-size: 0;
}
.didh{ margin-top:44px;}
.didh li{ float:left;  padding-right:40px; font-size:16px; color:#FFFFFF;}



.fl2 ul{ padding:10px;}
.fl2 ul li{ position:relative;overflow:hidden; line-height:30px; height:30px; padding-left:10px; background-color:#f9f9f9; margin-bottom:1px; cursor:pointer;}
.fl2 ul li i{ position:absolute; display:none; right:5px; top:0px;}
.fl2 ul li:hover i{ display:block;}
.fl2 ul li:hover{ background-color:#DF2126; color:#ffffff;}
.fl2 ul li .active{ background-color:#DF2126; color:#ffffff;}

.fl2 ul li span{ display:block;}


.fl2 .selected{background-color:#DF2126; color:#ffffff;}
.fl2 .selected i{ display:block;}

.layui-form-checked[lay-skin="primary"] i {
    border-color: #DF2126 !important;
    background-color: #DF2126;
    color: #fff;
}

.layui-icon-file{ display:none;}

.fwhtml span{ position:relative; cursor:move; float:left; padding:10px; padding-left:15px; padding-right:15px; border: 1px solid #CCCCCC; margin-right:5px; margin-bottom:5px;}

.fwhtml span i{ cursor:pointer; position:absolute; width:15px; height:15px; line-height:15px; font-size:12px; text-align:center; background-color:#000000; color:#FFFFFF; right:0px; top:0px;}
.fwhtml span i:before,.fwhtml span i:after{
    content: "";
    position: absolute;
    height: 12px;
    width: 2px;
    top: 2px;
    right: 7px;
    background: #FFFFFF;
}
.fwhtml span i:before {
    transform: rotate(45deg);
}
.fwhtml span i:after {
    transform: rotate(-45deg);
}
.layui-icon-delete::before {
    content: "";
    background: url('../images/icon_delete.png') no-repeat;
    display: block;
    width: 35px;
    height: 35px;
    background-position: center center;
}

.fwhtml span i:hover{ background-color:#DF2126;}
.modules{ display : inline-block;}

.boxscroll img{ position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-16px;}
.layui-tree-emptyText{ line-height:380px;}

.delfw{ display:none;position:absolute; height:35px; width:35px; left:15px; top:0px; background-color:#000000; z-index:99; line-height:35px; text-align:center; color:#FFFFFF; font-size:24px; cursor:pointer;}
#fwhtmlbox:hover .delfw{ display:block;}
.delfw:hover{background-color:#ff0000;}

/*.layui-tree-iconClick{ margin-right:5px;}
.layui-tree-txt{ margin-left:0px; padding-left:0px;}
.layui-tree-txt .treeicon{ margin-top:5px; margin-right:5px; width:15px; height:13px; background-image:url(../images/tb01.png); display:block; float:left;}
.layui-tree-txt spna{ float:left;}*/


.layui-tree-txt .treeicon{ margin-top:5px; margin-right:5px; width:15px; height:13px; background-image:url(../images/tb03.png); display:block; float:left; margin-left:-10px;}

.layui-tree-icon{border:0px; width:15px; height:13px;}
.layui-icon-subtraction{background-image:url(../images/tb02.png); display:block; background-repeat:no-repeat; width:15px; height:13px;}
.layui-icon-addition{background-image:url(../images/tb01.png); display:block; background-repeat:no-repeat; width:15px; height:13px;}

.layui-icon-addition::before,.layui-icon-subtraction::before {
    content: "";
}

.xldh{bottom:-150px; left:-15px; position:absolute;  display:none; padding-top:7px; background-image:url(../images/dhjt.png); background-repeat:no-repeat; background-position:top center;}
.xldh ul{ padding:0px; margin:0px; background-color:#000000; padding:10px;width:108px; overflow:hidden;}
.xldh li{ height:35px; line-height:35px; text-align:center; color:#FFFFFF; padding:0px; display:block;}

.didh{ margin-top:44px;}
.didh li{ float:left;  padding-right:40px; font-size:16px; color:#FFFFFF;}

.xldh li a{ height:35px; line-height:35px;overflow:hidden; display:block; text-align:center; color:#FFFFFF; padding:0px; margin:0px; padding-left:5px; padding-right:5px;}
.xldh li a:hover{ background-color:#DF2126; padding:0px; color:#FFFFFF;padding-left:5px; padding-right:5px;}
.qmbt{ position:relative;}
.qmbt:hover .xldh{ display:block;}

.fwdh a{ width:340px; height:60px;border-radius:50px; text-align:center; line-height:60px; font-size:26px; display:block; float:left; background-color:#FFFFFF; color:#DF2126; box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.fwdh a:hover{background-color:#FA8F17; color:#FFFFFF;}
.fwdh .lpx{ margin-right:52px;}
.fwdh .tab{background-color:#FA8F17; color:#FFFFFF; cursor:default;}


.layui-btn-primary {
    border: 1px solid #1E9FFF;
    background-color: #ffffff;
    color: #1E9FFF;
}

.layui-btn-primary:hover {
    border: 1px solid #1E9FFF;
    background-color: #1E9FFF;
    color: #ffffff;
}

.layui-icon-right::before {
    content: "";
    display: block;
    width: 16px;
    height: 30px;
    background: url('../images/imgright.png') no-repeat;
    background-size: 16px;
    background-position: center;
}