* {
    margin: 0;
    padding: 0;
}

body {
    min-width: 350px;
    background: #fff;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
    font-style: normal;
    font-weight: normal;
    margin: 0;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}

@media screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
    .footer {
        padding-bottom: 86px;
    }
}

@media screen and (max-width: 750px) {
    html {
        font-size: 13.333333vw;
    }
    body {
        min-width: 350px;
    }
}

.w1200 {
    width: 12rem;
    margin: 0 auto;
    position: relative;
}

.swiper-container {
    height: auto;
}

.h2 {
    height: 0.42rem;
    font-size: 0.32rem;
    font-weight: 400;
    color: #191B1E;
    line-height: 0.38rem;
    text-align: center;
    -webkit-text-stroke: 0.01rem #191B1E;
    text-stroke: 0.01rem #191B1E;
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}


/* 固定 */

header {
    position: relative;
    z-index: 1001;
}

.fixed-xz {
    width: 100%;
    height: 0.8rem;
    background: #F4F8FB;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    opacity: 0;
}

.fixedList {
    width: 12rem;
    height: 0.8rem;
    margin: 0 auto;
    overflow: hidden;
}

.fixedIcon {
    height: 0.8rem;
    font-size: 0rem;
    font-weight: 400;
    color: #191B1E;
    line-height: 0.8rem;
    float: left;
}

.fixedIcon img {
    width: 0.36rem;
    height: 0.36rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.12rem;
}

.fixedIcon span {
    font-size: 0.28rem;
    display: inline-block;
    vertical-align: middle;
}

.fixed-btn {
    height: 0.8rem;
    float: right;
    display: flex;
    align-items: center;
}

