.head{ width: 100%; height: 50px; background-color: rgba(201, 189, 189,0.3); z-index: 3; position: fixed; } .header img{ height: 1.625rem; width: 131px; text-align: center; } .header{ width: 100%; height: 2.5rem; opacity: 0.7; display: flex; justify-content: space-between; align-items: center; padding: 0 0.6rem; box-sizing: border-box; } .open{ width: 3.6rem; height: 1.3rem; background-color: #d0302c; border-radius: 0.2rem; font-family: PingFangSC-Medium; font-size: 0.6rem; color: #ffffff; text-align: center; line-height: 1.3rem; } .pic img{ width: 100%; } .title{ height: 3rem; font-family: PingFangSC-Bold; font-size: 1rem; font-weight: normal; font-stretch: normal; letter-spacing: 0rem; color: #333333; padding: 0 8px; margin-top: 1rem; } .date1{ font-size: 0.7rem; color: #999999; padding: 0 8px; margin-top: 1rem; } .shoucang{ margin-top: 0.475rem; display: flex; justify-content: space-between; padding: 0px 8px; } .sc_zuo{ display: flex; } .sc img{ width: 0.8rem; height: 0.8rem; vertical-align: middle; } .sc span{ font-family: PingFangSC-Medium; font-size: 0.65rem; line-height: 1.125rem; color: #999; } .zan{ margin-left: 1.5rem; } .zan img{ width: 0.8rem; height: 0.8rem; vertical-align: middle; } .zan span{ font-family: PingFangSC-Medium; font-size: 0.65rem; line-height: 1.125rem; color: #999; } .sc_you img{ width: 0.425rem; height: 0.25rem; margin-bottom: 0.1rem; } .sc_you span{ font-family: PingFangSC-Medium; font-size: 0.65rem; line-height: 1.125rem; color: #999; } .tuijian{ margin-top: 0.6rem; } .date{ margin-top: -1rem; } .tj_content{ overflow-x: scroll; padding: 0 8px; } .tj_content ul li a :nth-child(3){ color: #d0302c; /* font-family: PingFangSC-Medium; font-size: 0.65rem; line-height: 1.175rem; */ } .tj_title{ padding: 0 8px; margin-bottom: 1rem; } .tj_title .span{ width: 4rem; height: 1rem; font-family: PingFangSC-Bold; font-size: 1rem; font-weight: normal; font-stretch: normal; line-height: 1rem; letter-spacing: 0rem; color: #333333; } .tj_content ul{ display: flex; } .tj_content ul li{ width: 6.85rem; position: relative; margin-right: 0.25rem; } .tj_content ul li img{ width: 6.85rem; height: 3.9rem; } .tj_content ul li span{ position: absolute; right: 0.35rem; bottom: 2.9rem; font-family: PingFangSC-Medium; font-size: 0.55rem; color: #ffffff; } .tj_content ul li p{ font-family: PingFangSC-Medium; font-size: 0.65rem; line-height: 1.175rem; color: #333; } .touxiang{ display: flex; } .pl_top{ display: flex; justify-content: space-between; margin-top: 0.95rem; } .pl_title{ padding: 0 8px; } .pl_title .span{ width: 4rem; height: 1rem; font-family: PingFangSC-Bold; font-size: 1rem; font-weight: normal; font-stretch: normal; line-height: 1rem; letter-spacing: 0rem; color: #333333; } .pl_content{ padding: 0 8px; } .touxiang img{ width: 1.75rem; height: 1.75rem; margin-top: 0.3rem; } .daixiaogua span{ font-family: PingFang-SC-Bold; font-size: 0.7rem; color: #333333; } .daixiaogua{ margin-left: 0.2rem; } .daixiaogua p{ font-family: PingFang-SC-Medium; font-size: 0.5rem; color: #999999; } .touxiang{ vertical-align: middle; } .buttom{ width: 17.55rem; height: 2.2rem; border-radius: 0.2rem; border: solid 0.05rem #d0302c; color: #d0302c; text-align: center; line-height: 2.2rem; font-size: 0.7rem; margin: 0 auto; margin-top: 1rem; } .pl_xia{ font-family: PingFangSC-Medium; font-size: 0.7rem; line-height: 1.05rem; letter-spacing: 0.015rem; color: #333333; padding-left: 2.2rem; box-sizing: border-box; margin-top: 0.95rem; } .pl_xia p{ padding: 0 15px; } .pinglun{ margin-top: 1rem; } .xian{ width: 100%; transform: scaleY(0.5); height: 1px; background: #e5e5e5; margin-top: 1.225rem; }