@charset "UTF-8";
@import url("../../common/css/common.css");
@import url("../../pc/css/global.css");
.box-width {
  width: 1137px;
  margin: 0px auto;
}

.shadeCover {
  position: relative;
}

.page {
  padding-top: 56px;
  min-width: 1180px;
}

header {
  width: 100%;
  min-width: 1137px;
  height: 56px;
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1001;
  display: flex;
  font-family: IntelClear_hans;
  box-shadow: 0 0 3px 3px rgba(56, 56, 56, 0.1);
}

header .logo {
  width: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0071c5;
}

header .logo a {
  display: block;
  width: 56px;
}

header .logo a img {
  width: 100%;
}

header .navbar {
  flex: 8;
}

header .navbar > ul {
  width: 100%;
  display: flex;
  align-items: center;
}

header .navbar ul li.pull_list {
  -moz-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
}

header .navbar ul li.pull_list .listbox {
  width: 100%;
  height: auto;
  background: #fff;
  position: absolute;
  top: 56px;
  left: 0px;
  z-index: 9;
  padding: 15px 0px;
  border-top: 1px solid #eee;
  display: none;
  box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.3);
}

header .navbar ul li.pull_list .listbox ul li {
  position: relative;
}

header .navbar ul li.pull_list .listbox ul li:nth-of-type(5n)::after,
header .navbar ul li.pull_list .listbox ul li:last-of-type::after {
  display: none;
}

header .navbar ul li.pull_list ul.list {
  width: 80%;
  height: auto;
  overflow: hidden;
  /* background: #999; */
  background-size: cover;
  position: relative;
  left: 75px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
}

header .navbar > ul > li:hover > a {
  color: #003c71;
  font-weight: bolder;
}

header .navbar ul li.pull_list:hover > a i {
  transform: rotate(135deg);
}

header .navbar ul li.pull_list ul.list li {
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  display: inline-block;
  padding: 0px 25px;
  margin-top: 10px;
}

header .navbar ul li.pull_list ul.list li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #555;
  font-family: IntelClear_Rg;
  box-sizing: border-box;
  cursor: pointer;
}

header .navbar ul li.pull_list ul.list li a:hover, header .navbar ul li.pull_list ul.list li a.on {
  color: #0073cc;
  text-decoration: underline;
}

header .navbar ul li.pull_list ul.list li a i {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

header .navbar ul li.pull_list .button {
  height: 33px;
}

header .navbar ul li.pull_list .button a {
  position: absolute;
  left: 100px;
  padding-left: 0px;
  display: block;
  height: 33px;
  border-radius: 4px;
  line-height: 33px;
  text-align: center;
  color: #555;
  text-align: center;
  font-size: 14px;
  font-family: IntelClear_Rg;
}

header .navbar > ul > li {
  height: 56px;
  padding: 0px 15px;
  margin-right: 22px;
}

header .navbar > ul > li.on {
  box-sizing: border-box;
  border-bottom: 5px solid #00aeef;
}

header .navbar > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 56px;
  text-align: center;
  font-size: 14px;
  color: #0071c5;
}

header .navbar ul li.pull_list > a {
  position: relative;
}

header .other {
  flex: 5;
  display: flex;
  justify-content: flex-end;
}

header .other .search {
  width: 272px;
  height: 100%;
  box-sizing: border-box;
  padding-right: 20px;
  margin-left: 20px;
  background: #f3f3f3;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .other .search .input_box {
  height: 20px;
  width: 100%;
  box-sizing: border-box;
}

header .other .search .input_box input {
  display: block;
  width: 100%;
  height: 20px;
  line-height: 22px;
  color: #000;
  font-size: 14px;
}

header .other .search .input_box input::-webkit-input-placeholder {
  color: rgba(0, 113, 197, 0.3);
}

header .other .search .input_box input::-moz-placeholder {
  color: rgba(0, 113, 197, 0.3);
}

header .other .search .input_box input::-moz-placeholder {
  color: rgba(0, 113, 197, 0.3);
}

header .other .search .input_box input:-ms-input-placeholder {
  color: rgba(0, 113, 197, 0.3);
}

