*,ul{
    padding: 0;
    margin: 0;
    list-style: none;
    color: #3c3c3c;
}
html {
    overflow-x: hidden;
    font-size: 100px;
}
body {
    font-size: 0.16rem;
    background-color: #161616;
}

/* 头部+案例解析 */
.foreword{
    width: 100%;
    height:21.66rem;
    position: relative;
}
.forewordall{
    width: 19.2rem;
    height:20.26rem;
    position: absolute;
    left: calc(50% - 19.2rem/2);
}
.forewordBox{
    width:13.2rem;
    height:20.26rem;
    position: absolute;
    left: calc(50% - 13.2rem/2);
}
.foreword_img{
    width:12.83rem;
    height:20.26rem;
    position: absolute;
    left: calc(50% - 12.83rem/2);
    top: 1.4rem;
}

/* 优化动作+系列升级 */
.optimization{
    width: 100%;
    height:19.88rem;
    position: relative;
}
.optimizationall{
    width: 19.2rem;
    height:19.88rem;
    position: absolute;
    left: calc(50% - 19.2rem/2);
}
.optimizationBox{
    width:13.2rem;
    height:19.88rem;
    position: absolute;
    left: calc(50% - 13.2rem/2);
}
.optimization_img{
    width:12.83rem;
    height:19.65rem;
    position: absolute;
    top: 0.23rem;
    left: calc(50% - 12.83rem/2);
}

/* 新品上市 提升分享 */
.btitle{
    width: 100%;
    height:70.82rem;
    position: relative;
}
.btitleall{
    width: 19.2rem;
    height:70.82rem;
    position: absolute;
    left: calc(50% - 19.2rem/2);
}
.btitleBox{
    width:13.2rem;
    height: 7.1rem;
    position: absolute;
    left: calc(50% - 13.2rem/2);
}
.btitle_img{
    width:12.83rem;
    height:70.58rem;
    position: absolute;
    top: 0.34rem;
    left: calc(50% - 12.83rem/2);
}

/* 细节设计解析 */
.average{
    width: 100%;
    height:28.48rem;
    position: relative;
}
.averageall{
    width: 19.2rem;
    height:28.48rem;
    position: absolute;
    left: calc(50% - 19.2rem/2);
}
.averageBox{
    width:13.2rem;
    height:28.48rem;
    position: absolute;
    left: calc(50% - 13.2rem/2);
}
.average_img{
    width:12.83rem;
    height:26.16rem;
    position: absolute;
    top: 0.59rem;
    left: 0.17rem;
}
.average_code{
    width: 2.38rem;
    height: 2.4rem;
    position: absolute;
    bottom: 2.55rem;
    left: calc(50% - 2.38rem/2);
}

/* 数据结论+项目小结 */
.rule{
    width: 100%;
    height: 9.74rem;
    background-color: #222222;
    position: relative;
}
.ruleall{
    width: 19.2rem;
    height: 9.74rem;
    position: absolute;
    left: calc(50% - 19.2rem/2);
}
.ruleBox{
    width:13.2rem;
    height: 9.74rem;
    position: absolute;
    left: calc(50% - 13.2rem/2);
}
.rule_img{
    width:11.88rem;
    height:5.45rem;
    position: absolute;
    top: 1.96rem;
    left: calc(50% - 11.88rem/2);
}