body { background-color: #F7F7F7 }
html, body {
    height: 100%;
}
img{ max-width:100% }
a { cursor: pointer; }
a:hover { opacity: .8 }
em, i{font-style: normal}
.bgyellow{ background-color:#FFF4E5 }
.bggreen{ background-color:#EBFCF9 }
.bgpurple{ background-color:#F1EEFF }
.bgblue{ background-color:#EEF7FF }
.bg-green{ background-color:#009664 }
.bg-blue{background-color:#e6f0fa}
.bg-lblue{background-color:#1173D6}
.bg-grey{background-color:#92979D}
.bg-yellow{background-color:#EDA41A}
.bgoranage{ background-color:#ffefef }
.colorgrey{ color:#92979D }
.colorblue{ color:#1173D6 }
.colorwhite{ color:#fff }
.block{ display:block; }
.hide{ display:none }
.navbar-custom { padding: 0; height: 80px; padding-right: 0!important; width: 100%; border-radius: 0; z-index: 999; margin-bottom: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.nav-sticky.navbar-custom { height: 70px; margin-top: 0; padding: 0; background-color: rgba(17,115, 214, .9); -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.2); box-shadow: 0 0 7px 0 rgba(0,0,0,0.2); }
.nav-sticky .nav-item { height: 70px; padding: 14px 0; transition-duration: 700ms; }
.nav-sticky .navbar-expand-lg .navbar-nav, .nav-sticky .navbar-nav { height: 70px; transition-duration: 700ms; }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.vdlist { overflow: hidden; margin-left: -2%; }
.vdcard { width: 18%; position:relative; float: left; margin: 1% 0 3% 2%; padding-bottom: 15px; background-color: #fff; border-radius: 10px; transition-duration: 300ms; cursor: pointer; }
.vdcard:hover { transform: scale(1.02); transition-duration: 300ms; box-shadow: 0 0 15px rgba(0, 0, 0, .2); }
.vdcard .vdposter { position: relative; width: 100%; padding-bottom: 56.25%; }
.vdcard .vdposter img { position: absolute; width: 100%; height: 100%; border-radius:8px 8px 0 0}
.vdcard .title { font-size: 18px; margin: 15px; height: 2.5rem; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; align-items: center; }
.vdcard .desc { padding: 0 15px; margin-bottom: 5px; color: #2F3339; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.vdcard .smdesc { display: block; min-height: 20px; margin-bottom: 5px; padding: 0 15px; color: #92979D; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.radiusbtn-full { display: block; padding: 10px 0; margin: 15px 15px 0; text-align: center; border-radius: 5px }
.radiusbtn-full:hover { opacity: .8 }
.vdcard .lightbtn { background-color: #e7f1fa; color: #1173D6; }
.disablebtn { background-color: #F3F4F5; color: #62676C }
.livebtn { background-color: #1173D6; color: #fff }
.yugao { position: absolute; padding: 2px 5px; right: 3%; top: 5%; background: rgba(0, 0, 0, .3); border-radius: 4px; color: #fff; line-height:1.5 }
.livemark { position: absolute; padding: 2px 5px; right: 3%; top: 5%; background: #FF0040; border-radius: 4px; color: #fff }
.column-title { position: relative; font-size: 26px; font-weight: bold; margin: 3% 0 1%; color: #2F3339 }
.livingicon { position: relative; width: 15px; margin-right: 5px; line-height:1.5 }
.layui-form .layui-table .livingicon,.vdcard .vdposter .livingicon{width: 15px; position: relative;}
.clock { width: 16px; display: inline-block; vertical-align: text-bottom; }
.page-group { width: 1650px; position: relative; margin: auto; padding-bottom: 50px }
.page-subgroup{ width:1280px; margin:auto; padding-bottom:50px; }
.more { position: absolute; right: 0; top: 20%; font-size: 16px; font-weight: normal; }
.more img { width: 7px; margin-left: 5px; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { font-size: 18px; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper-pagination { text-align: right }
.swiper-pagination-bullet { background-color: #fff; opacity: .4 }
.swiper-pagination-bullet-active { width: 16px; border-radius: 10px; height: 8px; opacity: 1; background-color: #fff }
.slidewrap { width: 42%; float: left; display: inline-block; margin-right: 1%; vertical-align: top }
.livewrap { width: 32.4%; position: relative; float: left; display: inline-block; vertical-align: top }
.newswrap { width: 19%; float: left; height: 349px; overflow-y: auto; padding: 0 2%; margin-left: 1%; display: inline-block; vertical-align: top; background-color: #fff; border-radius: 5px; background-image: linear-gradient(#fff3ee, #ffffff 30%); }
.newswrap h2 { padding: 10px 0; margin-bottom: 10px; font-size: 18px; font-weight: bold; }
.newswrap .layui-timeline-title { font-size: 16px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newswrap .layui-timeline-item { padding-bottom: 15px; }
.layui-timeline-axis { color: #1173D6; font-weight: bold; }
.layui-timeline-item:before { background: none; border-right: dashed 1px #ccc; }
.swiper { width: 100%; /*height: 300px;*/
margin-left: auto; margin-right: auto; }
.swiper-slide { background-size: cover; background-position: center; }
.mySwiper2 { height: 80%; width: 100%; }
.liveswiper { height: 20%; box-sizing: border-box; padding: 10px 0 0; position: absolute; bottom: 0; left: 0; right: 0; }
.liveswiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; cursor:pointer; }
.liveswiper .swiper-slide img { border-radius: 5px; }
.liveswiper .swiper-slide-thumb-active { opacity: 1; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.slidewrap .swiper-slide { position: relative; display: block; border-radius: 5px; overflow: hidden; width: 100%; height: auto; padding-bottom: 56.25% }
.slidewrap .swiper-slide img { position: absolute; width: 100%; height: 100% }
.mySwiper2 .swiper-slide { position: relative; display: block; width: 100%; height: auto; padding-bottom: 56.25%; border-radius: 5px; overflow: hidden; }
.mySwiper2 .swiper-slide img,.mySwiper2 .swiper-slide iframe { position: absolute; width: 100%; height: 100%; border-radius:8px }
.index { padding-top: 120px; }
.page-header { padding: 0 }
.ztlive{ padding-bottom:20px }
.ztlive .vdcard{ box-shadow:0 0 8px rgba(0, 0, 0, .2); }
.ztlive .vdcard:after{ content:''; width:90%; border-radius:0 0 10px 10px; box-shadow:0 1px 5px rgba(0, 0, 0, .2); position:absolute; bottom:-8px;left: 5%;right: 0;height:8px;z-index: 9;display: block;visibility: visible !important;background-color: #fff; }
.ztlive .ztcard:after{ content:''; width:80%; border-radius:0 0 10px 10px; box-shadow:0 0 5px rgba(0, 0, 0, .2); position:absolute; bottom:-17px;left: 10%;right: 0;height: 9px;z-index: -1;display: block;visibility: visible !important;background-color: #fff; }
.layui-tab-title, .logo, .username, .helpbtn { display: inline-block; }
.layui-nav { display: inline-block; vertical-align: middle; }
.layui-nav { background: none; border: none }
.layui-nav .layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{content: "";position: absolute;left: 0;top:auto; bottom:0;width:100%;height:3px;background-color: #1173D6;transition: all .2s;-webkit-transition: all .2s;pointer-events: none;border: none;border-radius: 0;}
.layui-nav .layui-nav-item { padding: 0; color: #333; line-height: 40px; }
.layui-nav .layui-this{ color: #1173D6 }
.layui-nav-bar { height: 3px; background-color: #1173D6 }
.layui-tab-title li { min-width: auto; width: auto; margin: 0 20px 0 50px; font-size: 16px; color: #62676C }
.layui-tab-title li:hover { color: #1173D6 }
.nav-sticky .layui-nav .layui-nav-item, .nav-sticky .helpbtn, .nav-sticky .username { color: #fff }
.nav-sticky .search { background-color: #fff }
.logo { height: 60px; margin-top: 10px; transition-duration: 500ms }
.logo img { height: 100% }
.headrrightside { float: right; margin-top: 20px; transition-duration: 500ms }
.headrrightside .search { padding: 5px 20px; display: inline-block; border-radius: 50px; border: solid 1px #ccc; }
.headrrightside .search input { width: 300px; border: none; padding: 5px; background: none }
.headrrightside .search span img { width: 18px; }
.search .vdcard{ width:23% }
.userwrap { display: inline-block; margin-left: 20px; color:#fff }
.username img { width: 40px; height: 40px; margin-right: 5px; border-radius: 100%; }
.helpbtn { margin: 0 20px 0 40px }
.helpbtn img { width: 18px; }
.nav-sticky .logo { margin-top: 5px; transition-duration: 500ms }
.nav-sticky .headrrightside { margin-top: 15px; transition-duration: 500ms }
.nav-sticky .layui-nav { transition-duration: 500ms }
.nav-sticky .layui-nav-bar { background-color: #fff }
.nav-sticky .headrrightside .search{ border:none }
.nav-sticky .layui-nav .layui-this:after{ background-color:#fff }
.ovh { overflow: hidden; }
.quit{ display:inline-block; padding:2px 10px; margin-left: 10px; background-color:#84c0fa; color: #fff; border-radius:5px; }
.quit:hover{ color:#fff }
.vdcard .vdposter .yugao img{ position:relative; width:15px }

.specialhead{ padding-top:120px; background-color:#fff }
.specialhead .mainimg{ width:35%; display: inline-block; vertical-align: top; border-radius:10px; overflow:hidden; }
.img169{ position:relative; padding-bottom:56.25% }
.img169 img{ position:absolute; width:100%; height:100%; border-radius:10px }
.specialhead .maininfo{ width: 62%; margin-left:1%; position: relative; display:inline-block; vertical-align:top; }
.specialhead .maininfo .title{ margin-bottom: 15px; font-size:30px; font-weight:bold; color:#2F3339 }
.specialhead .maininfo .desc{ min-height: 117px; padding-bottom: 80px; font-size:16px; color:#62676C; line-height:1.7; text-align:justify; }
.flex{ display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display:flex;}
.specialhead .statebtm{ position:absolute; left:0; right:0; bottom:0 }
.bdrbtn{ display:inline-block; border-radius:5px; text-align:center; padding:10px 80px; background-color:#ccc; font-size:16px; color:#62676C }
.specialhead .statebtm .joinbtn{ background-color:#1173D6; margin-right:20px; color:#fff }
.specialhead .statebtm span{ display:block; margin-bottom:10px; color:#62676C }
.special .vdcard,.channel .vdcard{ width:23% }
.special .vdlist{ padding:30px 0 }
.pagination{ margin: 20px 0 0; text-align:center; }
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color:#1173D6 }
.layui-laypage a:hover{ color:#1173D6 }
.layui-laypage span{ margin:0 0 5px 0 }
.channel .specialhead .page-subgroup{ padding-bottom:20px }
.depart_itembox{ margin-left:-1%; overflow:hidden; }


.joinheader{ margin-top: 80px; background:url('/static/ugc/images/topbar.png'); background-size:100% 100% }
.joinheader .page-group{ padding:20px 0 }
.dquser,.userinfo{ display:inline-block; vertical-align:middle; }
.dquser img{ width:70px; height:70px; margin-right: 10px; border-radius:100%; border:solid 2px #fff; }
.userinfo h2{ color:#fff; }
.userinfo h2 .ks{ padding:3px 10px; font-size:12px; border-radius:50px; border:solid 1px #fff; }
.userinfo .hospital{ margin-top:10px;color:rgba(255, 255, 255, .6); }
.contab{ padding-top: 5px; background-color:#fff; border-radius:5px; }
.contab .layui-tab-title li{ margin:0 50px 0 10px; }
.sildetitle{ padding: 15px 10px; border-bottom:solid 1px #eee; }
.leftmenulist li{ margin:5px 0; padding: 10px}
.leftmenulist li:hover{ background-color:#E7F1FA; }
.leftmenulist li:hover a{ color:#1173D6  }
.leftmenulist li img{ width:96px; height:54px; border-radius:8px }
.leftmenulist li p{ display:inline-block; height:54px; width: calc(100% - 106px); margin-left: 10px; vertical-align:top; }
.menusilde{width:250px; min-height:860px; max-height: 810px; overflow-y: auto; display: inline-block; vertical-align:top; background-color: #fff; border-radius: 5px;}
.consilide{position: absolute; left: 260px; top: 0; bottom: 50px; right: 0; width: auto;background-color: #fff; border-radius: 5px;}
.con-nav .layui-tab-brief>.layui-tab-title .layui-this { color:#333 }
.con-nav .layui-nav .layui-this:after{ width:50%; left:25% }
.con-nav .layui-nav{ width:100%; border-bottom:solid 1px #eee; overflow:hidden; }
.con-nav .layui-tab-title li{ margin:0 50px 0 10px }
.con-nav .mbtn{ padding:10px 20px; background-color:#C3C9CF; color:#fff; margin-right:20px; font-size:14px }
.con-nav .lbtn{ padding:10px 20px; background-color:#1173D6; color:#fff; font-size:14px }
.con-nav .layui-tab-item{ padding:10px 30px }
.con-nav .layui-tab-item .census a{ display:inline-block; width:120px; padding: 20px; margin:15px 15px 15px 0; border-radius:8px }
.con-nav .layui-tab-item .census a span{ display:block; font-size:24px; line-height: 1; font-weight:bold; }

.con-nav table .bg-blue{ color:#1173D6 }
.con-nav table td,.con-nav table th{ text-align:center; }
.con-nav table th{ font-weight:bold; }
.con-nav table a{ margin:3px 0 }
.join .title{ margin: 20px 0 ; font-weight:bold; }
.contabnav{ padding:0; margin:0 auto 10px }
.applyforlive .lb{ display:inline-block; width:100px; text-align:right; }
.applyforlive .layui-input{ width:calc(100% - 105px); display:inline-block; }
.applyforlive p{ margin: 15px 0;display: -webkit-flex; display: -ms-flexbox;display: -webkit-box;display:flex; }
.spacebetween{ width: calc(100% - 105px); display:inline-flex;justify-content:space-between; align-items:center; }
.lbspace{ margin:0 10px; }
.choosebtn{ display: inline-block; padding: 5px 15px; border-radius:4px; border:solid 1px #1173D6; color:#1173D6 }
.choose .filename{ display:block; margin-top:10px; color:#92979D }
.layui-layer .layui-layer-title{ padding: 0 40px; text-align:center }

.searchlist{ display: inline-block;vertical-align: top;width: calc(100% - 460px); padding:20px; background-color:#fff; border-radius:5px }
.searchlist  img{ width:30%; }
.searchlist .panel{ margin-bottom: 20px; padding-bottom: 20px; border-bottom:solid 1px #ddd;}
.searchlist  .searchlistinfo{ display: inline-block; width: 65%; margin-left:20px; vertical-align:top }
.searchlist  .searchlistinfo span{ display:block; margin-top:10px; color:#666 }
.searchlist  .searchlistinfo .bdrbtn{background-color: #1173D6; color: #fff; margin-top:30px} 
.search .page-subgroup{ margin-top:120px; }
.search-rightside{width:400px; padding:0; margin-left: 20px; float: right; display: inline-block; }
.search-rightside li{ padding-bottom: 10px; margin-bottom: 10px; border-bottom:solid 1px #ddd; }
.search-rightside li img{ width:30% }
.search-rightside h2{ margin-bottom:15px; }
.rightsidepanel { display:inline-block; width: 65%; vertical-align:top; margin-left:10px; }
.rightsidepanel .title{ font-size:16px; margin:0}
.rightsidepanel .desc{ margin-top:8px; }
.rightsidepanel .desc .clock{ width:18px }
.searchlist .panel:last-child,.search-rightside li:last-child{ border:none }
.rightsidewrap{ padding: 20px 20px 10px; margin-bottom:20px;background: #fff; border-radius: 5px }

.nav-list ul{ display: flex;}
.nav-list ul li{padding: 8px;margin: 2px;cursor: pointer;font-size: 15px;}
.nav-list ul li:first-child{margin-left: unset;padding-left: unset;}
.nav-list ul .show_nav{color: #328ce4;}

.filter span{ display:inline-block; margin-right:20px;padding: 5px 15px; cursor:pointer; }
.filter span.active,.filter span:hover{ padding: 4px 14px; border:solid 1px #1173D6; border-radius:50px; color:#1173D6 }
.consilide .joinsubmit{ padding:8px 20px; margin-top: 20px; background-color:#1173D6; color:#fff }
.account{ margin-top:80px }
.submitshowcon{ background-color:#f7f7f7 }
.submitshowcon .panel{ padding:20px 0 20px 20px }
.submitshowcon .panel .title{ margin-bottom:15px; padding-left: 10px; font-size:20px; font-weight:bold; border-left:solid 6px #1173D6 }
.submitshowcon .panel .desc{ font-weight:bold; }
.submitshowcon .panel .census span{ display:inline-block; margin-right:20px }
.submitshowcon .panel .flex-wrap{ flex-wrap:wrap; margin-top:20px; }
.submitshowcon .panel .flex-wrap img{ width:48%; margin:0 2% 1% 0 }
.layui-layer .layui-layer-btn{ padding:15px 0; text-align:center; }
.showSubmit{ max-height:80% }
.showSubmit .layui-layer-btn .layui-layer-btn0{ background-color:#E2E5E9; color:#2F3339; border:none }
.showSubmit .layui-layer-btn .layui-layer-btn1{ background-color:#1173D6; color:#fff; border:none }
.showAnirDialog .layui-layer-btn .layui-layer-btn0{background-color:#1173D6; color:#fff; border:none}

.specialcon{ margin-top:120px }
.special .specialcon .vdlist{ padding:0 0 20px }
/* layui 时间选择器 不要秒的选项 */
.layui-laydate-content>.layui-laydate-list {
    padding-bottom: 0px;
    overflow: hidden;
}
.layui-laydate-content>.layui-laydate-list>li{
    width:50%
}

.merge-box .scrollbox .merge-list {
    padding-bottom: 5px;
}
.laydate-time-list ol li{ width: auto; margin: 0; padding-left:0; text-align:center; }
.channel .specialhead{ background:none; position:relative; z-index:9 }
.channel   .specialhead .lb{ display:inline-block; width: 80px; padding: 5px 0; margin: 5px 0; vertical-align:top;white-space:nowrap; font-size:16px; }
.channel   .specialhead .cnlist{ display:inline-block; width: calc(100% - 84px); vertical-align:top; text-align: justify;}
.channel   .specialhead .cnlist span{ display:inline-block; margin:5px 0 5px 10px;padding:5px 15px; cursor:pointer; border-radius: 50px; background-color: #fff; font-size:16px;transition-duration:300ms; font-size:14px }
.channel .specialhead .showmore{ display: block; margin-top: 10px; text-align:right; color:#1173D6 }
.channel   .specialhead .cnlist span:hover,.channel   .specialhead .cnlist span.active{ background:rgba(17, 115, 214, 1.0); color: #fff; border-radius:4px; padding:5px 15px; border-radius: 50px;transition-duration:300ms }
.moremenu{ position:absolute; max-width: 700px; max-height: 700px; overflow-y: auto; display: none; background-color:#fff; box-shadow: 0 0 5px rgba(0, 0, 0,.5); z-index:99 }
.channel .specialhead .cnlist .moremenu span{ margin:5px 0 }
.cnlist .menu-item {
    flex-grow: 1;
    display: inline-block;
    box-sizing: border-box;
    justify-content: center;
    min-height:4em;
}
.menu-item .sub-menu {
    position: absolute;
    border-radius: 10px;
    min-width:410px;
    max-width:500px;
    display:none;
    padding: 1.5em;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    transition: bottom 0.25s ease-out, opacity 0.01s ease-out 0.01s;
}
.menu-item .sub-menu .menu-text:after{ display:none }
.menu-text:after {
    opacity: 0;
    content: '';
    position: absolute;
    pointer-events: none;
    bottom: -5em;
    left: calc(50% - 15px);
    border-color: transparent transparent #1173d6 transparent;
    border-width: 10px;
    border-style: solid;
}
.menu-item:hover .menu-text:after {
    bottom: 0;
    opacity: 1;
}
.linklist{ position:relative; display:inline-block; }
.showmore i{display: inline-block;transition-duration: 300ms}
.specialhead .cnlist.active~.showmore i{transform: rotate(180deg); display: inline-block; transition-duration: 300ms}
.invitationcard{ display:block; width:120px; padding:10px 20px; background-color:#1173D6; color:#fff }
.invitationcardcon{ font-size:0 }
.chosecard{ display:inline-block; position: relative; width: 33%; text-align:center; margin:3% 0; font-size:16px; }
.chosecard span{ display:block; margin-bottom:10px; }
.chosecard span img{ width:88px; height:88px; padding: 3px; border-radius:10px; border:solid 2px #fff }
.cardright h2{ font-size:18px; text-align:center; margin-bottom:20px;}
.cardright .downloadcard{ display: block; width: 50%; margin:30px auto 0; padding:10px 0; background-color:#1173D6; color:#fff }
.invitationcardshow .layui-layer-title{ font-size:18px}
.cardbg{padding:20px; position: relative; border-radius: 10px; background: url(../images/invitebg.png); background-size: 100% 100%}
.cardbg .time{position: absolute;z-index: 999;color: #1373d7;left: 0;right: 0;font-size: .6rem;text-align: center;top: 25%; font-weight: bold;}
.cardbg .info{position: absolute;z-index: 999;top: 62%;left:0;right:0;text-align: left;padding: 0 30px;font-size: 14px;color: #333;font-weight: normal;}
.chosecard.active img{ border:solid 2px #1173D6; }
.chosecard.active span{ position:relative; }
.chosecard.active span:after{ content:''; position: absolute; top: 50%; left: 50%; margin:-12px 0 0 -12px; display:block; width:24px; height:24px; border-radius:100%;background: url(../images/success.png); background-size: 100% 100% }
.index-subgroup .column-title{ margin:1% 0; overflow:hidden; }
.index-subgroup .invitationcard{ display:inline-block; float:right; margin-right:70px }
.invitationcard:hover{ opacity:.8; color:#fff }
.depart_item {
    width: 24%;
    float: left;
    background: #f8f8f8;
    border-radius: 50px;
    margin-bottom: 20px;
    margin-left: 1%;
    position: relative;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
}
.depart_large {
    width: 90px;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    font-size: 14px;
    position: relative;
    float: left;
    background: #eef5fd;
    color: #333;
    cursor: pointer;
}
.depart_sub {
    font-size: 0;
    margin-left: 90px;
    position: relative;
    text-align: center;
}
.depart_large span {
    line-height: 40px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.depart_sub_link {
    display: inline-block;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    width: 49%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.depart_sub_link + .depart_sub_link {
    margin-left: 2%;
}

.login-page {
    position: relative;
    height: 100%;
}

.login-page::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    background: url(../images/loginbg.jpeg);
    background-size: cover;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
}
.login-page .container {
    width: 50%;
    min-height: 80vh;
    margin: auto;
    z-index: 999;
    padding: 20px;
    position: relative;
    background-color: #fff;
}

.login-form {
    width: 390px;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0px 35px 44px -22px #1f181b;
    justify-content: space-between;
    z-index: 99;
}
.left-holder{ width:45%; display:inline-block;background-color:rgba(0, 0, 0,.5); text-align:center; }
.left-holder h2{ margin-top:45%; margin-bottom: 10px; color:#fff; font-size:34px }
.left-holder span{ color:#fff; font-size:18px }
.form-holder{ width:100%; /*display:inline-block;*/ padding: 20% 10%; background-color:#fff }
.login-form .layui-form-item .layui-icon {
    display: inline-block;
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    position: absolute;
}
.login-form input {
    padding-left: 38px;
}
/*.layui-form{padding: 50px;}*/
.login-form .login-title {
    margin-bottom: 20px;
    text-align: center;
}
.login-form input[name="captcha"] {
    width: 165px;
    display: inline-block;
    margin-right: 1px;
}
.login-form input{ border:none; border-bottom:solid 1px #ddd }

#particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

#captcha {
    width: 120px;
    height: 40px;
}
.index-subgroup{ margin:auto }
 @media screen and (min-width: 1766px) {

.page-group { width: 1650px; }
.page-subgroup{ width:1280px }
.index-subgroup{ width:1526px }
}
@media screen and (max-width: 1765px) and (min-width: 1551px) {
.page-group { width: 1435px; }
.newswrap .layui-timeline-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.index-subgroup{ width:1326px }
.cardbg .time{ font-size:12px }
.cardbg .info{ font-size:12px }
}
@media screen and (max-width: 1550px) and (min-width: 1336px) {
.page-group { width: 1220px; }
.newswrap .layui-timeline-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.headrrightside .search input{ width:270px; }
.index-subgroup{ width:1106px }
.cardbg .time{ font-size:10px }
.cardbg .info{ font-size:10px }
}

@media screen and (max-width: 1335px) {
.page-group { width: 1040px; }
.newswrap .layui-timeline-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.headrrightside .search input{ width:150px; }
.index-subgroup{ width:1326px }
.layui-tab-title li{ margin: 0 20px 0 30px; }

}