header .other .search i {
  display: block;
  width: 47px;
  height: 32px;
  font-size: 18px;
  color: #0071c5;
  font-weight: bolder;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .other .login {
  width: auto;
  padding-left: 14px;
  margin-right: 0px;
  position: relative;
  /* cursor: pointer; */
}

header .other .login .username {
  display: block;
  text-align: right;
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  margin: 19px 0px;
  color: #0071c5;
  display: flex;
  align-items: center;
}

header .other .login .username i {
  font-size: 20px;
  margin-right: 10px;
}

/* 未登录状态下 用户中心弹框 */
header .other .nologin .percenter.nologin_per { display: none; position: absolute; right: 50%; transform: translateX(50%); top: 70px; width: 402px; height: 355px; background: url(../images/index/percenter_nologin_03.jpg) no-repeat center center; background-size: cover; border-radius: 4px; z-index: -1; }


header .other .nologin .percenter.nologin_per .textp {
  width: 312px;
  margin: 12px auto 0px;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
}
header .other .nologin .percenter.nologin_per:after { content: ""; display: block; width: 0px; height: 0px; border-width: 7px; border-style: solid; border-color: transparent transparent #1173c2 transparent; position: absolute; top: -14px; right: 50%; transform: translateX(50%); }

header .other .nologin .percenter.nologin_per:before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  top: -8px;
  right: 0px;
}

header .other .nologin .percenter.nologin_per > .title {
  height: 55px;
  line-height: 55px;
  margin-top: 0px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  border-bottom: rgba(200, 200, 200, 0.2) 1px solid;
}

header .other .nologin .percenter.nologin_per .BWid {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 40px;
}

header .other .nologin .percenter.nologin_per .BWid .input_username {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.3);
  margin-top: 28px;
  padding: 0px 25px;
}

header .other .nologin .percenter.nologin_per .BWid .input_username input {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #fff;
  width: 100%;
  margin-top: 8px;
}

header .other .nologin .percenter.nologin_per .BWid .input_username input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

header .other .nologin .percenter.nologin_per .BWid .input_username input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

header .other .nologin .percenter.nologin_per .BWid .input_username input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

header .other .nologin .percenter.nologin_per .BWid .input_username input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

header .other .nologin .percenter.nologin_per .BWid .newzc {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  text-align: right;
  /* border-bottom: 1px solid rgba(255,255,255,.2); */
}

header .other .nologin .percenter.nologin_per .BWid .newzc a {
  color: #fff;
  text-decoration: underline;
}

header .other .nologin .percenter.nologin_per .botton {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 4px;
  color: #1173c2;
  font-size: 16px;
  margin: 24px auto 0px;
}

header .other .nologin .percenter.nologin_per .botton a {
  display: block;
  color: #1173c2;
  text-align: center;
}

header .other .nologin .percenter.nologin_per .note {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 40px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 18px;
  margin-top: 10px;
}

header .other .nologin .percenter.nologin_per .note a {
  color: #fff;
  text-decoration: underline;
}

/* 登录状态下 的用户弹框 */
header .other .onlogin .percenter.onlogin_per {
  display: none;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: -225px;
  width: 402px;
  height: 216px;
  background: url(../images/index/percenter_nologin_03.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 4px;
}

header .other .onlogin .percenter.onlogin_per:after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent #1173c2 transparent;
  position: absolute;
  top: -14px;
  right: 50%;
  transform: translateX(50%);
}

header .other .onlogin .percenter.onlogin_per::before {
  content: "";
  display: block;
  width: 100%;
  height: 28px;
  position: absolute;
  top: -25px;
  right: 0px;
}

