.layui-breadcrumb span[lay-separator] {
  margin: 0 2px;
}

#xxb_left {
  margin-top: -60px;
}

.myhistory {
  font-size: 14px;
  color: #000000;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.myhistory .l {
  display: flex;
  align-items: center;
}
.myhistory .l div {
  margin-right: 20px;
  position: relative;
  cursor: pointer;
}
.myhistory .l div:before {
  content: "";
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background-color: #5F59FF;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.myhistory .l div.active {
  color: #5F59FF;
}
.myhistory .l div.active:before {
  display: inline-block;
}
.myhistory .l div:hover {
  color: #5F59FF;
}

.login-model {
  background: url("/public/home/images/aibuild/Group_427319432.png") no-repeat center center/cover;
  min-width: 547px;
  border-radius: 16px;
  padding: 106px 74px;
  box-sizing: border-box;
}
.login-model .t {
  font-weight: bold;
  font-size: 28px;
  color: #333333;
}
.login-model #login_formlogin ul {
  margin-top: 24px;
}
.login-model #login_formlogin li {
  margin-bottom: 16px;
}
.login-model #login_formlogin li:last-child {
  margin-bottom: 0;
}
.login-model #login_formlogin li > div {
  font-size: 14px;
  color: #333333;
  margin-bottom: 8px;
}
.login-model #login_formlogin li input {
  height: 40px;
  line-height: 40px;
  background: #F3F3FF;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0 10px;
  display: block;
  flex: 1;
  width: 100%;
  outline: none;
  border: none;
  color: #333333;
}
.login-model #login_formlogin li input::placeholder {
  color: #999999;
}
.login-model #login_formlogin li input:focus {
  outline: 1px solid #5F59FF;
  box-shadow: 0px 0px 2px 2px rgba(95, 89, 255, 0.18);
}
.login-model #login_formlogin button {
  height: 40px;
  width: 100%;
  outline: none;
  border: none;
  line-height: 40px;
  background: #5F59FF;
  cursor: pointer;
  margin-top: 40px;
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  display: block;
}
.login-model #login_formlogin button:hover {
  opacity: 0.9;
}

#layui-layer-ppt-login + .layui-layer-setwin .layui-layer-close2 {
  right: -43px;
  top: -43px;
  background-color: #eee;
  color: #333333;
  border-color: #EEEEEE;
}

.ppt-list-nav .chooseItem {
  background-image: url("/public/home/images/aibuild/Slice29.png");
  background-size: 14px 14px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 14px;
  height: 14px;
}
.ppt-list-nav a:focus {
  text-decoration: none;
}
.ppt-list-nav li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.ppt-list-nav li ul {
  display: none;
}
.ppt-list-nav li > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 14px;
  font-size: 14px;
  color: #323233;
  border-radius: 6px 6px 6px 6px;
  background-image: url("/public/home/images/aibuild/arrbottom.png");
  background-size: 12px auto;
  background-repeat: no-repeat;
}
.ppt-list-nav li > div:hover {
  background-color: #EDF2FF;
}
.ppt-list-nav .onelevel-item > div {
  background-position: left 5px center, right 14px center;
}
.ppt-list-nav .onelevel-item > div > .item-title {
  padding-left: 25px;
}
.ppt-list-nav .twolevel-item > div {
  background-position: left 25px center, right 14px center;
  padding-left: 20px;
}
.ppt-list-nav .twolevel-item > div > .item-title {
  padding-left: 25px;
}
.ppt-list-nav .threelevel-item > div {
  background-position: left 45px center, right 14px center;
  padding-left: 40px;
}
.ppt-list-nav .threelevel-item > div > .item-title {
  padding-left: 25px;
}
.ppt-list-nav .open > div {
  background-image: url("/public/home/images/aibuild/arrbottom1.png") !important;
}
.ppt-list-nav .open > ul {
  display: block;
}
.ppt-list-nav .active > div {
  background-color: #EDF2FF !important;
}
.ppt-list-nav .active > div > a {
  color: #5F59FF !important;
}
.ppt-list-nav .active > div .chooseItem {
  background-image: url("/public/home/images/aibuild/Slice30.png") !important;
}

