.disFlexStart{
  display: flex;
  align-items: flex-start;
}
.disFlex{
  display: flex;
  align-items: center;
}
.disFlexBetween{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ellipsis-two {
  width: 100%;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shStory{
  padding: 36px 30px;
}
.shStory .sh_title{
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 36px;
}
.shStory .sh_more{
  font-size: 32px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #999999;
}
.shStory .sh_more img{
  width: 14px;
  height: 24px;
  margin-left: 10px;
}
.sh_list_box{}
.sh_list_box .sh_list_item{
  margin: 24px 0px;
  background: #FFFFFF;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 16px;
}
.sh_list_item .sh_item_url{
  width: 160px;
  height: 240px;
  border-radius: 8px;
}
.sh_list_item .sh_item_r{
  padding: 10px 12px 4px 28px;
}
.sh_list_item .sh_item_r .sh_item_name{
  width: 460px;
  height: 32px;
  font-size: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: PingFangSC-Medium, PingFang SC;
  margin-bottom: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 32px;
}
.sh_list_item .sh_item_r .sh_item_time{
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #999999;
  height: 50px;
}
.sh_list_item .sh_item_r .sh_item_desc{
  height: 72px;
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 36px;
  width: 460px;
}
.sh_list_item .sh_item_r .sh_item_price{
  margin-top: 20px;
  float: right;
}
.sh_list_item .sh_item_r .sh_item_price .free{
  height: 40px;
  background: linear-gradient(133deg, #E16835 0%, #F3904C 100%, #D8D8D8 100%);
  border-radius: 4px;
  line-height: 40px;
  padding: 0px 20px;
  box-sizing: border-box;
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}
.sh_list_item .sh_item_r .sh_item_price .price_num{
  font-size: 40px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #E75E5E;
  height: 40px;
}
.sh_list_item .sh_item_r .sh_item_price .price_num span{
  font-size: 32px;
}
.journal{
  z-index: 3333;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  box-sizing: border-box;
  height: 112px;
  padding: 0px 30px;
  background-color: #FFF;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}
.journal .van-cell{
  background: none;
  padding: 0;
}
.journal .j_searchBox{
  padding: 22px 0px 12px;
}
.journal .inputBox{
  line-height: 72px;
  width: 597px;
  height: 72px;
  background: #FFFFFF;
  border-radius: 36px;
  border: 2px solid #FFA378;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
  box-sizing: border-box;
}
.journal .inputBox .search_icon{
  position: absolute;
  left: 32px;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
}
.journal .inputBox input{
  background:none;
  border: none;
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  line-height: 72px;
  height: 72px;
  width: 100%;
}
.journal .j_date{
  text-align: center;
  
}
.j_date .j_dateText{
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #999999;
  line-height: 30px;
}
.j_date img{
  width: 44px;
  height: 44px;
}
/* 弹出层样式 */
.popArea{
  width: 100%;
  height: 550px;
  margin: auto;
  position: relative;
}
.clearText{
  position: absolute;
  top:0px;
  left: 30px;
  right: 0;
  margin: auto;
  z-index: 2005;
  display: inline-block;
  width: 60px;
  font-size: 30px;
  color:#969799;
}
.timePicker {
  margin:20px auto;
}
.timePicker .van-picker-column:nth-child(2){
  display: none;
}
.van-popup--top{
  top: 112px;
}
.timePicker .van-picker-column{
  font-size: 36px;
}
.timePicker .van-picker-column{
  height: 400px;
}
.timePicker .van-picker-column__item--selected{
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  color:#666666;
}
.timePicker .van-picker__cancel, .van-picker__confirm{
    font-size: 30px;
}
.timePicker .van-picker__cancel, .van-picker__cancel{
    font-size: 30px;
}

.cloudread img {
  width: 680px;
  height: 283px;
  margin: 30px auto;
  display: block;
  border-radius: 8px;
}

.shgs {
  width: 100%;
  height: 1062px;
  background: url("../image/cloudread/MAGAZINE.png") no-repeat center center;
  background-size: 100% 100%;
  position: relative;
}

.shgs .intro {
  position: absolute;
  right: 0;
  top: 458px;
  width: 657px;
  height: 563px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.shgs .intro h1 {
  padding-left: 20px;
  font-size: 40px;
  color: #ffffff;
}

.shgs .intro h1 span {
  font-size: 28px;
}

.shgs .intro div {
  font-size: 28px;
  line-height: 50px;
  color: #bbbbbb;
  padding: 0 45px;
}
.before {
  width: 690px;
  height: 100px;
  border-radius: 10px;
  font-size: 34px;
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 100px;
  text-align: center;
  margin: 20px auto 0px;
}
.before img {
  display: block;
  width: 100%;
  height: 100%;
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvdWRyZWFkLmNzcyIsInNvdXJjZXMiOlsiY2xvdWRyZWFkLnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLmNsb3VkcmVhZHtcclxuICAgIGltZ3tcclxuICAgICAgICB3aWR0aDogNjgwcHg7XHJcbiAgICAgICAgaGVpZ2h0OiAyODNweDtcclxuICAgICAgICBtYXJnaW46IDMwcHggYXV0bztcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIH1cclxufVxyXG4uc2hnc3tcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDYycHg7XHJcbiAgICBiYWNrZ3JvdW5kOiB1cmwoXCIuLi9pbWFnZS9jbG91ZHJlYWQvTUFHQVpJTkUucG5nXCIpIG5vLXJlcGVhdCBjZW50ZXIgY2VudGVyO1xyXG4gICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAuaW50cm97XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIHJpZ2h0OiAwO1xyXG4gICAgICAgIHRvcDogNDU4cHg7XHJcbiAgICAgICAgd2lkdGg6IDY1N3B4O1xyXG4gICAgICAgIGhlaWdodDogNTYzcHg7XHJcbiAgICAgICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjMpO1xyXG4gICAgICAgIGNvbG9yOiNmZmY7XHJcbiAgICAgICAgaDF7XHJcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMjBweDtcclxuICAgICAgICAgICAgZm9udC1zaXplOiA0MHB4O1xyXG4gICAgICAgICAgICBjb2xvcjogI2ZmZmZmZjtcclxuICAgICAgICAgICAgc3BhbntcclxuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjhweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBkaXZ7XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMjhweDtcclxuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDUwcHg7XHJcbiAgICAgICAgICAgIGNvbG9yOiAjYmJiYmJiO1xyXG4gICAgICAgICAgICBwYWRkaW5nOjAgNDVweDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn0iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsQUFDSSxVQURNLENBQ04sR0FBRyxDQUFBO0VBQ0MsS0FBSyxFQUFFLEtBQUs7RUFDWixNQUFNLEVBQUUsS0FBSztFQUNiLE1BQU0sRUFBRSxTQUFTO0VBQ2pCLE9BQU8sRUFBRSxLQUFLO0NBQ2pCOztBQUVMLEFBQUEsS0FBSyxDQUFBO0VBQ0QsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsTUFBTTtFQUNkLFVBQVUsRUFBRSxzQ0FBc0MsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU07RUFDMUUsZUFBZSxFQUFFLFNBQVM7RUFDMUIsUUFBUSxFQUFFLFFBQVE7Q0F3QnJCOztBQTdCRCxBQU1JLEtBTkMsQ0FNRCxNQUFNLENBQUE7RUFDRixRQUFRLEVBQUUsUUFBUTtFQUNsQixLQUFLLEVBQUUsQ0FBQztFQUNSLEdBQUcsRUFBRSxLQUFLO0VBQ1YsS0FBSyxFQUFFLEtBQUs7RUFDWixNQUFNLEVBQUUsS0FBSztFQUNiLFVBQVUsRUFBRSxrQkFBa0I7RUFDOUIsS0FBSyxFQUFDLElBQUk7Q0FlYjs7QUE1QkwsQUFjUSxLQWRILENBTUQsTUFBTSxDQVFGLEVBQUUsQ0FBQTtFQUNFLFlBQVksRUFBRSxJQUFJO0VBQ2xCLFNBQVMsRUFBRSxJQUFJO0VBQ2YsS0FBSyxFQUFFLE9BQU87Q0FJakI7O0FBckJULEFBa0JZLEtBbEJQLENBTUQsTUFBTSxDQVFGLEVBQUUsQ0FJRSxJQUFJLENBQUE7RUFDQSxTQUFTLEVBQUUsSUFBSTtDQUNsQjs7QUFwQmIsQUFzQlEsS0F0QkgsQ0FNRCxNQUFNLENBZ0JGLEdBQUcsQ0FBQTtFQUNDLFNBQVMsRUFBRSxJQUFJO0VBQ2YsV0FBVyxFQUFFLElBQUk7RUFDakIsS0FBSyxFQUFFLE9BQU87RUFDZCxPQUFPLEVBQUMsTUFBTTtDQUNqQiJ9 */