body{background-color:#f5f7fa}
body.bgcolor{background-color:#f5f7fa}
.header{background:url(/images/Index/IndexV01/img_navbar_base.a747a40.png?111) no-repeat;background-size:100% 100%;height:60px;box-shadow:0 1px 10px rgb(0 0 0 / 20%)}
.header .layui-container{height:60px;z-index:999;transition:all 400ms ease-out}
.header #logo{width:315px;height:60px;background:#fff;align-items:center;display:flex}
.header #logo2{width:100px;height:60px;background:#fff;text-align:left;font-size:20px;display:none}
.header .header-nav{margin-left:-84px;margin-right:-15px;background-color:#006bae;border-radius:0;overflow:hidden;position:relative;padding-left:60px;white-space:nowrap}
.header .header-nav:before{position:absolute;width:60px;height:100%;content:'';background:url(/images/Index/IndexV01/img_navbar_logo.2.png?121) no-repeat;background-size:100% 100%;left:0}
.header .header-nav .layui-nav-item{line-height:60px;text-align:center;z-index:9}
.header .header-nav .layui-nav-item:first-child{margin-left:10px}
.header .header-nav .layui-nav-item:hover{background-color:#2288c8}
.header .layui-nav .layui-nav-item.layui-this:after,.header .layui-nav .layui-nav-bar{height:4px;background-color:#c6e9ff;border-radius:10px}
.header .header-nav .layui-nav-item a{padding:0 18px;color:#EEE}
.header .layui-nav .layui-nav-item .layui-nav-more{display:none}
.header #switch{width:30px;height:28px;position:absolute;top:15px;right:15px;background-color:#61669d;border:1px solid #EEE;border-radius:3px;cursor:pointer;z-index:9}
.header #switch:hover{background-color:#4b4f8c}
.header #switch span{position:absolute;top:25%;left:4px;width:20px;height:1px;background-color:#EEE}
.header #switch span.second{position:absolute;top:50%}
.header #switch span.third{position:absolute;top:75%}
.header .header-login.layui-form{}
.header .header-login{width:200px;height:60px;position:absolute;top:0;right:0;font-size:12px;display:none}
.header .header-mini-login{position:absolute;top:0;right:0;height:60px}
.header .header-mini-login.layui-nav{display:none;padding:0;background:none}
.header .header-mini-login.layui-nav .layui-nav-item{display:block;line-height:30px;text-align:center;position:absolute;right:12px;top:15px}
.header .header-mini-login.layui-nav .layui-nav-item a img{margin-right:0}
.header .header-mini-login.layui-nav .layui-nav-item .layui-nav-child{top:50px}
.header .header-mini-login.layui-nav .layui-nav-item .layui-nav-child a{color:#333}
.header .header-mini-login.layui-nav .layui-nav-child dd.layui-this a,.header .header-mini-login.layui-nav .layui-nav-child dd.layui-this{background-color:#f9f9f9}
.kams-right-layout > p{font-family:tahoma,Arial;color:#fff;text-align:right;margin:0;padding:0;line-height:1.5}
.kams-right-layout > p > a{color:#fff}
.kams-right-layout > p > a:hover{text-decoration:underline}
.kams-nav-layout{display:none;position:absolute;top:0;right:-4.5rem;height:60px;width:24.4rem;background:url(/images/Index/IndexV01/img_navbar_right.f0ce13d.png);background-size:100% 100%}
#banner img{width:100%;height:100%}
#banner .panel{width:400px;position:absolute;top:25%;left:50%;margin-left:-200px;text-align:center}
#banner .panel p{color:#8c8c8c;font-size:44px;line-height:80px;letter-spacing:15px}
#banner .panel p.title{color:#4a4a4a;font-size:54px;letter-spacing:10px}
.model-area{}
.layui-card{margin-bottom:0}
.layui-row .model-area{padding:30px 60px 0 0}
.layui-row .model-area:last-child{padding:30px 0 0 0}
.model-area .mod-tit{display:flex;align-items:center;justify-content:space-between;height:25px;padding-bottom:10px}
.model-area .mod-tit h2{white-space:nowrap}
.model-area .mod-tit .mod-tit-list{list-style:none;display:flex;align-items:center;overflow:hidden}
.model-area .mod-tit .mod-tit-list li{position:relative;padding:0 5px;margin-right:10px;align-items:center;cursor:pointer;font-size:14px;height:25px;line-height:1.5;margin-top:10px;color:#000;white-space:nowrap}
.model-area .mod-tit .mod-tit-list li.active{border-bottom:1px solid #006bae;color:#006bae;font-weight:bold}
.model-area .mod-tit .mod-tit-list li.active::before{position:absolute;content:'';bottom:-1px;left:50%;margin-left:-4px;width:0;height:0;overflow:hidden;line-height:0;font-size:0;vertical-align:middle;border-bottom:4px solid #006bae;border-top:0 none;border-left:4px solid #fff;border-right:4px solid #fff}
.model-area .mod-content.flight{overflow:hidden;box-shadow:0 3px 8px 1px rgb(0 0 0 / 5%);border-radius:8px;padding:20px 20px 5px;margin-top:20px;background-color:#fff}
.model-area .mod-content .mod-item,.kams-air-fltinfo{overflow:hidden;padding:0}
.model-area .mod-content .mod-item ul{padding:0;margin:0;list-style:none}
.model-area .mod-content .mod-item li,.kams-air-fltinfo > ul > li{float:left;display:inline-block;width:25%;line-height:20px;position:relative}
.kams-air-fltinfo > ul > li{width:20%}
.model-area .mod-content .mod-item li a,.kams-air-fltinfo > ul > li > a{margin:0 15px 15px 0;padding:18px;height:65px;display:block;background:#f5f7fa;transition:all 0.3s;border-radius:5px}
.kams-air-fltinfo > ul > li > a{text-align:center}
.model-area .mod-content .mod-item li:nth-child(4n) a,.kams-air-fltinfo > ul > li:nth-child(5n) > a{margin-right:0}
.model-area .mod-content .mod-item li a:hover,.kams-air-fltinfo > ul > li > a:hover,.kams-lable-item .kams-lable > ul > li > a:hover{background-color:#fafdff;color:#487AB5;text-decoration:none}
.item-top,.item-bottom{display:flex;justify-content:space-between;white-space:nowrap}
.airline-content{transition:all 1s ease}
.airline-content .airline-item li{margin-right:15px;width:94px;height:60px;padding:20px 10px;background:#fdfdfd;transition:all 0.3s;border-radius:5px;text-align:center;cursor:pointer;border:1px solid #fdfdfd}
.airline-content .airline-item li:hover{background:#fcfcfc}
.airline-content .airline-item li.active{border:1px solid #b9dbf2;background:#fafdff}
.airline-content .airline-item li:hover > img{animation:shake_s 2s infinite linear normal}
.airline-info{display:flex;align-items:center;padding:30px;background-color:#fff}
.airline-info .airline-desc{line-height:1.8;color:#666;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.kams-panel-header-city{float:left;font-weight:normal}
.kams-panel-header-city > li{float:left;margin-right:15px;font-size:12px;cursor:pointer}
.kams-panel-header-city > li.active{font-weight:600;color:#487AB5}
.hui-rollpic{display:flex;justify-content:space-around;margin-left:10px}
.hui-rollpic .hui-rollpic-body{border:none}
.hui-rollpic .prev{margin-right:15px}
.hui-rollpic .prev,.hui-rollpic .next{display:block;height:38px;width:38px;cursor:pointer;float:left;background:url(/Content/h-ui/images/rollpic/unslider-arrow.png) no-repeat 0 0;margin-top:20px}
.hui-rollpic .prev{background-position:0 0;margin-right:5px}
.hui-rollpic .prev:hover{background-position:0 -38px}
.hui-rollpic .next{background-position:0 -76px;margin-left:5px}
.hui-rollpic .next:hover{background-position:0 -114px}
.hui-rollpic .hui-rollpic-body{float:left}
.hui-rollpic .hui-rollpic-body li{padding:10px}
.kams-ask-item > a{display:block;font:14px/37px Microsoft Yahei;padding-left:12px;background:url(/images/public/right_double.png) no-repeat 0px 28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:21px;margin-bottom:15px;text-decoration:none}
.kams-ask-item > a:hover,.footer-nav a:hover,.footer a:hover{color:#487AB5}
.footer-nav a:hover,.footer a:hover{text-decoration:underline}
.kams-ask-item > a > p{padding:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kams-lable-item .kams-lable > ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.kams-lable-item .kams-lable > ul > li{width:30%;display:inline-block;padding:0 0 15px 0}
.kams-lable-item .kams-lable > ul > li > a{padding:8px 15px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid #dcdcdc;border-radius:5px;text-align:center;color:#6b6b6b;background-color:#fff;font-size:16px}
.kams-lable-item .kams-lable-btn{}
.bar-content .bar-list{border:none;padding:9px 0;font-size:12px;position:relative;overflow:hidden;zoom:1;display:flex;justify-content:space-between}
.bar-content .bar-list li i{font-size:30px;float:left;width:60px;height:60px;margin:0px 10px 0 5px;border-radius:50%;position:relative;color:#fff;display:flex;align-items:center;justify-content:center}
.bar-content .bar-list li i.i1{background:linear-gradient(to left top,#1890F6,#1890F6,rgba(255,255,255,0.5)) no-repeat}
.bar-content .bar-list li i.i2{background:linear-gradient(to left top,#FF8318,#FF8318,rgba(255,255,255,0.5)) no-repeat}
.bar-content .bar-list li i.i3{background:linear-gradient(to left top,#14BE85,#14BE85,rgba(255,255,255,0.5)) no-repeat}
.bar-content .bar-list li i.i4{background:linear-gradient(to left top,#cb18f6,#cb18f6,rgba(255,255,255,0.5)) no-repeat}
.bar-content .bar-list li:hover i{animation:shake_s 2s infinite linear normal}
.bar-content .bar-list li:not(:first-child) i{margin:0px 10px 0 10px}
.bar-content .bar-list li i:before{position:absolute;top:6px;left:15px}
.bar-content .bar-list li{width:25%;box-sizing:inherit;float:left;position:relative;font-size:14px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.8;border-left:none;padding:35px 0;height:130px;box-sizing:border-box;margin-right:15px;border-radius:5px}
.bar-content .bar-list li:last-child{margin-right:0}
.bar-content .bar-list strong{display:block;margin-bottom:4px;font-size:18px;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.footer{border-top:1px solid #e8e8e8;padding:15px 0;font-family:tahoma,Arial;font-size:12px;color:#999;line-height:22px;text-align:center;background:#f8fafd}
.hui-album .hui-album-img img{display:block;width:70%;border:1px #ccc solid;padding:6px;border-radius:5px}
.footer .layui-row{text-align:left;color:#000}
.hui-album .hui-album-title{display:block;padding:0 5px;line-height:18px;color:#555;text-decoration:none;font-size:12px;border:none;text-align:center;width:80%}
.footer-nav a{color:#999}
.foot_top{width:100%}
.foot_top dl{clear:both;overflow:hidden;padding-bottom:12px;font-size:12px}
.foot_top dt{line-height:24px;color:#616161;float:left;margin-right:10px}
.foot_top dd{float:left;width:84px;margin:0px;overflow:hidden;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foot_top dd a{color:#999}
.footer-help dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media screen and (max-width:480px) {
    .kams-nav-layout,.header .header-mini-login.layui-nav{display:none}
.header #logo{display:none}
.header #logo2{display:flex;align-items:center}
.layui-row .model-area{padding:30px 0 0 0}
.news-user .userCont #userComPage .layui-laypage a,.news-user .userCont #userComPage .layui-laypage span,.news-user .userCont #userArtPage .layui-laypage a,.news-user .userCont #userArtPage .layui-laypage span{padding:0 12px;font-size:14px;line-height:30px;height:30px;margin-right:4px}
.news-detail .detail-main .detail-comment #replyCont li div.img,.news-detail .detail-main .detail-comment .addComment div.img{width:12%}
.news-detail .detail-main .detail-comment #replyCont li .readCom,.news-detail .detail-main .detail-comment .addComment .content{width:88%}
.news-index .contentTop .banner-img{height:140px}
.news-index .contentBot .index-side .newsSide ul li span{width:23%}
.news-index .contentBot .index-side .newsSide ul li p.txt{width:77%}
.news-user .userCont .layui-tab-content .article li .txt a{font-size:16px;line-height:18px}
.news-user .userCont .layui-tab-content .article li .txt p{line-height:22px}
}@media screen and (max-width:767px){.header .layui-container{overflow:hidden}
.header .header-login{display:none}
.header .header-mini-login.layui-nav{display:none}
.layui-row .model-area{padding:30px 0 0 0}
.header .header-login a{padding:0 3px}
.news-footer .layui-breadcrumb a{font-size:12px}
.news-footer p.copyright{font-size:12px;top:60px}
.news-search .searchList{padding-top:300px}
.news-search .searchList .search-list{padding-right:30px}
.news-search .userList{position:absolute;top:0;width:100%}
.news-search .userList dl.search-user dd{display:inline-block;width:100px;height:130px;border-top:none;text-align:center}
.news-search .userList dl.search-user dd p{top:110px;left:0;right:0}
.news-search .userList dl.search-user dd p.title{top:90px}
.news-search .userList dl.search-user dd a.focusOn{top:130px;left:0;right:0;margin:0 auto}
.news-login .layui-form{width:250px;padding-top:40px}
.news-user .userCont .layui-tab-content .comment li{padding-left:10px;padding-right:10px}
.news-user .userCont .layui-tab-content .comment li p.title a{font-size:14px}
.news-user .userCont .layui-tab-content .comment li p.title span.pushTime{margin-left:20px}
.news-user .userCont .layui-tab-content .comment li p.title span.like{margin-left:15px}
.news-user .userCont .layui-tab-content .comment li p.title i.like{font-size:16px;margin-left:2px}
.news-detail .detail-main{padding-left:0px}
.news-detail .detail-main #detail-handel{position:fixed;top:70px;left:15px;z-index:999}
#silde{position:fixed;bottom:10px}
.news-index .contentTop .banner-img div p{padding:0 5px;font-size:12px;line-height:16px}
.news-index .contentBot .index-list .newsList li{padding-top:20px;padding-bottom:20px}
.news-index .contentBot .index-list .newsList li .label{font-size:12px}
.news-index .contentBot .index-list .newsList li .label b{margin:0 7px 0 5px}
.news-index .contentBot .index-list .newsList li .txt{line-height:22px}
.news-index .contentBot .index-list .newsList li .txt a{font-size:14px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-index .contentBot .index-list .newsList li .txt .label{margin:0 0 5px}
.news-index .contentBot .index-list .newsList li .txt p.cont{display:none}
.news-index .contentBot .index-list .btn{margin:20px 0}
.news-index .contentBot .index-list .newsList .newsList2 .label{margin:10px 0 0px}
}@media screen and (min-width:768px){.kams-nav-layout{display:none}
.header #logo{display:flex;align-items:center}
.layui-col-space40{margin:-15px}
.layui-col-space40>*{padding:15px}
.header .layui-container{max-height:60px}
.header .header-nav{display:inline-block;position:absolute;top:0;margin:0;left:170px}
.header .header-mini-login.layui-nav{display:inline-block}
.header .header-nav .layui-nav-item a{padding:0 15px}
.header .header-nav .layui-nav-item.more dl{left:50%;margin-left:-65px;padding:20px 10px;width:110px}
.header .header-nav .layui-nav-item.more dd a{color:#333;display:inline-block;padding:0;width:50px}
.header #switch{display:none}
.news-footer{height:110px}
.news-footer .layui-breadcrumb{top:35px}
.news-footer .layui-breadcrumb span[lay-separator]{margin:0 25px}
.news-footer #wechat,.news-footer #weibo{top:45px}
.news-footer #wechat{right:90px}
.news-user .userCont .layui-tab-content .comment{padding:0 40px 50px 18px}
.news-detail .detail-main .detail-comment #replyCont li div.img,.news-detail .detail-main .detail-comment .addComment div.img{width:12%}
.news-detail .detail-main .detail-comment #replyCont li .readCom,.news-detail .detail-main .detail-comment .addComment .content{width:88%}
.news-detail .detail-main #detailPage .layui-laypage a,.news-detail .detail-main #detailPage .layui-laypage span{margin-right:10px}
.news-index .contentTop #newsIndex #txt span{font-size:16px}
.news-index .contentBot .index-side .newsSide ul li span{width:12%}
.news-index .contentBot .index-side .newsSide ul li p.txt{width:88%}
.news-user .userCont .layui-tab-content .article li{display:inline-block;width:48%;margin-right:4%}
.news-user .userCont .layui-tab-content .article li .img{width:45%}
.news-user .userCont .layui-tab-content .article li .txt{width:55%}
}@media screen and (min-width:992px){.kams-nav-layout{display:inline-block}
.header .header-nav{left:170px}
.header .header-login{display:flex;align-items:center;justify-content:end}
.header #logo{display:flex;align-items:center}
.header .header-mini-login.layui-nav{display:none}
.header .header-nav .layui-nav-item a{padding:0 20px}
.news-detail .detail-main .detail-comment #replyCont li div.img,.news-detail .detail-main .detail-comment .addComment div.img{width:10%}
.news-detail .detail-main .detail-comment #replyCont li .readCom,.news-detail .detail-main .detail-comment .addComment .content{width:90%}
.news-search .userList dl.search-user dd p{font-size:14px;left:70px}
.news-search .userList dl.search-user dd p.title{font-size:16px}
.news-search .userList dl.search-user dd a.focusOn{width:70px}
.news-index .contentTop #newsIndex #txt span{width:80%}
.news-index .contentBot .index-side .newsSide ul li span{width:27%}
.news-index .contentBot .index-side .newsSide ul li p.txt{width:73%;line-height:20px}
.news-user .userCont .layui-tab-content .article li{display:inline-block;width:46%;margin-right:8%}
.news-user .userCont .layui-tab-content .article li .txt p{line-height:54px}
}@media screen and (min-width:1200px){.kams-nav-layout{display:inline-block}
.header #logo{display:flex;align-items:center}
.layui-col-space40{margin:-20px}
.layui-col-space40>*{padding:20px}
.header .header-nav{left:315px}
.news-detail .detail-main .detail-comment #replyCont li div.img,.news-detail .detail-main .detail-comment .addComment div.img{width:8%}
.news-detail .detail-main .detail-comment #replyCont li .readCom,.news-detail .detail-main .detail-comment .addComment .content{width:92%}
.news-index .contentTop #newsIndex #txt span{font-size:18px;width:90%;padding-left:22px}
.news-index .contentBot .index-side .newsSide ul li span{width:25%}
.news-index .contentBot .index-side .newsSide ul li p.txt{width:75%;line-height:24px}
.news-user .userCont .layui-tab-content .article li{width:45%;margin-right:10%}
}@media screen and (min-width:1300px){.kams-nav-layout{display:inline-block}
.header #logo{display:flex;align-items:center}
.layui-container{width:1180px;padding-left:0;padding-right:0}
.news-login a.title{padding-top:10%}
#silde{right:-35px}
}