.zhangClass, .jieList, .zhishiList {
  justify-content: initial;
}

.zhangClass div, .jieList div {
  width: auto;
  flex: 1;
}

.ppt_page_contain {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  min-height: calc(100vh - 66px);
}

.ppt_items_box {
  flex: 1;
  display: flex;
}
.ppt_items_box .custom0830 {
  height: auto;
  padding: 0;
}
.ppt_items_box .isleft-box {
  width: 502px;
  margin-top: -60px;
  box-sizing: border-box;
  background: #FFFFFF;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ppt_items_box .isleft-box .ppt-list-nav {
  flex: 1;
  overflow-y: auto;
  max-height: 100vh;
}
.ppt_items_box .isleft-box .ppt-list-nav::-webkit-scrollbar {
  background-color: #F5F5F5;
  width: 5px;
}
.ppt_items_box .isleft-box .ppt-list-nav::-webkit-scrollbar-thumb {
  background-color: #5F59FF;
}
.ppt_items_box .isleft-box .askAI a {
  display: block;
  height: 38px;
  line-height: 38px;
  background: linear-gradient(90deg, #C74CFF 0%, #6C58FF 100%);
  border-radius: 6px;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}
.ppt_items_box .isright {
  padding-left: 20px;
  padding-top: 50px;
  flex: 1;
  background: #F4F6FC;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ppt_items_box .isright .isdefault {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #666666;
}
.ppt_items_box .isright .isdefault .istext {
  width: 232px;
  height: 126px;
  background: #D9D9D9;
  border-radius: 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ppt_items_box .isright .topText {
  display: flex;
  align-items: flex-start;
}
.ppt_items_box .isright .topText img {
  width: 72px;
  flex-shrink: 0;
}
.ppt_items_box .isright .topText .buildText {
  flex: 1;
  padding: 0 25px;
  margin-top: -10px;
  font-size: 14px;
  color: #333333;
  background: #FCFCFF;
  border-radius: 6px;
  border: 1px solid #FFFFFF;
  line-height: 60px;
}
.ppt_items_box .isright .topText .buildText img {
  width: 40px;
  height: auto;
}

.ppt_item_theme_box {
  position: relative;
}
.ppt_item_theme_box input {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: #FFFFFF;
  border-radius: 40px 40px 40px 40px;
  border: 1px solid #5F59FF;
  outline: none;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 70px;
}
.ppt_item_theme_box input:focus {
  box-shadow: 0px 0px 2px 2px rgba(95, 89, 255, 0.18);
}
.ppt_item_theme_box a {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.ppt_item_theme_list {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.ppt_item_theme_list > div {
  flex: 1;
  max-width: 162px;
  margin-right: 12px;
  border-radius: 6px;
  overflow: hidden;
  height: 93px;
}
.ppt_item_theme_list > div:last-child {
  margin-right: 0;
}
.ppt_item_theme_list > div img {
  height: 100%;
  width: auto;
}

.ppt_item_type_list {
  display: flex;
}
.ppt_item_type_list > div {
  flex: 1;
  cursor: pointer;
  padding: 40px;
  background: #FFFFFF;
  border-radius: 24px;
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
  margin-right: 21px;
  background-repeat: no-repeat, no-repeat;
  background-position: right center, left center;
  background-size: auto 100%, 100% 100%;
}
.ppt_item_type_list > div .buildTitle {
  margin-bottom: 8px;
  font-weight: bold;
}
.ppt_item_type_list > div:first-child {
  background-image: url("/public/home/images/aibuild/icon12.png"), linear-gradient(223deg, #DDD9FF 0%, #EFECFF 100%);
}
.ppt_item_type_list > div:nth-child(2) {
  background-image: url("/public/home/images/aibuild/icon13.png"), linear-gradient(221deg, #FFE1C5 0%, #FFEFEE 100%);
}
.ppt_item_type_list > div:nth-child(3) {
  background-image: url("/public/home/images/aibuild/icon14.png"), linear-gradient(222deg, #B4CCFF 0%, #DFE9FF 100%);
  margin-right: 0;
}
.ppt_item_type_list > div:nth-child(4) {
  background: linear-gradient(180deg, #FFE59F 0%, #FFFAED 100%);
}
.ppt_item_type_list > div > div {
  color: #333333;
  font-size: 16px;
}
.ppt_item_type_list > div p {
  font-size: 14px;
  line-height: 22px;
  color: #333;
}

.ppt_item_my_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ppt_item_my_list > div {
  width: calc(25% - 20.8px);
  margin-right: 26px;
  margin-top: 16px;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  display: flex;
}
.ppt_item_my_list > div:nth-child(4n) {
  margin-right: 0;
}
.ppt_item_my_list .istitle {
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ppt_item_my_list .iscover {
  position: relative;
  overflow: hidden;
  height: 80px;
  overflow: hidden;
  width: 47%;
}
.ppt_item_my_list .iscover img {
  height: auto;
  width: 100%;
}
.ppt_item_my_list .morefun {
  flex: 1;
  margin-left: 13px;
  box-sizing: border-box;
  min-width: 0;
}
.ppt_item_my_list .morefun .istime {
  font-size: 12px;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ppt_item_my_list .morefun .isfun {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: 13px;
}
.ppt_item_my_list .morefun .isfun > div {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 7px;
  cursor: pointer;
}
.ppt_item_my_list .morefun .isfun > div.edit {
  background-image: url("/public/home/images/aibuild/Frame26.png");
  margin-left: 0;
}
.ppt_item_my_list .morefun .isfun > div.delet {
  background-image: url("/public/home/images/aibuild/pptdel.png");
}
.ppt_item_my_list .morefun .isfun > div.download {
  background-image: url("/public/home/images/aibuild/pptdownload.png");
}

#layui-layer-ppt {
  overflow: initial;
}

#edit-base-form .layui-form-label {
  width: 141px;
}
#edit-base-form .layui-input-block {
  margin-left: 141px;
  width: 320px;
}

#app .bottomBox {
  background-color: #fff;
  padding: 20px;
  flex: 1;
}

.pptlist {
  max-height: calc(100vh - 275px);
  overflow-y: auto;
  padding-bottom: 45px;
}
.pptlist::-webkit-scrollbar {
  background-color: #F5F5F5;
  width: 0px;
}
.pptlist::-webkit-scrollbar-thumb {
  background-color: #5F59FF;
}

.pptlist .content {
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}
.pptlist .content .isdong {
  position: absolute;
  right: 20px;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  z-index: 10;
}
.pptlist .content .isdong > div {
  margin-left: 10px;
  position: relative;
  cursor: pointer;
}
.pptlist .content .isdong > div:hover .moredo {
  display: block;
}
.pptlist .content .isdong > div .moredo {
  position: absolute;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  display: none;
  right: 0;
  top: 100%;
  width: 93px;
  text-align: center;
  background-color: #fff;
  border-radius: 2px 2px 2px 2px;
}
.pptlist .content .isdong > div .moredo a {
  font-size: 12px;
  color: #333333;
  height: 26px;
  line-height: 26px;
  display: block;
  margin-top: 3px;
  margin-bottom: 3px;
}
.pptlist .content .isdong > div .moredo a img {
  margin-right: 6px;
}
.pptlist .content .isdong > div .moredo a:hover {
  color: #5F59FF;
  background: #EBEDFA;
}
.pptlist .content:hover .istext {
  border-color: #5F59FF;
  color: #5F59FF;
}
.pptlist .content:hover .isdong {
  display: flex;
}

.pptlist .isbadge {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  padding: 1px 3px;
  box-sizing: border-box;
  margin-right: 5px;
  flex-shrink: 0;
  width: 62px;
  text-align: center;
}

.pptlist .isdot1 {
  background: #5F59FF;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.pptlist .threeLevel .istext {
  background-color: rgba(41, 97, 253, 0.05);
}

.pptlist .istext {
  margin-left: 15px;
  flex: 1;
  position: relative;
  padding: 10px 73px 10px 20px;
  color: #333333;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #E6E4FF;
  border-radius: 6px;
}
.pptlist .istext input, .pptlist .istext textarea {
  display: block;
  width: 100%;
  outline: none;
  border: none;
  background: none;
  resize: none;
}

.pptlist .neiye .istext {
  margin-left: 39px;
}

.pptlist .istext.active {
  border-color: #2961FD;
  color: #2961FD;
}

.pptlist .twoLevel {
  margin-left: 85px;
}

.pptlist .threeLevel {
  margin-left: 18px;
  position: relative;
}

.pptlist .oneLevel > .threeLevel {
  margin-left: 85px;
}

.pptlist .oneLevel > .threeLevel textarea {
  height: 200px;
}
.pptlist .oneLevel > .threeLevel.loading .istext {
  border-color: #5F59FF !important;
  color: #5F59FF !important;
}
.pptlist .oneLevel > .threeLevel.loading .isdong {
  display: none !important;
}
.pptlist .oneLevel > .threeLevel.noloading .istext {
  border-color: #E6E4FF !important;
  color: #333333 !important;
}
.pptlist .oneLevel > .threeLevel.noloading .isdong {
  display: none !important;
}
.pptlist .oneLevel > .threeLevel.finish .content:hover .istext {
  border-color: #5F59FF !important;
  color: #5F59FF !important;
}
.pptlist .oneLevel > .threeLevel.finish .content:hover .isdong {
  display: flex !important;
}

.pptlist .oneLevel.neiye .isdot1, .pptlist .twoLevel .isdot1 {
  background: #fff;
}

.pptlist .oneLevel, .pptlist .twoLevel {
  position: relative;
}

.pptlist .oneLevel:before, .pptlist .neiye .twoLevel:before, .pptlist > .twoLevel:before, .pptlist .neiye .threeLevel:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 69px;
  top: 23px;
  background: #E9E7FF;
}

.pptlist > .twoLevel:before {
  left: -25px;
}

.pptlist .neiye .twoLevel:before {
  left: 2px;
  top: -25px;
}

.pptlist .neiye .threeLevel:before {
  left: 2px;
  top: -25px;
}

#contentData {
  line-height: 1.8;
  max-height: calc(100vh - 230px);
  overflow-y: auto;
}
#contentData::-webkit-scrollbar {
  display: none;
}
#contentData h1, #contentData h2, #contentData h3, #contentData h4 {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.8;
}

.operate {
  text-align: right;
  margin-top: 20px;
}
.operate a {
  display: inline-block;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  padding: 0 20px;
  line-height: 32px;
  text-align: center;
  height: 32px;
  border: 1px solid #979797;
}
.operate a:last-child {
  background: linear-gradient(90deg, #C54DFF 0%, #7458FF 100%);
  color: #fff;
  border: none;
  margin-left: 20px;
}

.pptlist .twoLevel .content .istext:before, .pptlist .neiye > .content .istext:before, .pptlist .oneLevel > .threeLevel .content .istext:before {
  content: "";
  width: 18px;
  height: 1px;
  position: absolute;
  left: -37px;
  top: 50%;
  background: #E9E7FF;
  transform: translateY(-50%);
}

.pptlist .layui-input {
  width: 100% !important;
  display: block !important;
}

.pptlist .oneLevel.neiye .isdot1 {
  margin-left: 28px;
  display: none;
}

.pptlist .oneLevel:last-child:before {
  content: none;
}

.ppt_page_contain #xxb_left .panel-group {
  position: relative;
}

.chooseTemplate {
  display: flex;
}
.chooseTemplate .isleft {
  width: 670px;
  margin-right: 36px;
}
.chooseTemplate .isleft .isbig {
  height: 377px;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 6px;
}
.chooseTemplate .isleft .isbig img {
  height: 100%;
  width: auto;
}
.chooseTemplate .isleft .issmall {
  display: flex;
  align-items: center;
}
.chooseTemplate .isleft .issmall > div {
  flex: 1;
  height: 130;
  margin-right: 11px;
  border-radius: 6px;
  overflow: hidden;
}
.chooseTemplate .isleft .issmall > div:last-child {
  margin-right: 0;
}
.chooseTemplate .isleft .issmall > div img {
  height: 100%;
  width: auto;
}
.chooseTemplate .isright .templateMenu {
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  font-size: 14px;
  color: #333333;
  height: 34px;
  line-height: 32px;
  text-align: center;
  box-sizing: border-box;
}
.chooseTemplate .isright .templateMenu > div {
  flex: 1;
  border: 1px solid #EEEEEE;
  cursor: pointer;
}
.chooseTemplate .isright .templateMenu > div.active {
  border-color: #7758FF;
  color: #7758FF;
  border-radius: 6px;
}
.chooseTemplate .isright .isbottom a {
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #6F58FF;
  display: block;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}
.chooseTemplate .isright .templateType {
  display: flex;
  margin-top: 10px;
  margin-bottom: 18px;
}
.chooseTemplate .isright .templateType .istitle > img {
  width: 10px;
  height: auto;
}
.chooseTemplate .isright .templateType > div {
  margin-right: 10px;
  width: 81px;
  height: 22px;
  line-height: 22px;
  background: #EFEDFF;
  border-radius: 2px;
  color: #7758FF;
  text-align: center;
}
.chooseTemplate .isright .templateList {
  display: flex;
  flex-wrap: wrap;
  width: 364px;
  height: 393px;
  overflow-y: auto;
  position: relative;
}
.chooseTemplate .isright .templateList::-webkit-scrollbar {
  width: 0;
}
.chooseTemplate .isright .templateList > div {
  margin-right: 18px;
  width: 173px;
  height: 97px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 16px;
  position: relative;
}
.chooseTemplate .isright .templateList > div:nth-child(2n) {
  margin-right: 0;
}
.chooseTemplate .isright .templateList > div img {
  height: 100%;
  width: auto;
}
.chooseTemplate .isright .templateList > div:last-child, .chooseTemplate .isright .templateList > div:nth-last-child(2) {
  margin-bottom: 0;
}
.chooseTemplate .isright .templateList > div:before {
  content: "";
  background-image: url("/public/home/images/aibuild/Frame21.png");
  background-color: rgba(0, 0, 0, 0.6);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: none;
}
.chooseTemplate .isright .templateList > div.active:before {
  display: block;
}
.chooseTemplate .isright .templateList:after {
  content: "";
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  position: sticky;
  left: 0;
  bottom: 0;
}
.chooseTemplate .isright .uploadTemplate {
  display: none;
  height: 443px;
  padding-top: 20px;
  box-sizing: border-box;
}

#resource_upload .webuploader-pick {
  background: #FAFAFA;
  border-radius: 6px;
  width: 364px;
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
  padding: 43px 0;
}
#resource_upload .webuploader-pick p {
  color: #999999;
  font-size: 12px;
  margin-top: 16px;
}

