/* 马克思主义学术库 */
/* 头部 */
/* 头部第一层 */
*{
    padding: 0;
    margin: 0;
    user-select: none;
}
ul{
    list-style: none;
}
body{
    font-size: 16px;
    color: #000;
    font-family: "SourceHanSansCN Regular";
}
header{
    width: 100%;
}
.headerbg{height: 330px;background: center / cover no-repeat url(../../images/academicLibrary/makesi.png);overflow: hidden;}
.header-top{
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    background-color:#a32424;
}
.container{padding: 0;}
.flex{display: flex;justify-content: space-between;align-items: baseline;}
.flexheader{display: flex;justify-content: space-between;align-items: center;}
.left{color: #fff;}
.right{display: flex;align-items: center;}
.right .user{width: 22px;height: 22px;}
.right .user img{width: 100%;display: block;}
.right .login {color: #fff;margin-left: 10px;}
.right .login a{color: #fff;}
.backIndex {color: rgba(255, 255, 255, 0.4);}
.loginColor a{color: rgba(255, 255, 255, 0.4);}
/* 头部第二层 */
/* 搜索 */
.search .subsearch-query {
  width: calc(100% - 85px);
  float: left;
}
.search .words span,
.search .words label {
  color: #fff;
  font-size: 14px;
  padding: 0 10px; /*padding-bottom: 3px;*/
  margin-bottom: 0px;
}
.search .words input[type="checkbox"] {
  margin: 0;
  margin-right: 5px;
  width: 14px;
  height: 14px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 10px;
  position: relative;
  -webkit-appearance: none;
  outline: none;
  top: -1px;
}
.search .words input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 3px;
}
.search .words input[type="checkbox"]:checked::before {
  content: "\2713";
  background-color: #ff9c3b;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fbd0a7;
  color: #fff;
  font-size: 12px;
}

.search .input-group {
  background-color: #fff;
}
.search input {
  height: 54px; /*line-height:54px;*/
}
.search-pageindex input {
  height: 50px;
}
.search .input-group-addon,
.search input {
  border: none;
}
.search .search-select {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  outline: none;
}
.search .search-select.fuzzy {
  color: #828282;
}
.search .search-btn {
  padding: 0;
}
.search .search-submit {
  display: inline-block;
  width: 120px;
  height: 100%;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background-color: #ff9c3b;
}
.search .search-submit-pageindex {
  width: 75px;
  height: 50px;
  line-height: 45px;
}
.search .advanceLink {
  float: left;
  margin-left: 20px;
  color: #5c1212;
  font-size: 16px;
  line-height: 54px;
}

.SearchBox {
  position: relative;
  height: 54px;
}
.SearchBox #searchString:focus::-webkit-input-placeholder {
  color: transparent;
}
.SearchBox #searchString:focus:-moz-placeholder {
  color: transparent;
}
.SearchBox #searchString:focus::-moz-placeholder {
  color: transparent;
}
.SearchBox #searchString:focus:-ms-input-placeholder {
  color: transparent;
}

.SearchBox #selectValue:focus::-webkit-input-placeholder {
  color: transparent;
}
.SearchBox #selectValue:focus:-moz-placeholder {
  color: transparent;
}
.SearchBox #selectValue:focus::-moz-placeholder {
  color: transparent;
}
.SearchBox #selectValue:focus:-ms-input-placeholder {
  color: transparent;
}