header .other .onlogin .percenter.onlogin_per .user {
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 16px;
  padding-left: 23px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

header .other .onlogin .percenter.onlogin_per .per_list {
  width: 100%;
  box-sizing: border-box;
  padding: 32px 20px 0px;
}

header .other .onlogin .percenter.onlogin_per .per_list ul {
  display: flex;
  justify-content: space-between;
}

header .other .onlogin .percenter.onlogin_per .per_list ul li.richeng span.ico {
  background: url(../images/index/richeng.png) no-repeat center center, rgba(255, 255, 255, 0.1);
  background-size: 30px auto;
}

header .other .onlogin .percenter.onlogin_per .per_list ul li.zuji span.ico {
  background: url(../images/index/zuji.png) no-repeat center center, rgba(255, 255, 255, 0.1);
  background-size: 30px auto;
}

header .other .onlogin .percenter.onlogin_per .per_list ul li.shoucang span.ico {
  background: url(../images/index/shoucang.png) no-repeat center center, rgba(255, 255, 255, 0.1);
  background-size: 30px auto;
}

header .other .onlogin .percenter.onlogin_per .per_list ul li.xiazai span.ico {
  background: url(../images/index/xiazai.png) no-repeat center center, rgba(255, 255, 255, 0.1);
  background-size: 30px auto;
}

header .other .onlogin .percenter.onlogin_per .per_list ul li.jifen span.ico {
  background: url(../images/index/jifenheader.png) no-repeat center center, rgba(255, 255, 255, 0.1);
  background-size: 30px auto;
}

header .other .onlogin .percenter.onlogin_per .per_list ul li span.ico {
  display: block;
  height: 50px;
  width: 50px;
  border-radius: 3px;
  margin: 0px auto;
}

header .other .onlogin .percenter.onlogin_per .per_list ul li span.text {
  height: 34px;
  line-height: 34px;
  color: #fff;
  font-size: 16px;
}

header .other .onlogin .percenter.onlogin_per .logout {
  display: block;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: right;
  box-sizing: border-box;
  padding-right: 23px;
  cursor: pointer;
}

/* footer */
footer {
  background: #e7e7e7;
  width: 100%;
  min-width: 1200px;
}

footer .cont {
  width: 1137px;
  margin: 0px auto;
  display: flex;
}

footer .cont .left_logo {
  width: 150px;
  box-sizing: border-box;
  padding: 108px 10px 93px 0px;
}

footer .cont .left_logo span {
  display: block;
  width: 100px;
  height: 58px;
  background: url(../images/index/intel-footer-logo.svg) no-repeat;
  background-size: contain;
}

footer .cont .right_text {
  width: 700px;
  box-sizing: border-box;
  padding: 48px 24px 0px 34px;
}

footer .cont .right_text .footer-links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 42px;
}

footer .cont .right_text .footer-links.secondary-links {
  display: block;
}

footer .cont .right_text .footer-links.secondary-links li {
  height: 16px;
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 2px solid #828282;
}

footer .cont .right_text .footer-links.secondary-links li a:hover {
  text-decoration: underline;
}

footer .cont .right_text .footer-links.social {
  justify-content: flex-start;
}

footer .cont .right_text .footer-links.social li {
  display: block;
  height: 28px;
  width: 28px;
  margin-right: 40px;
  color: #828282;
}

footer .cont .right_text .footer-links.social li a,
footer .cont .right_text .footer-links.social li a i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 24px;
  color: #2e2e2e;
}

footer .cont .right_text .footer-links.social li a i.fa-linkedin {
  background: url(../images/index/footer_in.png) no-repeat center bottom;
  background-size: contain;
}

footer .cont .right_text .footer-links.social li a i.fa-sina {
  background: url(../images/index/foot_sino.png) no-repeat center bottom;
  background-size: contain;
}

footer .cont .right_text .footer-links li a {
  color: #444;
  font-size: 14px;
}

footer .cont .right_img {
  box-sizing: border-box;
  padding-top: 66px;
  padding-left: 174px;
  float: right;
}

footer .cont .right_img .foot_icon {
  width: 110px;
  height: 110px;
}

footer .cont .right_img .foot_icon img {
  width: 100%;
  height: 100%;
}

footer .cont .right_img span {
  display: block;
  height: 47px;
  line-height: 47px;
  text-align: center;
  font-size: 16px;
  color: #666;
}

/* 视频弹框 */
/*视频弹窗*/
.dialog-video-box {
  width: 100%;
  height: 100%;
  z-index: 2147483601;
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}

.dialog-video-box.open {
  display: flex;
}