.downloadWin {
  position: fixed;
  right: 40px;
  bottom: 20%;
  width: 44px;
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  text-align: center;
}
.downloadWin > div {
  width: 44px;
  height: 44px;
  background: linear-gradient(90deg, #C74CFF 0%, #6C58FF 100%);
  text-align: center;
  line-height: 44px;
  border-radius: 50%;
}
.downloadWin > p {
  box-sizing: border-box;
  padding: 5px 3px 15px;
  font-size: 12px;
  color: #333333;
}

.layui-layer-ppt-myShouke {
  background-image: linear-gradient(84deg, #EBDEFF 0%, #F6F7FF 50%, #D0E3FF 100%) !important;
  background-repeat: no-repeat !important;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.layui-layer-ppt-myShouke .add {
  width: 103px;
  height: 32px;
  background: #5F59FF;
  border-radius: 3px;
  text-align: center;
  line-height: 32px;
  color: #FFFFFF;
  font-size: 14px;
  display: inline-block;
}
.layui-layer-ppt-myShouke .add2 {
  width: 90px;
  height: 32px;
  background: #5F59FF;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  color: #fff;
}
.layui-layer-ppt-myShouke .istitle {
  padding: 19px 16px;
  font-size: 18px;
  color: #333333;
}
.layui-layer-ppt-myShouke .toShouke {
  width: 78px;
  height: 28px;
  border-radius: 28px;
  border: 1px solid #D4D3FF;
  display: inline-block;
  color: #5F59FF;
  text-align: center;
  line-height: 26px;
  box-sizing: border-box;
}
.layui-layer-ppt-myShouke .pptContent {
  padding: 16px;
}
.layui-layer-ppt-myShouke .pptContent ul {
  display: flex;
  flex-wrap: wrap;
}
.layui-layer-ppt-myShouke .pptContent ul li {
  margin-right: 10px;
  border-radius: 6px;
  background-color: #fff;
  width: calc(20% - 8px);
  padding: 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.layui-layer-ppt-myShouke .pptContent ul li:nth-child(5n) {
  margin-right: 0;
}
.layui-layer-ppt-myShouke .pptContent ul li .ppttitle {
  font-size: 14px;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.layui-layer-ppt-myShouke .pptContent ul li .pptcover {
  height: 105px;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
  margin-bottom: 10px;
}
.layui-layer-ppt-myShouke .pptContent ul li .pptcover img {
  height: 100%;
  width: auto;
}
.layui-layer-ppt-myShouke .pptContent ul li .pptinfo {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #999999;
  align-items: center;
}

#myPPT .istitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: linear-gradient(84deg, #EBDEFF 0%, #F6F7FF 50%, #D0E3FF 100%);
  background-repeat: no-repeat;
  padding: 19px 16px;
  font-size: 18px;
  color: #333333;
}
#myPPT .istitle input {
  width: 266px;
  height: 36px;
  background: #FFFFFF;
  border-radius: 6px;
  border: none;
  font-size: 14px;
}
#myPPT .istitle input:focus {
  box-shadow: none;
}
#myPPT .pptContent {
  padding: 16px;
  background-color: #F3F5FC;
}
#myPPT .pptContent ul {
  display: flex;
  flex-wrap: wrap;
}
#myPPT .pptContent ul li {
  margin-right: 10px;
  border-radius: 6px;
  background-color: #fff;
  width: calc(25% - 7.5px);
  padding: 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
