/*----------------- 加载/底层 ----------------------*/
.loader{width:100px;left:50%;top:45%;position:absolute}
#particles{position: absolute; top: 0; left: 0; z-index: 2; width: 100%;height: 100%;overflow: hidden;background: rgba(247,241,241, 0.5);}
.masking{width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; z-index: 200;}
video{border-radius: 10px;}

/*------------------------- 导航 ---------------------------------*/
.nav-box{width: 1543px; margin: 0 auto 0; position: relative; z-index: 2;}
.workstation-name{width: 100%; margin-top: 60px;}
.workstation-name .logo{background: url("../../images/workstations1/logo.png") no-repeat center; width: 120px; height: 110px;}
.workstation-name .name{height: 110px;}
.workstation-name .name h2{color: #0258DC; font-size: 35px; font-weight: bold; margin-bottom: 10px; margin-top: 24px;}
.workstation-name .name h3{color: #A4BAEF;}

.nav{width: 1543px; height: 802px; margin: 20px auto 0; position: relative;z-index: 9999;}
.nav-left{width: 1049px;}
.nav-left .left-group-1{width: 100%;}
.nav-left .left-group-1 .group-1-left .group-left-1{background: url("../../images/workstations1/group-1.png") no-repeat center; width: 536px; height: 320px;}
.nav-left .left-group-1 .group-1-left .group-left-2{background: url("../../images/workstations1/group-2.png") no-repeat center; width: 536px; height: 309px;}
.nav-left .left-group-1 .group-1-right{background: url("../../images/workstations1/group-4.png") no-repeat center; width: 513px; height: 629px;}
.nav-left .left-group-2{background: url("../../images/workstations1/group-3.png") no-repeat center; width: 1049px; height: 173px;}
.nav-right{background: url(../../images/workstations1/group-5.png) no-repeat top center; width: 494px; height: 475px;border-radius: 1.7rem;}

.nav .group-left-1 .time-info{width: 450px; margin: 0 auto;}
.nav .group-left-1 .place-info{width: 100%; }
.nav .group-1-left .now-time{font-size: 98px;  color: #FFF;  margin-top: 85px;}
.nav .group-1-left .now-date{margin-top: 98px; margin-left: 16px; width: 180px; border: 1px solid #FFF; border-radius: .7rem; padding: 10px 15px 0;}
.nav .group-1-left .now-date p{color: #FFF; height: 25px; line-height: 25px; font-size: 18px;}
.nav .nav-left .left-group-2 ul{width: 730px; list-style-type: disc; padding-top: 32px;}
.nav .nav-left .left-group-2 li{height: 35px; line-height: 35px; font-size: 18px;}
.nav .nav-left .advanceNav{width: 240px; height: 173px;}

.nav .group-1-right .roster{width: 200px; border: 1px solid #FFF; border-radius: .7rem; padding: 20px; margin-right: 55px; margin-top: 80px;}
.nav .group-1-right .roster p{height: 35px; line-height: 35px; color: #FFF; font-size: 18px;}

.nav .nav-right .consult-item{width: 460px; background: #FFF; border-radius: 0.2rem; margin: 5px auto; padding: 10px;}
.nav .nav-right .consult-item p{height: 31px;-height: 31px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav .nav-right .consult-title{font-size: 18px;}
.nav .nav-right .consult-summary{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-size: 15px;color: #797979;}

.nav .sign{background: url("../../images/workstations1/group-6.png") no-repeat center; width: 192px; height: 182px; position: absolute; right: -150px; bottom: 20px; z-index: 20;}
.nav .leaveMessage{background: url("../../images/workstations1/group-7.png") no-repeat center; width: 192px; height: 172px; position: absolute; right: -150px; bottom: 230px; z-index: 20;}
.consult-nav{height: 135px; width: 100%;}

#qr-box{width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 10000;}
.qr-info{position: absolute; top: 0; bottom: 0; left:0; right:0; margin: auto; width:70%; height: 690px; background: #FFF; border-radius: .6rem; padding: 30px;}
.qr-img{border: 1px solid #DDD; border-radius: .6rem; margin-top: 150px; margin-left: 90px;}
.qr-info img{width: 300px; height: 300px;border-radius: .6rem;}
.qr-close{background: url("../../images/workstations1/qr-close.png") no-repeat center; width: 64px; height: 64px; position: absolute; right: 20px; top: 20px;}
.qr-date{margin-top: 220px; margin-left: 40px;width: 760px;}
.qr-group{font-size: 30px;height: 50px; line-height: 50px;}
.qrYear, .qrMonth, .qrDay{font-size: 40px; color: #327FFF;}
.qrWeek{color: #F9BF42;font-size: 40px;}

.place-info{width: 85% !important;margin: 5% auto 0;}
.place-info .workstation-name{color: #FFF; margin-left: 20px; width: 78%; margin-top: 0; font-size: 28px;}
#position-ico{background: url("../../images/workstations1/position-ico.png") no-repeat center; width: 45px; height: 45px;}

.customize-box {width: 755px;height: 655px;margin-left: 121px;overflow: hidden;}
.news-list-screen-box{ padding-top: 100px;}
.video-box{width: 100%;height: 280px;margin-top: 25px;border-radius: 1.7rem;position: relative;margin-bottom: 20px;}
.video-box .more{background: #734DF2; color: #FFF !important; text-align: center; height: 35px; line-height: 35px; width: 116px; font-size: 17px; border-radius: .8rem; position: absolute; top: -17px; right: -35px;}

.lenar-message{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;top:0;left:0;z-index: 30;}
.lenar-message .form{width: 50%;background: #FFF;display: block;padding: 20px;border-radius: 10px;height: 520px;position: absolute;top: 50%;margin-left: -25%;left: 50%;margin-top: -250px;}
.lenar-message .form .form-item{width: 100%;padding: 20px;}
.lenar-message .form span{font-size: 28px;font-weight: 700;display:block;float:left;}
.lenar-message .form input[type="text"]{border: none;display:block;float:left;height: 40px;line-height:40px;font-size:20px;}
.lenar-message .form .items{width: 43%;float: left;}
.lenar-message .form button{width: 40%;height: 55px;line-height: 50px;background: none;border: 0;border-radius: 10px;font-size: 20px;font-weight: 700;color: #FFF;}
.lenar-message .form textarea{width: calc( 100% - 140px );height: 180px;font-size: 20px;padding: 10px;outline: none;}
.lenar-message .form button:nth-child(1){float: left;background: #91D64D;}
.lenar-message .form button:nth-child(2){float: right;background: #327FFF;}
.lenar-message #errStr{text-align: center;font-size: 20px;color: red;}
.lenar-message #successStr{text-align: center;font-size: 20px;color: #91D64D;}

/*---------------------------------- 列表页 ----------------------------------*/
.news-list-screen-box{height: 100%;background: url(../../images/workstations1/list-screen-bg.jpg) no-repeat center top;background-size: cover;}
.page-left-screen{background: url("../../images/workstations1/page-left-screen.png") no-repeat left center; width: 75px;height: 153px;position: fixed;left: 0;top:33%;}
.page-right-screen{background: url("../../images/workstations1/page-right-screen.png") no-repeat left center; width: 75px;height: 152px;position: fixed;right: 0;top:33%;}
.page-return-screen{background: url("../../images/workstations1/return-ico-screen.png") no-repeat left center; width: 96px;height: 75px;position: fixed;left:2%;bottom: 3%;}
.page-content-screen{width: 91%;height: 100%;margin: 0 auto;}
.page-content-screen-title{background: #FFF;border-bottom-left-radius: 1.5rem;border-bottom-right-radius: 1.5rem;height: 6.5%;margin: 0 auto;}
.page-content-screen-title li{width: 24.28%}
.page-content-screen-title a{font-size: 2.5rem;line-height: 5rem;padding:0 1%;color: #333;width:98%;text-align: center;}
.page-content-item{background: url("../../images/workstations1/news-content-bg-screen.png") no-repeat top center;width: 31%;height: 224px;margin: 0 1% 2%;background-size: 100%;border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}
.page-banner-screen{text-align: center;color: #ACACAC;font-size: 2.5rem;margin-top: 15rem;}
.screen-select{background: #F9BF42;color: #FFF !important;border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;height: 80px;}
.content-title-screen-ico{background: url("../../images/workstations1/news-content-screen.png") no-repeat left center;width: 51px;height: 51px;margin-left: 5%;}
.page-content-title{width: 100%;}
.content-title-screen{width: 80%;height: 51px;line-height: 51px;margin-left: 1%;color: #939393;font-size: 2.3rem;overflow: hidden;text-overflow: ellipsis;
white-space: nowrap;}
.page-list-content-screen{margin-top: 4%;padding: 0 3%;}
.page-content-screen-list{margin-top: 2.5rem;}
.content-list-title-screen{font-size: 2.5rem;}
.content-list-title-screen p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-list-commons-screen{font-size: 1.8rem;color:#8F8F8F;margin-top: 1.5rem;}
.content-list-commons-screen p{display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.hr{border: 1px solid #33BDEB;width: 2%;margin: 1rem auto 0;}
#rosterImg{width: 110px; height: 130px;}
#user-info{width: 378px; height: 130px; margin-left: 20px;}
.video-item{background: url("../../images/workstations1/video-content-bg.png") no-repeat center; width: 547px; height: 380px; margin: 10px;}

/*------------------------------------------ 内容页 ----------------------------------------*/
#content-box{background: #FFF; padding: 1% 2%;}
.title-ico{ background: url("../../images/workstations1/content-title .png") no-repeat left top; width: 11.3%; height: 91px;}
.contentPageClass{border-top: 1px dotted #DDD; padding-top: 1%;}
.contentPageClass p{font-size: 1.5rem;}
.content-title{width: 100%;}
.content-page{background: #FFF; height: 35px; padding-bottom: 3.5rem;    padding-left: 45%;}
.page{margin: 0 auto; border: 1px solid #DDD; border-radius: 10rem; width: 30px; height: 30px; text-align: center; line-height: 30px; float: left; margin: 0 0.5rem;}
#consultInfo{width: 60%; height: 80%; margin-top: 3%; margin-left: auto; margin-right: auto;}
#consultInfo .title {height: 110px;}
#consultInfo .content-hr {border-bottom: 1px dotted #DDD; background: #FFF; padding: 0.7%;}
#consultInfo .content-info {padding: 15px; background: #FFF; overflow: auto; height: 100%;}
#consultInfo #content-box {background: #FFF; padding: 2% 3%; font-size: 2.1rem; line-height: 2.5rem; padding-bottom: 9%;}
#consultInfo .content-title-ico {background: url(../../images/workstations1/content-title.png) no-repeat; background-size: 113%; width: 10%; height: 100%;}
#consultInfo .content-title {height: 11.800%; width: 90%; background: #FFF; height: 100%; font-size: 3.2rem; padding-left: 2%; padding-top: 2%; padding-right: 2%;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.iframe-close{background: url(../../images/workstations1/close.png) no-repeat left center; width: 64px; height: 64px; position: absolute; top: 50px; right: 284px; cursor: pointer; padding: 2%; }
.nowPageNumber{width: 145px; height: 75px; position: fixed; right: 2%; bottom: 3%;line-height: 75px;}
.nowPageNumber .nowPage{font-size: 10rem;color: #8661E3;}
.nowPageNumber .divide{color: #D9D9D9;font-size: 5rem; margin-top: 13px;}
.nowPageNumber .pageSum{color: #D9D9D9;font-size: 5rem; margin-top: 13px;}