main {
 padding-top:73px;
 background-color:#f2f6ff
}
.page-banner {
 height:237px;
 background-color:#d8d5d0
}
.page-banner.layui-esen-banner {
 height:300px;
 background-color:#f8faff
}
.page-banner-bg {
 background-size:1920px 237px
}
.page-banner.layui-esen-banner .page-banner-bg {
 background-size:1920px 300px
}
.page-banner-title {
 position:absolute;
 top:42%;
 margin-top:-31px;
 left:0;
 text-align:left;
 width:100%;
 letter-spacing:1px
}
.page-banner-title .text1 {
 height:58px;
 line-height:78px;
 font-size:44px;
 color:#000
}
.layui-esen-banner .layui-esen-journal-show {
 margin-top:-80px
}
.page-banner.layui-esen-banner .page-banner-title .text1 {
 margin:15px 0;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.page-banner.layui-esen-banner .page-banner-title .layui-esen-banner-btn {
 width:120px;
 height:38px;
 line-height:38px;
 font-size:18px;
 background-image:linear-gradient(90deg,#01adff,#5b6efb);
 border:0
}
.page-banner.layui-esen-banner .page-banner-title .layui-esen-banner-btn:hover {
 background-image:linear-gradient(90deg,#15a5ef,#441af2);
 opacity:1
}
.journal .max-width-1200 {
 padding:55px 0 48px
}
.journal .right-cord {
 position:absolute;
 right:0;
 top:-147px;
 width:260px;
 height:auto;
 overflow:hidden;
 text-align:center;
 color:#000;
 letter-spacing:1px;
 padding:29px 0 46px;
 background-color:#fff;
 border-radius:5px;
 box-shadow:0 0 8px 0 rgba(55,99,170,.1)
}
.journal .right-cord h6 {
 font-size:24px;
 line-height:34px;
 margin-bottom:22px
}
.journal .right-cord img {
 display:block;
 width:auto;
 height:138px;
 margin:0 auto 3px
}
.journal .right-cord .img2 img {
 height:132px;
 margin-top:20px
}
.journal .right-cord p {
 font-size:14px;
 line-height:24px
}
.journal .right-cord.fixed {
 position:fixed;
 top:70px;
 left:50%;
 margin-left:340px
}
.journal .title1 {
 line-height:38px;
 text-align:left;
 font-size:24px;
 color:#000;
 letter-spacing:1px
}
.journal .list-text {
 padding:5px 0 46px;
 margin:0 -15px
}
.journal .list-text ul {
 width:75.2%;
 height:auto;
 overflow:hidden;
 font-size:0;
 text-align:left
}
.journal .list-text ul li {
 display:inline-block;
 vertical-align:top;
 width:calc(50% - 50px);
 height:auto;
 overflow:hidden;
 text-align:center;
 letter-spacing:1px;
 padding:10px 10px 0;
 background-color:#fff;
 border-radius:5px;
 box-shadow:0 0 8px 0 rgba(55,99,170,.1);
 margin:15px
}
.journal .list-text ul li a,
.journal .list-text ul li .btn-cords {
 display:block;
 width:100%;
 height:100%;
 cursor:pointer
}
.journal .list-text ul li .img {
 width:100%;
 height:230px;
 padding:11px 0 13px;
 background-color:#f2f6ff;
 border-radius:5px;
 position:relative
}
.journal .list-text ul li .img img {
 display:block;
 width:auto;
 height:100%;
 margin:0 auto
}
.journal .list-text ul li p {
 height:52px;
 line-height:52px;
 color:#000;
 font-size:16px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.journal.layui-esen-content {
 padding-top:8px;
 background-color:#fff
}
.journal.layui-esen-content .max-width-1200 {
 padding-top:0
}
.journal.layui-esen-content .classified-navigation {
 width:100%
}
.journal.layui-esen-content .content {
 width:100%;
 display:flex;
 justify-content:space-between;
 margin-top:35px
}
.journal.layui-esen-content .layui-esen-content-left {
 width:calc(100% - 325px);
 text-align:justify
}
.journal.layui-esen-content .layui-esen-content-left h2 {
 margin:0 0 10px;
 line-height:30px;
 font-size:18px;
 position:relative;
 padding-left:15px;
 font-weight:600;
 color:#000
}
.journal.layui-esen-content .layui-esen-content-left h2::before {
 content:'';
 position:absolute;
 left:0;
 top:7px;
 width:3px;
 height:16px;
 background:linear-gradient(180deg,#04abff 0,#4f75fb 100%);
 background-color:#4f75fb;
 border-radius:1px
}
.journal.layui-esen-content .layui-esen-content-left p {
 letter-spacing:.5px;
 font-size:14px;
 line-height:28px;
 margin:0 0 25px
}
.journal.layui-esen-content .layui-esen-content-left a {
 color:#596efb
}
.journal.layui-esen-content .layui-esen-content-left img {
 max-width:100%;
 height:auto
}
.journal.layui-esen-content .layui-esen-content-left h2:first-child {
 display:inline-block;
 margin:0 0 0 20px;
 line-height:30px;
 padding:0 5px;
 background:#fff
}
.journal.layui-esen-content .layui-esen-content-left h2:first-child::before {
 display:none
}
.journal.layui-esen-content .layui-esen-content-left p {
 color:#333
}
.journal.layui-esen-content .layui-esen-content-left p:nth-child(2) {
 color:#555;
 padding:25px;
 border:1px dashed #d3d9e1;
 margin:-12px 0 45px
}
.journal.layui-esen-content .layui-esen-content-left img {
 box-shadow:0 1px 20px rgba(194,215,236,.5)
}
.journal.layui-esen-content .layui-esen-content-right {
 width:295px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend,
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like {
 margin-top:35px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) {
 width:100%;
 height:105px;
 box-sizing:border-box;
 padding:0 1px 1px 1px;
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 background-image:-webkit-linear-gradient(to right,#a3bcff,#d7f7ff);
 background-image:-moz-linear-gradient(to right,#a3bcff,#d7f7ff);
 background-image:linear-gradient(to right,#a3bcff,#d7f7ff)
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a {
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 height:calc(100% - 15px);
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 background:#fff;
 padding:15px 0 0 15px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a:hover {
 color:#333
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a h3 {
 font-weight:bold
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a p {
 color:#888
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a span {
 margin-bottom:15px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-icon {
 display:block
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-icon-arrow::after {
 content:'';
 display:block;
 width:14px;
 height:11px;
 background-image:url("../../static/images/veryxiao/journal/arrow.png");
 background-repeat:no-repeat
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-icon-clock::after {
 content:'';
 display:block;
 width:14px;
 height:14px;
 background-image:url("../../static/images/veryxiao/journal/clock.png");
 background-repeat:no-repeat
}
.journal.layui-esen-content .layui-esen-content-right h2 {
 position:relative;
 padding-left:15px;
 color:#000;
 font-size:20px;
 font-weight:bold;
 line-height:20px;
 margin-bottom:20px
}
.journal.layui-esen-content .layui-esen-content-right h2::before {
 content:'';
 display:block;
 width:4px;
 height:20px;
 background-color:#5a6ffc;
 position:absolute;
 top:0;
 left:0
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row {
 display:flex;
 justify-content:space-between;
 margin-bottom:30px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row:last-child {
 margin-bottom:0
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row img {
 max-width:100%;
 max-height:100%;
 object-fit:cover;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%)
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row .layui-row:nth-child(1) {
 border:1px solid #eff2f8;
 position:relative
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row .layui-row:nth-child(1) a {
 display:block;
 width:98px;
 height:121px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row .layui-row:nth-child(2) {
 margin-left:15px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row .layui-row:nth-child(2) a {
 display:block;
 max-height:81px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
 font-size:18px;
 line-height:27px;
 font-weight:bold;
 cursor:pointer;
 color:#0a022b;
 width:180px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-time,
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-tag {
 line-height:40px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-tag {
 margin-top:6px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-tag span,
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-time span {
 display:inline-block
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-tag span {
 width:auto;
 height:26px;
 line-height:26px;
 font-size:14px;
 color:#1c67e9;
 letter-spacing:1px;
 border:1px solid #919fff;
 background-color:#eef0ff;
 border-radius:4px;
 padding:0 12px
}
.journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-time span {
 margin-right:5px
}
.layui-esen-bottom {
 height:220px;
 background-image:url("../../static/images/veryxiao/journal/bottom-bg.jpg");
 background-repeat:no-repeat;
 background-size:contain;
 text-align:center;
 clear:both
}
.layui-esen-bottom h2 {
 font-size:calc(1.15rem + 0.6vw);
 color:#000;
 padding:35px 0 25px 0;
 letter-spacing:2px
}
.layui-esen-bottom .layui-row:nth-child(2) {
 margin-bottom:25px
}
.layui-esen-bottom .layui-row:nth-child(2) .layui-col-xs6 a {
 background-image:linear-gradient(90deg,#01adff,#5b6efb);
 border:0;
 width:200px;
 height:40px;
 line-height:40px;
 font-size:16px
}
.layui-esen-bottom .layui-row:nth-child(2) .layui-col-xs6 a:hover {
 background-image:linear-gradient(90deg,#15a5ef,#441af2);
 opacity:1
}
.layui-esen-bottom .layui-row:nth-child(2) .layui-col-xs6:first-child {
 padding-right:10px;
 text-align:right
}
.layui-esen-bottom .layui-row:nth-child(2) .layui-col-xs6:last-child {
 padding-left:10px;
 text-align:left
}
.layui-esen-bottom .layui-row:nth-child(3)>p {
 font-size:18px;
 letter-spacing:2px
}
.s-layer-cord {
 display:none;
 width:330px;
 height:300px
}
.s-layer-cord .coder0 {
 padding-top:35px
}
.s-layer-cord .coder0 p {
 width:234px;
 height:37px;
 text-align:center;
 line-height:35px;
 color:#333;
 font-size:14px;
 background-color:#fff;
 border:1px solid #d9dbf6;
 border-radius:6px;
 position:relative;
 margin:0 auto
}
.s-layer-cord .coder0 p:before {
 content:'';
 position:absolute;
 left:1px;
 right:1px;
 top:1px;
 bottom:1px;
 border:1px solid #fff;
 border-radius:6px
}
.s-layer-cord .coder0 .img {
 width:180px;
 height:158px;
 padding:10px 0;
 text-align:center;
 border:1px solid #d9dbf6;
 border-radius:6px;
 background-color:#fff;
 position:relative;
 margin:15px auto 0
}
.s-layer-cord .coder0 .img:before,
.s-layer-cord .coder0 .img:after {
 content:'';
 position:absolute;
 left:49px;
 top:-16px;
 width:1px;
 height:16px;
 background-color:#d9dbf6
}
.s-layer-cord .coder0 .img:after {
 left:auto;
 right:49px
}
.s-layer-cord .coder0 .img img {
 display:block;
 width:160px;
 height:auto;
 margin:0 auto
}
.m-layer-cord .layui-layer-setwin {
 top:12px !important;
 right:12px !important
}
.m-layer-cord .layui-layer-setwin .layui-layer-close2 {
 right:0 !important;
 top:0 !important;
 width:20px !important;
 height:20px !important;
 background:none !important
}
.m-layer-cord .layui-layer-setwin .layui-layer-close2:before,
.m-layer-cord .layui-layer-setwin .layui-layer-close2:after {
 content:'';
 position:absolute;
 left:9px !important;
 top:2px !important;
 width:2px !important;
 height:20px !important;
 background-color:#767785 !important;
 transform:rotate(45deg) !important;
 -webkit-transform:rotate(45deg) !important
}
.m-layer-cord .layui-layer-setwin .layui-layer-close2:after {
 left:auto !important;
 right:9px !important;
 transform:rotate(315deg) !important;
 -webkit-transform:rotate(315deg) !important
}
.m-layer-cord .layui-layer-setwin .layui-layer-close2:hover:before,
.m-layer-cord .layui-layer-setwin .layui-layer-close2:hover:after {
 background-color:#999 !important
}
@media screen and (min-width:835px) {
 .page-banner.layui-esen-banner .layui-esen-journal-show .text1 {
  position:relative;
  left:-21px
 }
}
@media screen and (min-width:835px) and (max-width:1519px) {
 .journal .right-cord.fixed {
  margin-left:310px
 }
 .layui-esen-bottom {
  height:210px
 }
 .layui-esen-bottom h2 {
  font-size:calc(1.15rem + 0.3vw)
 }
}
@media only screen and (max-width:834px) {
 main {
  overflow-x:hidden;
  padding-top:53px
 }
 main .max-width-1200 {
  width:90%
 }
 .page-banner-bg:before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:rgba(55,99,170,.05)
 }
 .page-banner-title .text1 {
  font-size:30px;
  text-align:center
 }
 .journal .max-width-1200 {
  padding:40px 0 30px
 }
 .journal.layui-esen-content .max-width-1200 {
  width:100%;
  padding:0 0 30px
 }
 .journal.layui-esen-content {
  padding-top:0
 }
 .journal .right-cord,
 .journal .right-cord.fixed {
  position:relative;
  right:auto;
  top:auto;
  left:auto;
  margin:0;
  width:100%;
  padding:25px 0 30px;
  margin-bottom:25px
 }
 .journal .right-cord h6 {
  font-size:22px;
  margin-bottom:12px
 }
 .journal .right-cord .img {
  float:left;
  width:calc(50% - 28px);
  margin:0 5px 0 23px
 }
 .journal .right-cord .img2 {
  margin:0 23px 0 5px
 }
 .journal .right-cord .img img {
  height:116px;
  margin-top:0
 }
 .journal .title1 {
  font-size:22px
 }
 .journal .list-text {
  padding:0 0 12px;
  margin:0 -8px
 }
 .journal .list-text ul {
  width:100%
 }
 .journal .list-text ul li {
  width:calc(50% - 32px);
  padding:8px 8px 0;
  margin:10px 8px;
  letter-spacing:.4px
 }
 .journal .list-text ul li .img {
  height:124px
 }
 .journal .list-text ul li p {
  font-size:14px;
  height:48px;
  line-height:48px
 }
 .s-layer-cord {
  width:280px
 }
 .m-layer-cord .layui-layer-setwin {
  top:8px !important;
  right:8px !important
 }
 .journal.layui-esen-content .content {
  width:90%;
  flex-direction:column;
  margin:25px auto 15px
 }
 .journal.layui-esen-content .layui-esen-content-left {
  width:auto
 }
 .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row .layui-row:nth-child(2) a {
  width:14.75rem
 }
 .journal.layui-esen-content .layui-esen-content-right {
  width:100%
 }
 .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend>.layui-row:nth-child(2) img {
  width:100%;
  image-rendering:crisp-edges
 }
 .page-banner.layui-esen-banner .page-banner-bg {
  background-position:left top;
  background-repeat:no-repeat;
  background-size:cover
 }
 .page-banner.layui-esen-banner .layui-esen-journal-show .max-width-1200>.layui-row:nth-child(2) {
  margin-top:120px
 }
 .page-banner.layui-esen-banner .page-banner-title .text1 {
  margin:0;
  height:55px;
  font-size:5.7vw
 }
 .page-banner.layui-esen-banner .page-banner-title .max-width-1200>.layui-row:nth-child(3) {
  text-align:center
 }
 .page-banner.layui-esen-banner .page-banner-title .layui-esen-banner-btn {
  height:34px;
  line-height:34px;
  font-size:16px
 }
}