#myPPT .pptContent ul li:nth-child(4n) {
  margin-right: 0;
}
#myPPT .pptContent ul li .ppttitle {
  font-size: 14px;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
#myPPT .pptContent ul li .pptcover {
  width: 176px;
  height: 105px;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
  margin-bottom: 10px;
}
#myPPT .pptContent ul li .pptcover img {
  height: 100%;
  width: auto;
}
#myPPT .pptContent ul li .pptinfo {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #999999;
}
#myPPT .pptContent ul li .pptdo {
  background-color: #fff;
  text-align: center;
  position: absolute;
  bottom: -37px;
  left: 0;
  width: 100%;
  line-height: 37px;
  transition: bottom 0.3s;
}
#myPPT .pptContent ul li .pptdo a {
  margin-left: 8px;
  margin-right: 8px;
}
#myPPT .pptContent ul li:hover .pptdo {
  bottom: 0;
}

.layui-breadcrumb a {
  color: #666666 !important;
}

.layui-breadcrumb a:hover {
  color: #5F59FF !important;
}

.appLoginOut {
  display: flex;
  background-color: #FFFFFF;
  align-items: center;
  justify-content: space-between;
  padding: 14px 40px 14px 30px;
  position: sticky;
  z-index: 999;
  top: 0;
  left: 0;
}
.appLoginOut .out {
  color: #5F59FF;
}
.appLoginOut:after {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAs0lEQVQ4ja3TwQpBURQF0H10y1f4Af5C8Tf8jZkSkkyVlzLgCwwZGpiZGt7T2VKepPe8e++z60xXu1NbSBJpuQPYAtiR3IPxuZEcmVn32SG/WGhhZv1PIBY6kxyqarMICYUyM+uVAaHQTFXbVUgVNPbet0KQX9A8BimDMlXtxCBF0CnksSHQIAX5hqbee5cKNV4ru5KcOOc0cXdvaCkih1Qkhy4kV3WQHFqLyPEf0KYuAgAPG1m3WY+BMYwAAAAASUVORK5CYII=");
  position: absolute;
  top: 100%;
  left: 84px;
}