.fixed-btn .fixedbtnItem {
    display: block;
    width: 1.6rem;
    height: 0.48rem;
    border-radius: 0.08rem;
    text-align: center;
    line-height: 0.48rem;
    box-sizing: border-box;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    /* border: 0.02rem solid rgba(0, 0, 0, 0); */
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-btn .fixedbtnItem:nth-child(1) {
    background: linear-gradient(135deg, #46A7F4 0%, #158AFD 100%);
    color: #FCFDFF;
    margin-right: 0.3rem;
}

.fixed-btn .fixedbtnItem:nth-child(1):hover {
    background: #5AACFC;
}

.fixed-btn .fixedbtnItem:nth-child(2) {
    border: 0.02rem solid #158AFD;
    color: #158AFD;
}

.fixed-btn .fixedbtnItem:nth-child(2):hover {
    color: #158AFD;
    background: rgba(21, 138, 253, 0.12);
    border: 0.02rem solid #158AFD;
}


/* 首屏 */

.index-box {
    width: 100%;
    height: 6rem;
    background: url("../img/pinmuluxiang/index-bg.png")no-repeat center;
    background-size: cover;
}

.index-boxList {
    padding-top: 0.96rem;
    overflow: hidden;
}

.index-boxList.pmlxgj {
    padding-top: 0;
    display: flex;
    overflow: unset;
}

.titleAndBtn {
    width: 5.2rem;
    height: 3.9rem;
    float: left;
    overflow: hidden;
}

.pmlxgj .titleAndBtn {
    height: auto;
    overflow: unset;
}

.titleAndBtn>h1 {
    height: 0.58rem;
    font-size: 0;
    margin-top: 0.25rem;
    text-align: left;
}

.pmlxgj .titleAndBtn>h1 {
    margin-top: 1.15rem;
}

.titleAndBtn>h1 span {
    display: inline-block;
    height: 0.58rem;
    line-height: 0.58rem;
    font-size: 0.44rem;
    font-weight: bold;
    color: #191B1E;
    vertical-align: middle;
}

.titleAndBtn>h1 i {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    background: url("../img/pinmuluxiang/icon.png")no-repeat center;
    vertical-align: middle;
    margin-right: 0.16rem;
    background-size: 0.48rem;
}

.titleAndBtn>h3 {
    height: 0.32rem;
    font-size: 0.24rem;
    font-weight: 400;
    color: #67717B;
    line-height: 0.32rem;
    margin-top: 0.48rem;
    text-align: left;
}

.pmlxgj .titleAndBtn>h3 {
    margin-top: 0.26rem;
}

.twoBtnBox {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.btnItem {
    display: block;
    width: 2.4rem;
    height: 0.68rem;
    box-sizing: border-box;
    border-radius: 0.08rem;
    text-align: center;
    line-height: 0.68rem;
    font-size: 0.24rem;
    font-weight: 400;
    float: left;
    /* border: 0.02rem solid rgba(0, 0, 0, 0); */
    display: flex;
    align-items: center;
    justify-content: center;
}

.twoBtnBox>p {
    height: 0.21rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #B5BEC8;
    line-height: 0.19rem;
    margin-top: 0.16rem;
    float: left;
}

.pmlxgj .twoBtnBox>p {
    color: #67717B;
}

.titleAndBtn>.twoBtnBox {
    margin: 0.96rem auto 0 auto;
}

.pmlxgj .titleAndBtn>.twoBtnBox {
    margin: 0.86rem auto 0 auto;
}

.titleAndBtn>.twoBtnBox>.btnItem:nth-child(1) {
    background: linear-gradient(135deg, #46A7F4 0%, #158AFD 100%);
    color: #FCFDFF;
    margin-right: 0.3rem;
}

.titleAndBtn>.twoBtnBox>.btnItem:nth-child(1):hover {
    background: #5AACFC;
}

.titleAndBtn>.twoBtnBox>.btnItem:nth-child(2) {
    border: 0.02rem solid #158AFD;
    color: #158AFD;
}

.titleAndBtn>.twoBtnBox>.btnItem:nth-child(2):hover {
    background: rgb(21, 138, 253, 0.12);
    color: #158AFD;
}

.index-img {
    width: 6.63rem;
    height: 3.90rem;
    float: right;
    position: relative;
    overflow: hidden;
}

.pmlxgj .index-img {
    width: 6.63rem;
    height: 3.90rem;
    margin-top: 1.05rem;
}

.index-img img {
    width: 100%;
    height: 100%;
}

.pcsupport {
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #717F94;
    line-height: 0.16rem;
    margin-top: 0.24rem;
}

.otherSupport {
    display: flex;
    align-items: center;
    position: relative;
    height: 0.38rem;
    line-height: 0.38rem;
    font-family: 'Microsoft YaHei UI';
    font-style: normal;
    font-weight: 400;
    font-size: 0.16rem;
    color: #717F94;
    margin-top: 0.24rem;
}

.otherSupport.mobile {
    color: #959EAD;
    margin-top: 0.2rem;
}

.otherSupport>.othericon {
    display: inline-block;
    width: 0.38rem;
    height: 0.38rem;
    background: url("../img/videoClip/iconAndroid.svg") no-repeat center;
    background-size: cover;
    margin-left: 0.1rem;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.otherSupport.mobile>.othericon {
    background: url("../img/videoClip/iconPc.svg") no-repeat center;
    background-size: cover;
}

.otherSupport>.othericon:hover>.qrCodeBox {
    display: block;
}

.otherSupport>.othericon>.qrCodeBox {
    display: none;
    width: 1.8rem;
    height: 1.91rem;
    background: url("../img/videoClip/qrcodebox.png") no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0.29rem;
    left: -0.71rem;
    right: auto;
    bottom: auto;
    z-index: 2;
    overflow: hidden;
}

.otherSupport>.othericon>.qrCodeBox>img {
    display: block;
    width: 1.02rem;
    height: 1.02rem;
    margin: 0.44rem auto 0 auto;
}


/* 可自定义区域 */

.box-zidingyi {
    width: 100%;
    height: 885px;
    background: #fff;
}

.zidingyi {
    padding-top: 0.88rem;
    overflow: hidden;
}

.checkBtnList {
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}

.checkBtnItem {
    display: block;
    position: relative;
    width: 1.54rem;
    cursor: pointer;
    overflow: hidden;
    float: left;
    user-select: none;
}

.checkBtnItem img {
    display: block;
    width: 0.52rem;
    height: 0.52rem;
    margin: 0 auto;
}

.checkBtnItem h3 {
    height: 0.29rem;
    font-size: 0.22rem;
    font-weight: 400;
    color: #020E1E;
    line-height: 0.26rem;
    margin: 0.12rem auto;
    text-align: center;
}

.line {
    width: 0;
    height: 0.06rem;
    background: #158AFD;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: center;
    transition: width .3s;
}

.checkBtnItem:hover>h3,
.checkBtnItem.activeThis>h3 {
    font-weight: bold;
    color: #158AFD;
}

.checkBtnItem.activeThis>.line {
    width: 100%;
    transform: translateX(-50%);
    transform-origin: center;
    transition: width .3s;
}

.checkImgList {
    margin-top: 0.71rem;
    position: relative;
    overflow: hidden;
    height: 5.09rem;
}

.checkImgItem {
    display: none;
    overflow: hidden;
}

.checkImgItem:nth-child(1) {
    display: block;
}

.checkImgItem h2 {
    margin-bottom: 0.7rem;
}

.checkImgItem .checkImgItemMsg {
    height: 4.02rem;
    position: relative;
    overflow: hidden;
}

.checkImgItem .checkImgItemMsg .leftMsg {
    width: 5.5rem;
    height: 4.02rem;
    float: left;
    overflow: hidden;
}

.checkImgItem .checkImgItemMsg .leftMsg .listIcon {
    margin-top: 0.26rem;
    overflow: hidden;
}

.checkImgItem .checkImgItemMsg .leftMsg .listIcon h3 {
    min-width: 1.8rem;
    height: 0.36rem;
    padding-left: 0.48rem;
    line-height: 0.36rem;
    font-size: 0.22rem;
    color: #191B1E;
    float: left;
    background-size: 0.36rem;
}

.checkImgItem .checkImgItemMsg .leftMsg h3:nth-child(3),
.checkImgItem .checkImgItemMsg .leftMsg h3:nth-child(4) {
    margin-top: 0.4rem;
}

.checkImgItem .checkImgItemMsg .leftMsg p {
    margin-top: 0.52rem;
    font-size: 0.16rem;
    font-weight: 300;
    color: #67717B;
    line-height: 0.28rem;
}

.checkImgItem .checkImgItemMsg .leftMsg .btnItem {
    background: linear-gradient(135deg, #C4C4C4 0%, #46A7F4 0%, #158AFD 100%);
    color: #FCFDFF;
    position: absolute;
    left: 0;
    bottom: 0.21rem;
}

.checkImgItem .checkImgItemMsg .leftMsg .btnItem:hover {
    background: #5AACFC;
}

.checkImgItem .checkImgItemMsg .rightImg {
    width: 6.4rem;
    height: 4.02rem;
    float: right;
    text-align: right;
}

.checkImgItem .checkImgItemMsg .rightImg img {
    height: 4.02rem;
    position: relative;
    right: 0.09rem;
}

.icon_bg1 {
    background: url("../img/pinmuluxiang/icon_bg1.png")no-repeat left center;
}

.icon_bg2 {
    background: url("../img/pinmuluxiang/icon_bg2.png")no-repeat left center;
}

.icon_bg3 {
    background: url("../img/pinmuluxiang/icon_bg3.png")no-repeat left center;
}

.icon_bg4 {
    background: url("../img/pinmuluxiang/icon_bg4.png")no-repeat left center;
}

.icon_bg5 {
    background: url("../img/pinmuluxiang/icon_bg5.png")no-repeat left center;
}

.icon_bg6 {
    background: url("../img/pinmuluxiang/icon_bg6.png")no-repeat left center;
}

.icon_bg7 {
    background: url("../img/pinmuluxiang/icon_bg7.png")no-repeat left center;
}

.icon_bg8 {
    background: url("../img/pinmuluxiang/icon_bg8.png")no-repeat left center;
}

.icon_bg9 {
    background: url("../img/pinmuluxiang/icon_bg9.png")no-repeat left center;
}

.icon_bg10 {
    background: url("../img/pinmuluxiang/icon_bg10.png")no-repeat left center;
}

.icon_bg11 {
    background: url("../img/pinmuluxiang/icon_bg11.png")no-repeat left center;
}

.icon_bg12 {
    background: url("../img/pinmuluxiang/icon_bg12.png")no-repeat left center;
}

.icon_bg13 {
    background: url("../img/pinmuluxiang/icon_bg13.png")no-repeat left center;
}

.icon_bg14 {
    background: url("../img/pinmuluxiang/icon_bg14.png")no-repeat left center;
}

.icon_bg15 {
    background: url("../img/pinmuluxiang/icon_bg15.png")no-repeat left center;
}

.icon_bg16 {
    background: url("../img/pinmuluxiang/icon_bg16.png")no-repeat left center;
}

.icon_bg17 {
    background: url("../img/pinmuluxiang/icon_bg17.png")no-repeat left center;
}

.icon_bg18 {
    background: url("../img/pinmuluxiang/icon_bg18.png")no-repeat left center;
}

.icon_bg19 {
    background: url("../img/pinmuluxiang/icon_bg19.png")no-repeat left center;
}

.icon_bg20 {
    background: url("../img/pinmuluxiang/icon_bg20.png")no-repeat left center;
}

.icon_bg21 {
    background: url("../img/pinmuluxiang/icon_bg21.png")no-repeat left center;
}

.icon_bg22 {
    background: url("../img/pinmuluxiang/icon_bg22.png")no-repeat left center;
}

.icon_bg23 {
    background: url("../img/pinmuluxiang/icon_bg23.png")no-repeat left center;
}

.icon_bg24 {
    background: url("../img/pinmuluxiang/icon_bg24.png")no-repeat left center;
}


/* 适应多样化场景 */

.box-duoyanghua {
    height: 10.4rem;
    background: #FBFBFC;
}

.duoyanghua {
    overflow: hidden;
    padding-top: 0.56rem;
}

.duoyanghuaList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.duoyanghuaItem {
    width: 3.2rem;
    position: relative;
    overflow: hidden;
    /* cursor: pointer; */
    float: left;
    margin-top: 1rem;
}

.duoyanghuaItem .imgBox {
    width: 3.2rem;
    height: 2rem;
    overflow: hidden;
    border-radius: 0.06rem;
}

.duoyanghuaItem .imgBox>img {
    width: 3.2rem;
    height: 2rem;
    transition: all 0.3s linear;
}

.duoyanghuaItem h3 {
    font-size: 0.22rem;
    font-weight: 400;
    color: #191B1E;
    line-height: 0.26rem;
    margin-top: 0.3rem;
    text-align: center;
}

.duoyanghuaItem p {
    font-size: 0.15rem;
    font-weight: 300;
    color: #67717B;
    line-height: 0.28rem;
    text-align: center;
    margin-top: 0.23rem;
}

.duoyanghuaItem:hover>h3,
.duoyanghuaItem:hover>p {
    color: #158AFD;
}

.duoyanghuaItem:hover>.imgBox>img {
    transform: scale(1.1);
    transition: all 0.3s linear;
}


/* 屏幕录制特色功能 */

.tesem_banner {
    display: none;
}

.tese_banner {
    display: block;
}

.box-tesegongneng {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.tesegongneng {
    height: 11.7rem;
    overflow: hidden;
    padding-top: 1.25rem;
}

.tese_items {
    height: 13rem;
    height: 4.1rem;
    /* overflow: hidden; */
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tese_items img {
    width: 5.82rem;
    height: 3.74rem;
    display: block;
}

.tese_items .tuyaimg {
    width: 5.92rem;
    height: 3.83rem;
}

.tese_items .msg {
    width: 4.95rem;
    height: 3.74rem;
    overflow: hidden;
}

.tese_items .msg>h3 {
    height: 0.36rem;
    padding-left: 0.48rem;
    text-align: left;
    margin: 1.12rem auto 0.28rem auto;
    font-size: 0.22rem;
    font-weight: 400;
    color: #191B1E;
    line-height: 0.36rem;
    position: relative;
}

.Hot {
    display: block;
    width: 0.44rem;
    height: 0.24rem;
    font-size: 0.14rem;
    font-family: Roboto-Regular, Roboto;
    font-weight: 400;
    color: #FFF;
    line-height: 0.24rem;
    text-align: center;
    border-radius: 0.12rem 0.12rem 0.12rem 0px;
    position: absolute;
    left: 1.3rem;
    top: -0.2rem;
}

.HotbgRed {
    background: linear-gradient(140deg, #FF7E7E 0%, #FF0D0D 100%);
}

.HotbgYellow {
    background: linear-gradient(140deg, #FFD37E 14%, #FF9E0D 87%);
}

.tese_items .msg>p {
    font-size: 0.16rem;
    font-weight: 300;
    color: #67717B;
    line-height: 0.28rem;
}

.tese_icon1 {
    background: url("../img/pinmuluxiang/tese_img1_icon.png")no-repeat left center;
}

.tese_icon2 {
    background: url("../img/pinmuluxiang/tese_img2_icon.png")no-repeat left center;
}

.tese_icon3 {
    background: url("../img/pinmuluxiang/tese_img3_icon.png")no-repeat left center;
}

.tese_icon4 {
    background: url("../img/pinmuluxiang/tese_img4_icon.png")no-repeat left center;
}

.tese_icon5 {
    background: url("../img/pinmuluxiang/tese_img5_icon.png")no-repeat left center;
}

.tese_icon6 {
    background: url("../img/pinmuluxiang/tese_img6_icon.png")no-repeat left center;
}

.tese_container {
    height: 10rem;
    overflow: inherit!important;
}

.tese_container .tese_swiper-pagination {
    width: 100%;
    text-align: center;
    bottom: -0.8rem;
}

.tese_swiper-pagination .swiper-pagination-switch {
    width: 0.32rem;
    height: 0.03rem;
    background: #eee;
}

.tese_swiper-pagination .swiper-pagination-switch.swiper-active-switch {
    background: #1b86ff;
}


/* 使用教程 */

.box-teach {
    height: 7.52rem;
    background: #FBFBFC;
    position: relative;
}

.ThreeTeach {
    position: relative;
    padding-top: 0.8rem;
}

.teachList {
    display: flex;
    justify-content: space-around;
    margin-top: 0.6rem;
}

.teachItem {
    width: 3.2rem;
    height: auto;
    overflow: hidden;
    float: left;
}

.teachItem .img {
    width: 3.2rem;
    height: 2.4rem;
    position: relative;
    overflow: hidden;
}

.teachItem .img img {
    width: 3.2rem;
    height: 2.4rem;
    position: relative;
    z-index: 2;
}

.teachItem .img h3 {
    width: 2.85rem;
    height: 0.48rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0px 0px 0.08rem 0.08rem;
    font-size: 0.24rem;
    font-weight: 400;
    color: #FFF;
    line-height: 0.48rem;
    padding-left: 0.12rem;
    position: absolute;
    bottom: 0.13rem;
    left: 0.11rem;
    z-index: 3;
}

.teachItem a {
    display: block;
    width: 2.85rem;
    height: 0.28rem;
    position: relative;
    left: 0.11rem;
    line-height: 0.28rem;
    font-size: 0.16rem;
    font-weight: 300;
    color: #67717B;
    margin-top: 0.24rem;
    background: url("../img/pinmuluxiang/icon_aleft.png")no-repeat right center;
    background-size: 0.2rem;
}

.teachItem a:hover {
    color: #158AFD;
}

.ThreeTeach .twoBtnBox {
    width: 5.1rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.4rem;
}

.ThreeTeach>.twoBtnBox>.btnItem:nth-child(1) {
    background: linear-gradient(135deg, #46A7F4 0%, #158AFD 100%);
    color: #FCFDFF;
    margin-right: 0.3rem;
}

.ThreeTeach>.twoBtnBox>.btnItem:nth-child(1):hover {
    background: #5AACFC;
}

.ThreeTeach>.twoBtnBox>.btnItem:nth-child(2) {
    border: 0.02rem solid #158AFD;
    /* line-height: 0.66rem; */
    color: #158AFD;
}

.ThreeTeach>.twoBtnBox>.btnItem:nth-child(2):hover {
    background: rgb(21, 138, 253, 0.12);
    color: #158AFD;
}


/* 用户评论 */

.box-user {}

.user {
    padding-top: 1.96rem;
    overflow: hidden;
}

.user>.userList {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 1rem 0;
}

.userList>.userItem {
    width: 3.8rem;
    height: 2.4rem;
    box-sizing: border-box;
    background: #fff;
    /* box-shadow: 0 0 0.1rem rgb(0 0 0 / 15%); */
    border: 0.01rem solid rgb(228, 234, 242);
    border-radius: 0.08rem;
    padding: 0.37rem 0.56rem 0rem 0.56rem;
    float: left;
}

.userList>.userItem:hover {
    border: none;
    box-shadow: 0 0.08rem 0.16rem 0 rgb(0 0 0 / 4%);
}

.userHead {
    width: 100%;
    height: 0.64rem;
    position: relative;
    overflow: hidden;
}

.userHead>img {
    width: 0.64rem;
    height: 0.64rem;
    display: block;
    float: left;
}

.userHead>.userIn {
    height: 0.64rem;
    float: left;
    position: relative;
    margin-left: 0.15rem;
}

.userHead>.userIn>h3 {
    font-size: 0;
}

.userHead>.userIn>h3>span {
    display: inline-block;
    font-size: 0.18rem;
    font-weight: 400;
    color: #1678F5;
    vertical-align: middle;
}

.userHead>.userIn>h3>i {
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    background: url("../img/pinmuluxiang/icon_xin.png")no-repeat center;
    vertical-align: middle;
}

.userHead>.userIn>p {
    height: 0.2rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: 400;
    color: #191B1E;
    line-height: 0.2rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.userHead>.userIn>p>span {
    display: inline-block;
    height: 0.2rem;
    background: rgba(80, 153, 247, 0.5);
    border-radius: 0.02rem;
    font-size: 0.12rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: 400;
    color: #FFF;
    line-height: 0.2rem;
    padding: 0 0.05rem;
    margin-left: 0.1rem;
}

.userItem>.userT {
    font-size: 0.14rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: 400;
    color: #67717B;
    line-height: 0.24rem;
    margin-top: 0.2rem;
}


/* vip权益 */


/* .box-vip {
    overflow: hidden;
}

.vip h2 {
    margin-top: 0.8rem;
}

.vip_table {
    margin: 1rem 0;
    height: 6.6rem;
    position: relative;
    display: flex;
    align-items: center;
    border: 0.01rem solid #000;
    border-radius: 0.08rem;
}

.vip_list {
    width: 2.6rem;
    height: 6.6rem;
    float: left;
    overflow: hidden;
    position: relative;
}

.tj {
    position: absolute;
    width: 0.64rem;
    height: 0.64rem;
    right: 0;
    top: 0;
}

.vip_list:nth-child(1) {
    width: 1.6rem;
}

.vip_list li {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.2rem;
    font-weight: bold;
    color: #191B1E;
    text-align: center;
}

.vip_list li:nth-last-child(1),
.vip_list li:nth-child(1) {
    border-radius: 0.08rem;
}

.vip_list li:nth-child(2n) {
    background: rgb(245, 247, 250);
}

.vip_list>.table_title {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.28rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vip_list>.table_title img {
    width: 0.36rem;
    height: 0.36rem;
}

.vip_list>.vip_icon {
    display: block;
    width: 0.28rem;
    height: 0.28rem;
    margin: auto;
}

.vip_list.active {
    height: 7rem;
    box-sizing: border-box;
    border-radius: 0.08rem;
    padding-top: 0.18rem;
    border: 0.01rem solid #000;
    position: relative;
    background: linear-gradient(180deg, #fff 0%, rgb(245, 247, 250) 100%);
}

.vip_list:nth-last-child(1).active {
    left: 0.02rem;
    box-shadow: -4px 6px 16px 1px rgba(248, 195, 60, 0.16), 4px 6px 16px 1px rgba(248, 195, 60, 0.16);
    border: 0.02rem solid #DDA24A;
    background: linear-gradient(180deg, #fefcf9 0%, #FEF9F2 100%);
}

.vip_list:nth-last-child(1).active>li {
    font-size: 0.28rem;
    color: #D59E48;
}

.vip_list.active>li {
    font-size: 0.28rem;
}

.vip_list.active>.table_title {
    font-size: 0.32rem;
    font-weight: 400;
}

.vip_list.active>.table_title img {
    width: 0.46rem;
    height: 0.46rem;
}

.vip_list:nth-last-child(1).active>li:nth-child(n) {
    background: rgb(254, 252, 249);
}

.vip_list:nth-last-child(1).active>li:nth-child(2n) {
    background: #FEF9F2;
}

.vip_list.active>.vip_list>.vip_icon {
    width: 0.34rem;
    height: 0.34rem;
}

.vip_list:nth-last-child(1).active .tj {
    position: absolute;
    width: 0.86rem;
    height: 0.86rem;
    right: 0;
    top: 0;
} */

.vip .h2 {
    margin-bottom: 0.7rem;
}

.vip .imgvip {
    display: block;
    width: 12rem;
    height: 7.04rem;
    margin: 0 auto;
}


/* bottom */

.box-bottom {
    height: 3.9rem;
    background: url("../img/pinmuluxiang/bottom_bg.jpg")no-repeat center;
    background-size: cover;
    margin-top: 0.5rem;
}

.bottm {
    overflow: hidden;
}

.bottm>h2 {
    font-size: 0.36rem;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    margin-top: 0.7rem;
}

.bottm>h3 {
    text-align: center;
    font-size: 0;
    margin-top: 0.23rem;
}

.bottm>h3 .bottom-line {
    display: inline-block;
    vertical-align: middle;
    width: 1.02rem;
    height: 0px;
    border: 0.01rem solid #FFF;
}

.bottm>h3 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.2rem;
    font-weight: 400;
    color: #FFF;
    margin: 0 0.23rem;
}

.bottm>.twoBtnBox {
    margin-top: 0.56rem;
    display: flex;
    justify-content: center;
}

.bottm>.twoBtnBox .btnItem:nth-child(1) {
    background: #fff;
    border: 0.02rem solid #158AFD;
    margin-right: 0.48rem;
    color: #158AFD;
}

.bottm>.twoBtnBox>.btnItem:nth-child(1):hover {
    background: #E2F0FE;
}

.bottm>.twoBtnBox .btnItem:nth-child(2) {
    background: rgb(21, 138, 253);
    border: 2px solid #FFF;
    color: #FFF;
}

.bottm>.twoBtnBox>.btnItem:nth-child(2):hover {
    background: #4DA6FD;
    border: 0.02rem solid #FFF;
}


/* 小于1200 */

@media screen and (max-width: 1280px) {
    .w1200 {
        width: 9.92rem;
    }
    .fixedList {
        width: 100%;
        padding: 0 0.2rem;
        height: 0.8rem;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }
    .fixed-btn {
        margin-right: 0.3rem;
    }
    /* 首屏 */
    .otherSupport {
        text-align: center;
        justify-content: center;
    }
    .pcsupport {
        font-size: 0.16rem;
        margin-top: 0.24rem;
        text-align: center;
    }
    .index-box {
        height: 4.42rem;
    }
    .index-box-pmlx {
        height: auto;
    }
    .index-boxList {
        padding-top: 0.6rem;
        padding-left: 0.4rem;
        overflow: hidden;
        box-sizing: border-box;
    }
    .index-boxList.pmlxgj {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
        overflow: unset;
    }
    .titleAndBtn {
        width: 4.3rem;
        height: 2.74rem;
    }
    .titleAndBtn>h1 {
        height: 0.48rem;
        margin-top: 0.14rem;
    }
    .pmlxgj .titleAndBtn>h1 {
        text-align: center;
        margin-top: 0.6rem;
    }
    .titleAndBtn>h1 span {
        height: 0.48rem;
        line-height: 0.48rem;
        font-size: 0.36rem;
    }
    .titleAndBtn>h1 i {
        width: 0.4rem;
        height: 0.4rem;
        background-size: 0.4rem;
    }
    .titleAndBtn>h3 {
        height: 0.24rem;
        font-size: 0.18rem;
        line-height: 0.24rem;
        margin-top: 0.32rem;
    }
    .pmlxgj .titleAndBtn>h3 {
        margin-top: 0.24rem;
        text-align: center;
    }
    .btnItem {
        width: 2rem;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.2rem;
    }
    .twoBtnBox>p {
        height: 0.17rem;
        font-size: 0.13rem;
        line-height: 0.17rem;
        margin-top: 0.12rem;
    }
    .pmlxgj .twoBtnBox>p {
        width: 100%;
        text-align: center;
        margin: 0.17rem auto 0 auto;
    }
    .titleAndBtn>.twoBtnBox {
        margin: 0.6rem auto 0 auto;
    }
    .pmlxgj .titleAndBtn>.twoBtnBox {
        margin: 0.44rem auto 0 auto;
    }
    .titleAndBtn>.twoBtnBox>.btnItem:nth-child(1) {
        margin-right: 0.2rem;
    }
    .index-img {
        width: 4.81rem;
        height: 2.74rem;
    }
    .pmlxgj .index-img {
        width: 7.35rem;
        height: 4.36rem;
        margin-top: 0.36rem;
        margin-bottom: 0.4rem;
    }
    /* 可自定义区域 */
    .box-zidingyi {
        height: 7.68rem;
    }
    .zidingyi {
        padding-top: 0.83rem;
    }
    .checkImgList {
        margin-top: 0.53rem;
        height: 5.09rem;
    }
    .checkImgItem h2 {
        margin-bottom: 0.86rem;
    }
    .checkImgItem .checkImgItemMsg {
        height: 3.12rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg {
        width: 5rem;
        height: 3.12rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg .listIcon {
        margin-top: 0.13rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg h3:nth-child(3),
    .checkImgItem .checkImgItemMsg .leftMsg h3:nth-child(4) {
        margin-top: 0.28rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg p {
        margin-top: 0.44rem;
    }
    .checkImgItem .checkImgItemMsg .rightImg {
        width: 4.6rem;
        height: 3.12rem;
    }
    .checkImgItem .checkImgItemMsg .rightImg img {
        height: 3.12rem;
    }
    /* 适应多样化场景 */
    /* 屏幕录制特色功能 */
    .tesegongneng {
        height: 9rem;
        padding-top: 0.52rem;
    }
    .tese_items {
        height: 2.81rem;
        margin-top: 0.8rem;
    }
    .tese_items img {
        width: 4.39rem;
        height: 2.81rem;
        display: block;
    }
    .tese_items .msg {
        width: 3.6rem;
        height: 2.81rem;
    }
    .tese_items .tuyaimg {
        width: 4.22rem;
        height: 3.49rem;
    }
    .tese_items .msg>h3 {
        margin: 0.48rem auto 0.28rem auto;
    }
    .tese_container {
        height: 8rem;
    }
    .tese_container .tese_swiper-pagination {
        bottom: -0.45rem;
    }
    /* 使用教程 */
    .box-teach {
        height: 6.8rem;
    }
    .ThreeTeach {
        position: relative;
        padding-top: 0.52rem;
    }
    .teachList {
        margin-top: 0.88rem;
    }
    .teachItem {
        width: 2.4rem;
    }
    .teachItem .img {
        width: 2.4rem;
        height: 1.8rem;
    }
    .teachItem .img img {
        width: 2.4rem;
        height: 1.8rem;
    }
    .teachItem .img h3 {
        width: 2.12rem;
        padding-left: 0.12rem;
        position: absolute;
        bottom: 0.1rem;
        left: 0.08rem;
        z-index: 3;
    }
    .teachItem a {
        width: 2.2rem;
        height: 0.28rem;
        left: 0.11rem;
        margin-top: 0.18rem;
    }
    .ThreeTeach .twoBtnBox {
        width: 4.48rem;
    }
    .ThreeTeach>.twoBtnBox>.btnItem:nth-child(1) {
        margin-right: 0.48rem;
    }
    /* 用户评论 */
    .user {
        padding-top: 0.7rem;
    }
    .user>.userList {
        margin: 0.8rem 0;
    }
    .userList>.userItem {
        width: 2.8rem;
        height: 2.28rem;
        padding: 0.25rem 0.17rem 0rem 0.17rem;
    }
    .userHead>.userIn>h3>span {
        font-size: 0.15rem;
    }
    .userHead>.userIn>p {
        font-size: 0.13rem;
    }
    .userItem>.userT {
        margin-top: 0.18rem;
    }
    /* vip */
    .vip .imgvip {
        display: block;
        width: 9.1rem;
        height: 5.31rem;
    }
    /* bottom */
    .box-bottom {
        height: 3.6rem;
    }
    .bottm>h2 {
        font-size: 0.32rem;
    }
    .bottm>h3 {
        text-align: center;
        font-size: 0;
        margin-top: 0.34rem;
    }
    .bottm>h3 span {
        font-size: 0.18rem;
        margin: 0 0.2rem;
    }
}


/* 移动 */

@media screen and (max-width: 1000px) {
    .divclass {
        height: 0.8rem;
    }
    .w1200 {
        width: 7.5rem;
    }
    .index-box {
        height: 6.6rem;
    }
    .index-box-pmlx {
        height: auto;
    }
    .index-boxList {
        padding: 0;
    }
    .titleAndBtn {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 0.64rem;
    }
    .pmlxgj .titleAndBtn {
        margin-bottom: 0;
    }
    .titleAndBtn>h1 {
        text-align: center;
        margin-top: 0.53rem;
    }
    .titleAndBtn>h3 {
        text-align: center;
    }
    .titleAndBtn>.twoBtnBox {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        height: 1.3rem;
    }
    .pmlxgj .titleAndBtn>.twoBtnBox {
        height: auto;
        align-items: flex-start;
        height: 1rem;
    }
    .twoBtnBox>p {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        float: none;
        position: absolute;
        bottom: 0;
    }
    .index-img {
        float: none;
        margin: 0 auto;
    }
    /* zidingyi */
    .box-zidingyi {
        height: 10.5rem;
    }
    .zidingyi {
        width: 7.5rem;
    }
    .checkBtnList {
        justify-content: space-evenly;
    }
    .checkImgList {
        height: 7.64rem;
    }
    .checkBtnItem {
        width: 1rem
    }
    .checkImgItem .checkImgItemMsg .leftMsg {
        float: none;
        width: 100%;
    }
    .checkImgItem h2 {
        margin-bottom: 0.64rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg .listIcon {
        width: 100%;
        height: 1.08rem;
        margin: 0 auto;
        position: relative;
    }
    .checkImgItem .checkImgItemMsg .leftMsg .listIcon>h3 {
        position: absolute;
    }
    .checkImgItem .checkImgItemMsg .leftMsg .listIcon>h3:nth-child(1) {
        top: 0;
        left: 2.3rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg .listIcon>h3:nth-child(2) {
        top: 0;
        left: 4.3rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg .listIcon>h3:nth-child(3) {
        bottom: 0;
        left: 2.3rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg .listIcon>h3:nth-child(4) {
        bottom: 0;
        left: 4.3rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg p {
        text-align: center;
    }
    .checkImgItem .checkImgItemMsg .leftMsg .btnItem {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.55rem;
        margin: auto;
    }
    .checkImgItem .checkImgItemMsg .rightImg {
        float: none;
        width: 4.6rem;
        height: 3.1rem;
        margin: 0 auto;
    }
    .checkImgItem .checkImgItemMsg .rightImg img {
        width: 4.6rem;
        height: 3.1rem;
    }
    .checkImgItem .checkImgItemMsg .leftMsg {
        height: 2.5rem;
    }
    .checkImgItem .checkImgItemMsg {
        height: 7rem;
    }
    .box-duoyanghua {
        height: 13rem;
    }
    .duoyanghuaList {
        justify-content: space-around;
    }
    .duoyanghuaItem {
        width: 2.88rem;
        margin-top: 0.6rem;
    }
    .duoyanghuaItem .imgBox {
        width: 2.88rem;
        height: 1.8rem;
    }
    .duoyanghuaItem .imgBox>img {
        width: 2.88rem;
        height: 1.8rem;
    }
    .duoyanghuaItem h3 {
        font-weight: 400;
    }
    .duoyanghuaItem p {
        font-size: 0.13rem;
    }
    /* 教程 */
    .box-teach {
        height: 9rem;
    }
    .teachList {
        width: 5.8rem;
        margin: 0 auto;
        flex-wrap: wrap;
        align-items: center;
    }
    .teachItem {
        margin-top: 0.6rem;
    }
    .teachItem .img h3,
    .teachItem a {
        font-weight: 400;
    }
    .ThreeTeach .twoBtnBox {
        bottom: -1rem;
    }
    /* yonghuapinglun */
    .user>.userList {
        display: block;
        position: relative;
        height: 2.3rem;
    }
    .userList>.userItem {
        position: absolute;
    }
    .userList>.userItem:nth-child(1) {
        left: 0.16rem;
    }
    .userList>.userItem:nth-child(2) {
        left: 0;
        right: 0;
        margin: auto;
        z-index: 9;
        transform: scale(1.15);
    }
    .userList>.userItem:nth-child(3) {
        left: 4.7rem;
    }
    .user {
        overflow: inherit;
    }
    /* vip */
    .vip .imgvip {
        width: 6.88rem;
        height: 5.32rem;
    }
    /* 屏幕录制特色功能 */
    .box-tesegongneng {
        height: 8rem;
    }
    .tesegongneng {
        height: 8rem;
    }
    .tese_banner {
        display: none;
    }
    .tesem_banner {
        display: block;
    }
    .tesem_items>h3 {
        width: 0.92rem;
        height: 0.36rem;
        margin: 0.7rem auto 0.32rem auto;
        padding-left: 0.48rem;
        text-align: left;
        font-size: 0.22rem;
        font-weight: bold;
        color: #191B1E;
        line-height: 0.36rem;
        position: relative;
        background-size: 0.36rem;
    }
    .tesem_items>p {
        width: 5.6rem;
        /* height: 0.84rem; */
        margin: 0 auto;
        font-size: 0.16rem;
        font-family: Microsoft YaHei-Light, Microsoft YaHei;
        font-weight: 300;
        color: #67717B;
        line-height: 0.28rem;
        text-align: center;
    }
    .tesem_items img {
        display: block;
        width: 5.15rem;
        height: 3.3rem;
        margin: 0.56rem auto 0 auto;
    }
    .tesem_container {
        height: 7rem;
    }
    .tesem_swiper-pagination {
        width: 100%;
        height: 0.1rem;
        position: absolute;
        bottom: 0.3rem;
    }
    .tesem_swiper-pagination .swiper-pagination-switch {
        width: 0.08rem;
        height: 0.08rem;
        background: rgba(21, 138, 253, 0.2);
        transition: width .3s linear;
    }
    .tesem_swiper-pagination .swiper-pagination-switch.swiper-active-switch {
        width: 0.24rem;
        background: #158AFD;
        border-radius: 0.1rem;
    }
}

@media screen and (max-width: 768px) {
    body {
        padding-top: 0.8rem;
    }
}

@media screen and (max-width:750px) {
    .otherSupport {
        display: none;
    }
    .pcsupport {
        display: none;
    }
}