.SearchBox .promptBox {
  box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.2);
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 8;
  background: #fff;
}
.SearchBox .promptBox_xs {
  z-index: 10;
}
.SearchBox .promptBox ul {
  padding: 0;
  margin: 0;
}
.SearchBox .promptBox li {
  padding: 5px 0 5px 10px;
  line-height: 20px;
  color: #333;
  cursor: pointer;
}
.SearchBox .promptBox li a {
  color: #333;
}
.header-middle{text-align: center;}
.header-middle .headermiddle-top{color: #fff;font-size: 50px;display: flex;justify-content: center;align-items: center;margin: 50px auto;}
.headermiddle-top .logo {margin-right: 20px;}
.headermiddle-middle{font-size: 14px;position: relative;width: 880px;margin: 0 auto;}
.headermiddle-middle select {padding: 13px 10px;color: #5c1212;border-radius: 5px;border: none;outline: none;cursor: pointer;}
.headermiddle-middle > input{width: 520px;height: 45px;border-radius: 5px 0 0 5px;border: none;outline: none;}
.headermiddle-middle button{background-color: #5c1212;padding: 13px 30px;outline: none; border: none;border-radius: 0 5px 5px 0;margin-left: -5px;color: #fff;}
.headermiddle-middle span{margin-left: 10px;color: #5c1212;}
.headermiddle-bottom {position: absolute;bottom: -45px;left: 155px;color: #fff;}
.headermiddle-bottom label {margin-left: 5px;margin-right: 30px;cursor: pointer;}
/* 头部第三层 */
.header-bottom{background-color: #5c1212;height: 90px;line-height: 90px;margin-top: -1px;}
.bottomflex{display: flex;justify-content: flex-start;align-items: center;}
.headerbottom-left {font-size: 20px;width: 5%;}
.headerbottom-left a {color: rgba(244, 104, 104, 0.7);}
.headerbottom-right {width: 95%;}
.headerbottom-right ul{display: flex;flex-wrap: wrap;align-items: center;}
.headerbottom-right ul {margin: 0;margin-left: 70px;}
.headerbottom-right ul li {height: 45px;line-height: 45px;width: 20%;color: #fafafa;}
.headerbottom-right ul li a{color: rgba(250, 250, 250, 0.6);}
/* 主体 */
/* 轮播图 */
.bannerSwiper {width: 100%;height: 319px;margin-top: 35px;overflow: hidden;display: flex;}
.bannerSwiper .slider{width: 770px;height: 319px; position: relative;overflow: hidden;}
.bannerSwiper .slides {
    width: fit-content;
    height: 100%;
    display: flex;
    transition: transform 0.3s ease;
  }
.bannerSwiper .slides img{width: 770px;height: 319px;}
  .bannerSwiper .active {transform: translateX(0);}
  .bannerSwiper .indicators {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    list-style: none;
    background-color: #5a4a3a;
    padding: 7px 5px;
    border-radius: 30px;
}
  
  .bannerSwiper .indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #bdb7b0;
    margin: 0 5px;
    cursor: pointer;
}
.bannerSwiper .indicators .active{background-color: #fff;}
/* 热词展示 */
#wordcloud{
    width: 430px;
    height: 319px;
    position: relative;
    background-color: #5c1212;
    overflow: hidden;
  }
/* 主体-精品推荐 */
.title-index {
  border-bottom: 1px solid #e1e4eb;
  padding-bottom: 10px;
}
.title-index span {
  position: relative;
  cursor: pointer;
  margin-right: 25px;
  font-size: 20px;
  color: #313233;
  opacity: 0.6;
  white-space: nowrap;
}
.title-index span.on {
  font-size: 24px;
  opacity: 1;
  line-height: 50px;
  margin-bottom: 10px;
}
.title-index a.pull-right {
  line-height: 50px;
}
.title-index span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -21px;
  height: 2px;
  background: #5297e3;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.title-index span.on::after {
  opacity: 1;
}
.title-index a,
a.new-arrival-more {
  color: #c7cad0;
  font-size: 16px;
  line-height: 40px;
}
a.new-arrival-more {
  position: absolute;
  right: 20px;
  top: 10px;
}
.new-arrival {
  margin-top: 30px;
  background-color: #fff;
  position: relative;
}
.new-arrival ul,
.new-arrival li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.new-arrival-nav {
  position: absolute;
  left: 150px;
  top: -45px;
  max-width: calc(100% - 150px);
}
.new-arrival-nav .slick-list {
  overflow: visible;
}
.science-ranking-item .new-arrival-nav .slick-list {
  overflow: hidden;
}
.science-ranking-item .slick-arrow {
  font-size: 0;
  position: absolute;
  z-index: 99;
  border: none;
  width: 24px;
  height: 24px;
}
.science-ranking-item .slick-prev {
  background: #cfcfcf url(../../images/arrow-prev.png) no-repeat center;
  background-size: 100% 100%;
  left: -44px;
  top: 0px;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  background-size: 20px;
}
.science-ranking-item .slick-next {
  background: #cfcfcf url(../../images/arrow-next.png) no-repeat center;
  background-size: 100% 100%;
  left: auto;
  right: -44px;
  top: 0px;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  background-size: 20px;
}
.science-ranking-item .slick-prev:hover,
.science-ranking-item .slick-next:hover {
  background-color: #1b7ff0;
}
.new-arrival-nav .on .new-arrival-more {
  display: block;
}
.new-arrival .new-arrival-nav li span {
  padding: 0 12px;
  display: inline-block;
  text-align: center;
}
.new-arrival .new-arrival-nav li {
  cursor: pointer;
  display: inline;
  position: static;
}
.index-arrival-nav .slick-slide {
  max-width: 7.5%;
  margin: 0 2%;
  cursor: pointer;
  width: auto !important;
}
.new-arrival-nav .slick-slide.slick-current,
.new-arrival .new-arrival-nav li.on {
  color: #3a83e0;
}
.new-arrival-nav .slick-slide.slick-current,
.new-arrival .new-arrival-nav li.on span {
  text-decoration: underline;
}
.new-arrival-nav .slick-slide.slick-current a {
  color: #3a83e0;
  outline: none;
}
.new-arrival-nav .slick-slide.slick-current a:active {
  outline: none;
}
.new-arrival-nav .slick-slide.slick-current a.new-arrival-more {
  color: #c7cad0;
}
.new-arrival-nav .new-arrival-more {
  display: none;
  position: absolute;
  top: auto;
  right: 0;
  bottom: -8px;
}
.new-arrival-nav .slick-current .new-arrival-more {
  display: inline-block;
}
.new-arrival-item {
  margin-left: -11px;
  margin-right: -11px;
}
.new-arrival .book-item {
  padding: 0 11px;
  float: left;
  width: 16.66%;
}
.new-arrival .book-item .pic {
  text-align: center;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 5px 0px #eaebed;
  height: 189px;
  line-height: 189px;
  background: #fff;
  text-align: center;
}
.new-arrival .new-arrival-item .book-item .pic {
  height: 224px;
  line-height: 224px;
}
.new-arrival .book-item .pic img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  display: list-item;
  max-height: 100%;
}
.new-arrival .book-item .mask {
  position: absolute;
  opacity: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  background: url(../../images/book-mask.png) repeat;
  font-size: 12px;
  color: #fff;
  padding: 6px 1px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.new-arrival .book-item:hover .pic img {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.new-arrival .book-item:hover .mask {
  opacity: 1;
}
.new-arrival .book-item h5 a {
  font-size: 12px;
  color: #313233;
}
.new-arrival .book-item h5 a:hover {
  color: #2475cd;
}
.new-arrival .book-item h5.new-title-2x a {
  font-size: 12px;
  display: blcok;
  line-height: 20px;
  height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new-arrival .book-item > p {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #a4a4a4;
  margin-top: 6px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.premiumRecom{overflow: hidden;}
.premiumRecom .flex .left {display: flex;align-items: baseline;}
.premiumRecom .flex .left .left_grid{margin: 0 10px;color: #a32424;font-size: 28px;}   
.premiumRecom .left .premium{font-size: 25px;color: #161616;}
.premiumRecom .left .recommended{font-size: 16px;color: #a32424;}
.premiumRecom .right_more a{font-size: 14px;color: #666;}
.recom_cardlist{margin-top: 15px;}
.recom_card{padding: 20px;border: 1px solid #dfd3bf;background-color: #fbfaf7;display: flex;width: 24%;}
.recom_card:hover{border: 1px solid #a32424;background-color: #fff;color: #a32424;}
.recom_card:hover .card_right_title a{color: #a32424;}
.recom_card .card_img{width: 85px;height: 120px;flex-shrink: 0;}
.recom_card .card_img img{width: 100%;object-fit: contain;height: 120px;}
.recom_card .card_right{margin-left: 15px;}
.recom_card .card_right .card_right_title{overflow: hidden;text-overflow: ellipsis;font-weight: 700;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.recom_card .card_right .card_right_author{color: #666;font-size: 14px;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;height: 20px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.recom_card .card_right .card_right_price{color: #242424;margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;font-size: 15px;}
.format1, .format2{margin-top: 30px;}
.cardSwiper{overflow: hidden;width: 50%;position: relative;}
.cardSwiperSlides{width: 100%;display: flex;height: 100%;}
.pagination{display: flex;position: absolute;bottom: 5px;width: 100%;justify-content: center;margin:10px 0;}
.pagination > div {transform: rotate(45deg);margin: 0 5px;cursor: pointer;}
.mainArticle {margin-top: 50px;}
.mainArticle .main_left{width: 75%;}
.mainArticle  .left .bordericon {display: flex;flex-direction: column;margin-right: 10px;transform: translateY(-3px);}
.mainArticle  .left .bordericon .icontop{width: 5px;height: 18px;background-color: #a32424;}
.mainArticle  .left .bordericon .iconbottom{width: 5px;height: 6px;background-color: #5c1212;}
.mainArticle .flex .left {display: flex;align-items: baseline;}
.mainArticle .flex .left .left_grid{margin: 0 10px;color: #a32424;font-size: 28px;}   
.mainArticle .left .premium{font-size: 25px;color: #161616;}
.mainArticle .left .recommended{font-size: 16px;color: #a32424;}
.mainArticle .right_more a{font-size: 14px;color: #666;}
.main_left_main{border-top: 2px solid #a32424;}
.main_left_card{border: 1px solid #dfd3bf;display: flex;flex-wrap: wrap;}

.main_left_card .recom_card{width: 50%;border: none;}
.main_left_title ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.main_left_title ul li {width: 48%;margin-top: 20px;white-space: nowrap;overflow: hidden;}
.main_left_title ul li span{color: #a32424;font-weight: 500;}
.main_left_title ul li a{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 87%;vertical-align: bottom;margin-left: 13px;}
.format2 .main_left_main{display: flex;}
.format2 .main_left_card{flex-direction: column;width: 100%;flex-shrink: 0;}
.format2 .main_left_card .recom_card{width: 100%;height: 50%;}
.format2 .main_left_card .recom_card .card_img{width: 120px;}
.format2 .main_left_title ul{flex-direction: column;padding-left: 15px;width: 100%;}
.format2 .main_left_title ul li{width: 100%;}
/* 主体部分右侧 */
.mainArticle .main_right{width: 23%;}
.main_right ul li img{width: 100%;object-fit: contain;}
.feature ul li {margin-bottom: 20px;position: relative;}
.feature ul li .videoBadge{top: 10px;left:10px;position: absolute;background-color: #972423;color: #fff;padding: 5px 10px;border-radius: 5px;}
.feature ul li .video_title{position: absolute;background-color: rgba(0, 0, 0, 0.4);color: #fff;
bottom: 0;padding: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;
}
.main_right_cardlist{display: flex;flex-direction: column;}
.main_right_cardlist .main_right_card{display: flex;border-bottom: 1px solid #f6f6f6;padding: 15px 0;}
.main_right_cardlist .main_right_card .card-left{min-height:62px;flex-shrink: 0;width: 40%;background: url(../../images/academicLibrary/plate.png) no-repeat left center;position: relative;}
.main_right_cardlist .main_right_card .card-left .card-image{width: 100%;overflow: hidden;}
.main_right_cardlist .main_right_card .card-left .card-image img{max-width: 100%;object-fit:contain;}
.main_right_cardlist .main_right_card .card-left .playnumber{position: absolute;bottom: 0;right: 0%;background-color: rgba(0, 0, 0, 0.4);padding: 2px;color: #fff;font-size: 12px;}
.main_right_cardlist .main_right_card .card-left .playnumber::before{
    content: url(../../images/academicLibrary/music.png);
    vertical-align: middle;
}
.main_right_cardlist .main_right_card .card-right{padding-left: 10px;}
.main_right_cardlist .main_right_card .card-right .title{font-size: 16px;color: #1b1b1b;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;width: 100%;}
.main_right_cardlist .main_right_card .card-right .author{font-size: 14px;color: #938d8b;margin-top:20px;}
.exportAuthor .authorImg{width: 80px;height: 80px;overflow: hidden;border-radius: 50%;flex-shrink: 0;}
.authorImg img{object-fit: cover; width: 100%; height: 100%;}
.exportAuthor .authorName{font-weight: 700;}
.exportAuthor .authorInfo{font-size: 14px;color: #938d8b;margin-top:20px;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;width: 100%;}
.exportAuthor .main_right_card{border: 0;}
/* 页脚 */
.footer{background: url(../../images/academicLibrary/foot.png) no-repeat;height: 320px;margin-top: 20px;color: #fbfaf7;position: relative;}
.footer_main{padding-top: 50px;display: flex;justify-content: space-between;align-items: center;}
.footer_main_left .footer_contact{border: 1px solid  #dfd3bf;margin-top: 20px;padding: 10px 20px;}
.footer_contact div{padding: 10px 0;}
.footer_contact div span{color: #998b7d;}
.footer_main_right {width: 50%;}
.footer_main_right ul {display: flex;flex-wrap: wrap;}
.footer_main_right ul li{width: 200px;margin: 10px 0;}
.footer_bottom{position: absolute;bottom: 15px;}
/* 返回顶部按钮 */
.returnTop{position: fixed;bottom: 350px;right: 20px;cursor: pointer;display: none;}
.returnTop.active{display: block;}
/* 电梯导航 */
#elevatorNav{position: fixed;top: 40%;margin-left: -140px;left: calc((100% - 1200px)/2);z-index: 999;transform: translateY(-50%);display: none;}
#elevatorNav li {margin-bottom: 10px;width: 90px;text-align: end;position: relative;display: flex;align-items: center;height: 40px;justify-content: flex-end;}
#elevatorNav li a{color: #9a9181;font-size:14px;}
#elevatorNav li>div{background-color: #fff;display: inline-block;transform: rotate(45deg);position: absolute; right: -40px;border-radius: 2px;padding: 2px;border: 1px solid #fff;}
#elevatorNav li > div::after{content: "";width: 2px;height: 45px;background-color: #efebe5;display: inline-block;transform: rotate(-45deg);position: absolute;right: -16px;top: 5px;}
#elevatorNav li > div > div,.pagination > div{background-color: #dfd3bf;width: 8px;height: 8px;border-radius: 2px;}
#elevatorNav li.active a{color: #a32424;}
#elevatorNav li.active > div > div , .pagination > div.active{background-color: #a32424;}
#elevatorNav li.active > div {border-color: #a32424;}
#elevatorNav li:last-child > div::after{width: 0;height: 0;display: inline;}
/* 根据屏幕宽度进行适配 */
@media screen and (max-width: 768px) {
  /* 在屏幕宽度小于等于768px时应用的样式 */
  .container{width: 420px;}
  .headerbg{height: 170px;}
  .headermiddle-bottom{bottom: -20px;}
  .bannerSwiper{height: 220px;}
  .bannerSwiper .slides img{width: 300px;height: 220px;}
  .bannerSwiper .slider{height: 220px;}
  .recom_cardlist{flex-wrap: wrap;}
  .recom_card {width: 48%;margin: 10px 0;}
  .mainArticle{flex-wrap: wrap;}
  .mainArticle .main_left{width: 100%;}
  .mainArticle .main_right{width: 100%;}
  .flex{align-items: center;
  }
  #wordcloud{height: 220px;}
  .main_left_title ul li a{width: 75%;}
  .format2 .main_left_title ul{width: 43%;}
  .headermiddle-middle{width: 520px;padding: 20px 0;}
  .headermiddle-middle > input {width: 180px;}
  .format2 .main_left_card .recom_card .card_img {
    width: 90px;
  }
  .footer_main_right{width: 100%;}
  .footer_main_right ul li{width: 140px;margin: 5px 0;}
  .footer_main_left .footer_contact{margin: 15px 0;}
  .footer_main{padding-top: 10px;flex-wrap: wrap;font-size: 14px;}
}
/* 根据设备类型进行适配 */
@media screen and (max-width: 1500px) {
  /* 在所有屏幕宽度小于等于768px的设备上应用的样式 */
  body{
    zoom: 0.8;
  }
  
  #elevatorNav{left: calc((100% - 1200px)/2);}
  
}

/* 以下是登录弹窗相关*/
.dialogMask {
  position: fixed;
  z-index: 988;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.dialogBg {
  position: fixed;
  z-index: 990;
  top: 200px;
  left: 50%;
  margin-left: -275px;
  width: 550px;
  max-width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 40px 60px;
}
.booksearchDialog {
  width: 700px;
  margin-left: -350px;
  top: 100px;
}
.dialogBg .dialog_close {
  position: absolute;
  right: 15px;
  top: 0;
  font-size: 40px;
  color: #333;
  text-decoration: none;
}
.loginMethodTab {
  position: absolute;
  top: 0;
  left: 0;
  width: 92px;
  height: 92px;
}
.loginMethodTab span {
  cursor: pointer;
  display: inline;
}
.loginMethodTab span.on {
  display: none;
}
.dialogTab {
  text-align: center;
  margin-bottom: 30px;
  height: 42px;
}
.dialogTab span {
  position: relative;
  height: 100%;
  display: inline-block;
  cursor: pointer;
  margin: 0 30px;
  font-size: 24px;
  color: #bfbfbf;
}
.dialogTab span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background: none;
  background-size: 100% 100%;
}
.dialogTab span.on {
  color: #333333;
}
.dialogTab span.on::after {
  background: url(../../images/dialogBtnBg.png) no-repeat;
  background-size: 100% 100%;
}
.dialogBg .input-group-addon {
  background: none;
  border: none;
}
.dialogBg .input-group-addon img {
  min-width: 80px;
  cursor: pointer;
}
.dialogBg .form-control {
  background: none;
  border: none;
  font-size: 16px;
}
.dialogBg select {
  border: none;
  background: None;
  padding: 0;
}
.dialogBg .item {
  background: #f9f9f9;
  margin-bottom: 20px;
  height: 48px;
  line-height: 48px;
}
.dialogBg .item input {
  height: 48px;
  line-height: 48px;
}
.dialogBg .btn {
  width: 100%;
  height: 48px;
  line-height: 36px;
  background: url(../../images/dialogBtnBg.png) no-repeat;
  background-size: 100% 100%;
  border: none;
  font-size: 20px;
  letter-spacing: 1rem;
}
.dialogBg input[type="radio"] {
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.dialogBg .regulations {
  color: #bfc4cd;
  font-size: 16px;
}
.dialogBg a {
  color: #2378e4;
}
.dialogBg a.carsi {
  color: #33b18f;
}
.dialogBg a.forget {
  color: #bfc4cd;
}
.dialogBg a.disabled {
  color: #999;
}
.retrieve-dialog .dialogTab span.on::after {
  background: #3dcdaa;
}
.retrieve-dialog .btn {
  background: #3dcdaa;
}
.retrieve-dialog a {
  color: #3dcdaa;
}

.dialogLoginBox .other a:not(:last-child) {
  margin-right: 20px;
}

.personinfo .member-logofile {
  cursor: pointer;
  border-radius: 50%;
  margin-right: 5px;
  width: 30px;
  height: 30px;
}

.personinfo {
  position: relative;
}
.personinfo .user-infor:hover ~ .select-list {
  display: block;
}
.personinfo .select-list:hover {
  display: block;
}
.select-list a {
  display: block;
}
.personinfo .select-list {
  display: none;
  position: absolute;
  right: -14px;
  top: 42px;
  width: 100px;
  text-align: center;
  border-radius: 3px;
  background-color: #fff;
  z-index: 1009;
  box-shadow: 0 0 20px 0px rgb(93 93 93 / 55%);
  border: solid 1px #eeeeee;
  line-height: 30px;
  padding: 10px 0;
}
.personinfo .select-list:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 8px solid #fff;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.user-infor .member-name{
	color: rgba(255, 255, 255, 0.4);
}