#upload-file {
  text-align: center;
  background: #FBFBFF;
  border-radius: 6px;
  border: 1px dashed #E0DCFF;
  font-size: 12px;
  color: #B8B8B8;
  padding-top: 40px;
  padding-bottom: 40px;
  cursor: pointer;
  position: relative;
}
#upload-file .success {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FBFBFF;
  border-radius: 6px;
  padding-top: 40px;
  padding-bottom: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #5F59FF;
  line-height: 3;
  display: none;
}

.layui-laypage input:focus, .layui-laypage select:focus {
  border-color: #5F59FF !important;
}

.ppt-client-menu {
  width: 84px;
  box-sizing: border-box;
  padding-top: 40px;
  background: #ffffff;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  left: 0;
}
.ppt-client-menu li {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  margin-bottom: 16px;
  margin-left: auto;
  line-height: 1;
  margin-right: auto;
}
.ppt-client-menu li a {
  display: inline-block;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #B1AEFF;
  text-align: center;
}
.ppt-client-menu li img {
  margin-bottom: 5px;
  display: block;
}
.ppt-client-menu .active {
  background: #F7F6FF;
}
.ppt-client-menu .active a {
  color: #5F59FF;
}

.file-list-for-video {
  margin-top: 16px;
}
.file-list-for-video li {
  height: 44px;
  background: #F9F8FF;
  border-radius: 6px;
  font-size: 14px;
  color: #666666;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
}
.file-list-for-video li div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 30px;
  flex: 1;
}
.file-list-for-video li span {
  flex-shrink: 0;
  color: #7258FF;
}
.file-list-for-video li i {
  position: absolute;
  right: -7px;
  top: -7px;
  color: #C7C7C7;
  cursor: pointer;
  display: none;
}
.file-list-for-video li i:hover {
  color: #7258FF;
}
.file-list-for-video li:hover i {
  display: block;
}

.client .ppt_items_box {
  padding-left: 84px;
  max-height: calc(100vh - 60px);
  height: calc(100vh - 60px);
}
.client .pptlist {
  max-height: calc(100vh - 305px);
}

@media screen and (max-width: 1400px) {
  .ppt_items_box .isleft-box .ppt-list-nav {
    max-height: 125vh;
  }
  .downloadWin {
    right: 10px;
  }
  /*.ppt_item_my_list {
    > div {
      width: calc(33.333333% - calc(26px - (26px / 5)));

      &:nth-child(3n) {
        margin-right: 0;
      }
      &:nth-child(4n) {
        margin-right: 26px;
      }
    }
  }*/
}
@media screen and (max-width: 1300px) {
  .ppt_items_box .isleft-box {
    width: 30%;
  }
  #edit-base-form .layui-input-block {
    width: auto;
  }
  #upload-file {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/*# sourceMappingURL=AI_ppt_About.css.map */