.dialog-mask {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.dialog-video-box .dialog-video-content {
  width: 1000px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.dialog-video-box .dialog-video-content .video-action-bar {
  width: 938px;
  height: 50px;
  line-height: 50px;
  padding: 0 23px 0 39px;
  background: #1173c2;
  display: flex;
  flex-flow: row;
  margin: 0 auto;
  position: relative;
}

.dialog-video-box .dialog-video-content .video-action-bar .title h2 {
  color: #fff;
  font-size: 16px;
}

.dialog-video-box .iconWra {
  position: absolute;
  right: 23px;
}

.dialog-video-box .dialog-video-content .video-action-bar span {
  color: #ddd;
  font-size: 18px;
  cursor: pointer;
}

.dialog-video-box .dialog-video-content .video-action-bar span.icon-guanbi1 {
  margin-left: 13px;
}

.dialog-video-box .dialog-video-content .video-box {
  width: 1000px;
}

.dialog-video-box .dialog-video-content .video-box video {
  width: 1000px;
  position: relative;
  left: 50%;
  margin-left: -500px;
}

/*点赞按钮重叠*/
.dialog-video-box .dialog-video-content .video-action-bar span.icon-appreciate-1, .dialog-filepre-box .dialog-filepre-content .file-action-bar span.icon-appreciate-1 {
  display: none;
}

.dialog-video-box .dialog-video-content .video-action-bar span.icon-appreciate, .dialog-video-box .dialog-video-content .video-action-bar span.icon-appreciate-1 {
  position: absolute;
  right: 37px;
}

.footers .ewm {
  display: none;
}

.footers .right_img {
  display: block;
}

/* 页面改版 */
.g-model {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 12;
}

.g-model .g-model-bg {
  width: 100%;
  height: 100%;
  background: rgba(56, 56, 56, 0.5);
}

.g-model.g-model-lead .g-model-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10.85rem;
  background: #fff;
  box-sizing: border-box;
  padding: .50rem .7rem .5rem;
}

.g-model.g-model-lead .g-model-container .g-model-close {
  font-size: .3rem;
  color: #1780d1;
  position: absolute;
  top: .3rem;
  right: .3rem;
}

.g-model.g-model-lead .g-model-container .g-model-close i {
  font-size: .3rem;
}

.g-model.g-model-lead .g-model-container .h3 {
  line-height: .4rem;
  font-size: .24rem;
  color: #252525;
  margin-bottom: .2rem;
  text-align: center;
  font-family: IntelClear_Rg;
}

.g-model.g-model-lead .g-model-container .h3 span {
  display: block;
  font-size: .14rem;
  color: #252525;
  height: .2rem;
  line-height: .2rem;
}

.g-model.g-model-lead .g-model-container dl dt {
  font-size: .18rem;
  color: #252525;
  margin-top: .2rem;
  height: .38rem;
  line-height: .38rem;
  text-align: center;
  font-weight: bolder;
}

.g-model.g-model-lead .g-model-container dl dd ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.g-model.g-model-lead .g-model-container dl dd ul li {
  font-size: .16rem;
  width: 1.15rem;
  height: .36rem;
  line-height: .34rem;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #0073cc;
  margin: .1rem 0px;
  margin-right: .2rem;
  color: #0073cc;
  font-family: IntelClear_Rg;
  cursor: pointer;
}

.g-model.g-model-lead .g-model-container dl dd ul li.on {
  border: 1px solid #0073cc;
  background: #0073cc;
  color: #fff;
}

.g-model.g-model-lead .g-model-container .bottom {
  margin-top: .4rem;
  font-size: .16rem;
  text-align: center;
  font-family: IntelClear_Rg;
}

.g-model.g-model-lead .g-model-container .bottom button {
  width: 2.65rem;
  height: .46rem;
  background: #1173c2;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  margin: 0px auto;
}

.g-model.g-model-lead .g-model-container .bottom button i {
  font-size: .14rem;
  margin-left: .07rem;
}

.g-model.g-model-lead .g-model-container .bottom span {
  display: block;
  height: .4rem;
  line-height: .4rem;
  font-size: .14rem;
  font-weight: bolder;
}

.g-model.g-model-lead .g-model-container .bottom span a {
  color: #1173c2;
}

/* banner轮播 */
.bannerBox {
  width: 100%;
  min-width: 1200px;
  height: 450px;
}

.bannerBox .swiper-slide .bannerbg-img {
  width: 100%;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-size: 0px;
}

.bannerBox .swiper-slide .bannerbg-img img {
  width: 100%;
  height: auto;
}

.bannerBox .swiper-slide .bannerbg-img .bg-img {
  display: block;
  width: 100%;
  height: 100%;
}

.bannerBox .swiper-slide .swiper-slide-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.bannerBox .swiper-slide .banner-content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.bannerBox .swiper-slide .banner-content .banner-width {
  width: 1200px;
  margin: 0px auto;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.bannerBox .swiper-slide .banner-content .banner-width .h1 {
  font-size: 65px;
  color: #fff;
}

.bannerBox .swiper-slide .banner-content .banner-width .scre {
  margin-top: 27px;
  font-size: 23px;
  color: #fff;
}

.bannerBox .swiper-slide .banner-content .banner-width .page-intel-botton.banner-botton {
  margin: 40px auto 0px;
}

/* banner切换按钮 */
.bannerSwiper .swiperbanner-button-prev, .bannerSwiper .swiperbanner-button-next {
  width: 40px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  outline: none;
}

.bannerSwiper .swiperbanner-button-prev i, .bannerSwiper .swiperbanner-button-next i {
  font-size: 20px;
  font-weight: bolder;
  color: #fff;
}

.bannerSwiper .swiperbanner-button-prev {
  left: 0px;
  background: rgba(0, 0, 0, 0.4);
}

.bannerSwiper .swiperbanner-button-next {
  background: rgba(0, 0, 0, 0.4);
  right: 0px;
}

.bannerSwiper:hover .swiper-button-next, .bannerSwiper:hover .swiper-button-prev {
  opacity: 1 !important;
}

.bannerSwiper:hover .swiper-button-next.swiper-button-disabled, .bannerSwiper:hover .swiper-button-prev.swiper-button-disabled {
  opacity: 0 !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  position: absolute;
  bottom: 25px;
  z-index: 2;
  text-align: center;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1 !important;
  background: #d6d6d6;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus {
  outline: none;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative;
  background: #00aeef;
}

.swiper-button-next, .swiper-button-prev {
  width: 57px !important;
  height: 57px !important;
  background: rgba(122, 122, 122, 0.5);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  opacity: 0 !important;
}

.swiper-button-next:focus, .swiper-button-prev:focus {
  outline: none;
}

.swiper-button-next {
  right: 40px !important;
}

.swiper-button-prev {
  left: 40px !important;
}

.swiper-button-next:hover::after {
  background-position: -58px -58px;
}

.swiper-button-prev:hover::after {
  background-position: 0 -58px;
}

.swiper-button-next::after {
  content: '' !important;
  width: 100%;
  height: 100%;
  background-image: url("../../common/images/intel-arrows.png");
  background-position: -58px 0;
  background-repeat: no-repeat;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.swiper-button-prev::after {
  content: '' !important;
  width: 100%;
  height: 100%;
  background-image: url("../../common/images/intel-arrows.png");
  background-repeat: no-repeat;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

@keyframes pagination-animation {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

/* banner 结束 */
@keyframes move1 {
  0% {
    left: 15px;
    opacity: 1;
  }
  30% {
    left: 5px;
    opacity: 1;
  }
  100% {
    left: 0px;
    opacity: 0;
  }
}

@keyframes move2 {
  0% {
    right: 15px;
    opacity: 1;
  }
  30% {
    right: 5px;
    opacity: 1;
  }
  100% {
    right: 0px;
    opacity: 0;
  }
}

.move-page1 {
  -webkit-animation-name: move1;
  animation-name: move1;
}

.move-page2 {
  -webkit-animation-name: move2;
  animation-name: move2;
}

.appo_img img {
  transition: ease all .7s;
}

.dialog-video-box {
  width: 100%;
  height: 100%;
  z-index: 2147483601;
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}

.dialog-video-box.open {
  display: flex;
}

.dialog-mask {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.dialog-video-box .dialog-video-content {
  width: 1000px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.dialog-video-box .dialog-video-content .video-action-bar {
  width: 938px;
  height: 50px;
  line-height: 50px;
  padding: 0 23px 0 39px;
  background: #1173c2;
  display: flex;
  flex-flow: row;
  margin: 0 auto;
  position: relative;
}

.dialog-video-box .dialog-video-content .video-action-bar .title h2 {
  color: #fff;
  font-size: 16px;
}

.dialog-video-box .iconWra {
  position: absolute;
  right: 23px;
}

.dialog-video-box .dialog-video-content .video-action-bar span {
  color: #ddd;
  font-size: 18px;
  cursor: pointer;
}

.dialog-video-box .dialog-video-content .video-action-bar span.icon-guanbi1 {
  margin-left: 13px;
}

.dialog-video-box .dialog-video-content .video-box {
  width: 1000px;
}

.dialog-video-box .dialog-video-content .video-box video {
  width: 1000px;
  position: relative;
  left: 50%;
  margin-left: -500px;
}

/*点赞按钮重叠*/
.dialog-video-box .dialog-video-content .video-action-bar span.icon-appreciate-1, .dialog-filepre-box .dialog-filepre-content .file-action-bar span.icon-appreciate-1 {
  display: none;
}

.dialog-video-box .dialog-video-content .video-action-bar span.icon-appreciate, .dialog-video-box .dialog-video-content .video-action-bar span.icon-appreciate-1 {
  position: absolute;
  right: 37px;
}

/* 会议时长 */
.sche {
  font-size: 15px;
  height: 24px;
  width: 75px;
  line-height: 24px;
  /* font-weight: 200; */
  border-radius: 4px;
  color: #fff;
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: inline-block;
  background: rgba(4, 24, 41, 0.66);
  z-index: 2;
  font-size: 12px;
  text-align: center;
}

.sche.op {
  background: none;
}

.state {
  width: 72px;
  height: 28px;
  line-height: 36px;
  text-align: center;
  background: white;
  color: #003c71;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  position: absolute;
  left: 14px;
  top: 14px;
}

.state i {
  font-size: 14px;
  margin-right: 5px;
}

.living .state {
  background: white;
  color: #003c71;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.appo .state {
  background: rgba(212, 101, 44, 0.7);
  color: #fff;
  box-shadow: 0 0 1px 1px rgba(212, 101, 44, 0.1);
}

/* 会议hover效果 */
.events-hover .play-jyb:after {
  content: "";
  display: block;
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: -webkit-linear-gradient(top, transparent, transparent, #0065bb);
  background: -o-linear-gradient(bottom, transparent, transparent, #0065bb);
  background: -moz-linear-gradient(bottom, transparent, transparent, #0065bb);
  background: linear-gradient(to bottom, transparent, transparent, #0065bb);
  transition: all ease .4s;
}

.events-hover .play {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: -webkit-linear-gradient(left, #0065bb, #00b8ff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0065bb, #00b8ff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0065bb, #00b8ff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0065bb, #00b8ff);
  /* 标准的语法 */
  transition: all ease .4s;
}

.events-hover .play:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: url(../images/events/events_play.png) no-repeat center center;
  background-size: contain;
  opacity: 0;
  transition: all ease .4s;
}

.events-hover:hover .play {
  height: 50px;
  width: 50px;
}

.events-hover:hover .play:after {
  opacity: 1;
}

.events-hover:hover .play-jyb::after {
  height: 100%;
}

/* 时间icon */
.timeicon {
  height: .2rem;
  line-height: .2rem;
  margin-top: .05rem;
  font-size: .14rem;
  color: #888;
  padding-left: .25rem;
  background: url(../images/percenter/rili.png) no-repeat 0px center;
  background-size: .18rem .16rem;
}

/* 播放按钮 */
.play-unite {
  display: block;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  /* background-image: url(../images/events/project_play_03.png);  */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: -webkit-linear-gradient(left, #0065bb, #00b8ff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0065bb, #00b8ff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0065bb, #00b8ff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0065bb, #00b8ff);
  /* 标准的语法 */
  transition: all ease .4s;
}

.play-unite::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/events/events_play.png) no-repeat center center;
  background-size: 20px 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-35%, -50%);
  opacity: 0;
  transition: all ease .4s;
}

.play-unite-hover {
  cursor: pointer;
}

.play-unite-hover:after {
  content: "";
  display: block;
  width: 100%;
  height: 0%;
  transition: all ease .3s;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: -webkit-linear-gradient(top, transparent, transparent, #0065bb);
  background: -o-linear-gradient(bottom, transparent, transparent, #0065bb);
  background: -moz-linear-gradient(bottom, transparent, transparent, #0065bb);
  background: linear-gradient(to bottom, transparent, transparent, #0065bb);
}

.play-unite-hover:hover:after {
  height: 100%;
}

.play-unite-hover:hover .play-unite {
  height: 54px;
  width: 54px;
}

.play-unite-hover:hover .play-unite::after {
  opacity: 1;
}

/* 动画前进后退 */
.animt.swiper-button-next,
.animt.swiper-button-prev {
  background: rgba(0, 0, 0, 0.3);
  height: 66px;
  width: 51px;
  top: 60px;
  margin-top: 0px;
}

.animt.swiper-button-next {
  right: 3px;
}

.animt.swiper-button-prev {
  left: 0px;
  transform: rotate(180deg);
}

.animt.swiper-button-next i,
.animt.swiper-button-prev i {
  margin-top: 18.5px;
  display: inline-block;
  width: 17px;
  height: 29px;
  background: url(../images/events/right_op1.png) no-repeat center center;
  background-size: contain;
  position: relative;
}

.animt.swiper-button-next i.jing,
.animt.swiper-button-prev i.jing {
  position: relative;
  left: 8px;
}

/* page */
.layui-laypage-next {
  background: url(../images/index/page-next.jpg) no-repeat center center;
}

.layui-laypage-next.layui-disabled {
  background: url(../images/index/page-next2.jpg) no-repeat center center;
}

.layui-laypage-prev {
  background: url(../images/index/page-prev.png) no-repeat center center;
}

.layui-laypage-prev.layui-disabled {
  background: url(../images/index/page-prev2.png) no-repeat center center;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: #1173c2 !important;
}

.layui-laypage a, .layui-laypage span {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}



.yinsicom .checktip {
  font-size: 12px;
  color: #999999;
  margin-bottom: 10px;
}
.yinsicom .checkboxbox_err .err_text{
  padding-top:0;
}
.yinsicom .checkboxbox .statement,.yinsicom .checkboxbox2 .statement,.yinsicom .talksalesFlagbox .statement{
  width:calc(100% - 40px)
}

/* 新增  复选框 */
.yinsicom .checkboxbox,.yinsicom .checkboxbox2,.yinsicom .talksalesFlagbox{
  /* float: left; */
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.yinsicom .checkboxbox .clearfix,.yinsicom .checkboxbox2 .clearfix,.yinsicom .talksalesFlagbox .clearfix{
  width: 100%;
}
.yinsicom .checkboxbox .box,.yinsicom .checkboxbox2 .box,.yinsicom .talksalesFlagbox .box{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;

}
.yinsicom .checkboxbox .box .check,
.yinsicom .checkboxbox2 .box .check,
.yinsicom .talksalesFlagbox .check{
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #ddd;
  margin-top: 3px;
}
.yinsicom .checkboxbox .box.disable .check,
.yinsicom .checkboxbox2 .box.disable .check,
.yinsicom .talksalesFlagbox .box.disable .check{
  background-color: #eee;
}
.yinsicom .checkboxbox  .statement,.yinsicom .checkboxbox2 .statement,.yinsicom .talksalesFlagbox .statement {
  width: calc(100% - 30px);
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  padding-left: 10px;
  cursor: pointer;
}
.yinsicom .checkboxbox  .statement a,.yinsicom .checkboxbox2 .statement a,.yinsicom .talksalesFlagbox .statement a{
  color: #1173c2;
}

.yinsicom  .checkicon:checked+img{
  display: block!important;
  width: 12px;
  height: 9px;
  margin: 2px auto;
}

.yinsicom .checkboxbox_err .err_text{
  /* float: left; */
  text-align: left;
  /* margin-left: 30px; */
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 9px;
  font-size: 16px;
  color: #d94a4a;
  background: url("/nurture/images/index/icon_tip.png") no-repeat 0px 9px;
  background-size: 18px;
  padding-left: 20px;
  position: relative;
}
.yinsicom .err_text.shoux{
  color: #ff8f51 !important;
  font-size: 12px !important;
  background: none !important;
  padding-left: 0px !important;
}
.yinsicom .err_text.shoux .shouz{
  display: inline-block;
  width: 16px !important;
  height: auto;
  margin-right: 3px;
  position: relative;
  top: -2px;
}
.yinsicom .err_text.shoux .shouy{
  display: inline-block;
  width: 14px !important;
  height: auto;
  margin: 0px 3px;
  position: relative;
  top: -2px;

}
.yinsicom .checkboxbox_err .err_text.shou,
.yinsicom .checkboxbox2_err .err_text.shou{
  background: none;
  color: #e66213;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding-left: 0px;
}
.yinsicom .checkboxbox_err .err_text.shou:before,
.yinsicom .checkboxbox2_err .err_text.shou:before{
  content: "";
  width: 22px;
  height: 18px;
  background: url("/nurture/images/shou.png");
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  /* top: 5px; */
}
.yinsicom .checkboxbox_err .err_text.shou .shoum,
.yinsicom  .checkboxbox2_err .err_text.shou .shoum{
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 9px;
}
.yinsicom .checkboxbox_err .err_text.shou .shour,
.yinsicom .checkboxbox2_err .err_text.shou .shour{
  width: 4px;
  height: 12px;
  position: absolute;
  left: 30px;
  top: 9px;
}
@keyframes chbg {
  from {opacity: 0}
  to {opacity: 1}
}
.yinsicom .checkboxbox_err .err_text.shou img,
.yinsicom .checkboxbox2_err .err_text.shou img{
  animation-name: chbg;
  animation-duration: 1s;
  animation-iteration-count:infinite;
}
.yinsicom .checkboxbox_err .err_text img{
  width: 18px;
  vertical-align: middle;
}
.yinsicom .checkboxbox2_err .err_text{
  /* float: left; */
  text-align: left;
  /* margin-left: 30px; */
  overflow: hidden;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 16px;
  color: #d94a4a;
  background: url("/nurture/images/index/icon_tip.png") no-repeat 0px 9px;
  background-size: 18px;
  padding-left: 20px;
}
.yinsicom .checkboxbox2_err .err_text img{
  width: 18px;
  vertical-align: middle;
}
.yinsicom .mt5{
  margin-top: 5px;
}


.yinsicom.pyinslogin .checktip {
  color: #fff;
}
.yinsicom.pyinslogin .checkboxbox .statement, .yinsicom.pyinslogin .checkboxbox2 .statement, .yinsicom.pyinslogin .talksalesFlagbox .statement {
  color: #fff;
}
header .other .nologin .percenter.nologin_per {
  min-height: 460px;
  height: auto;
}
.yinsicom.pyinslogin .checkboxbox .statement a, .yinsicom.pyinslogin .checkboxbox2 .statement a, .yinsicom.pyinslogin .talksalesFlagbox .statement a {
  color: #fff;
  text-decoration: revert;
}
.yinsicom.pyinslogin .checkboxbox, .yinsicom.pyinslogin .checkboxbox2, .yinsicom.pyinslogin .talksalesFlagbox {
  width: 100%;
}
.pyinslogin .checktip {
  width: 100%;
  margin-top: 15px;
}
header .other .nologin .percenter.nologin_per .textp {
  font-size: 12px;
}
.loginCon .yinsicom .checkboxbox,.loginCon .yinsicom .checkboxbox2,.loginCon .yinsicom .talksalesFlagbox{
  width: 80%;
}
#yinsiboxscoms {
  margin-top: 20px;
}
#app .eventsFrom .dloage-content .loginCon .logininput .leftinput{
  width: 100%;
}
.yinsicom .bottondl{
  display: block;
  height: 48px;
  line-height: 48px;
  width: 300px;
  color: #fff;
  text-align: center;
  margin: 0px auto;
  background: #1173c2;
  font-size: 24px;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 20px;
}