html{
    font-size: 100px;
}
.nav{
    position: fixed;
    top: 0;
    left: 0;
}

/* 案例列表 */
.case{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-end;
}
.case.caseRight{
    justify-content: flex-start;
}
.case.caseRight>.info{
    text-align: right;
}
.case>.info>p{
    font-family: 'phr';
    font-size: 0.3rem;
    line-height: 0.36rem;
    color: #333333;
    word-break: break-all;
    text-align: left;
}
.case>.info>.p01{
    margin-bottom: 0.36rem;
}
.case.caseRight>.info>.p01{
    text-align: right;
}
.case>.info>a{
    display: inline-block;
    width: 1.61rem;
    height: 0.65rem;
    background: url('../../images/pages/chunjie/dz/btn.png') center no-repeat;
    background-size: 100% 100%;
}
.case>img{
    display: block;
}

/* 分别设置 */
/* 360 */
#case1{
    margin-bottom: 105px;
}
#case1>img{
    width: 11.45rem;
    height: 8.87rem;
    margin-left: 0.87rem;
}
#case1>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.69rem;
}
#case1>.info>img{
    width: 1.97rem;
    height: 0.68rem;
    margin-bottom: 0.5rem;
}
#case1>.info>a{
    margin-top: 1rem;
}
/* 阿里巴巴 */
#case2{
    margin-bottom: 1.1rem;
}
#case2>img{
    width: 10.34rem;
    height: 7.12rem;
    margin-right: 1.67rem;
}
#case2>.info{
    width: 4.8rem;
    height: 100%;
    padding-top: 1.71rem;
}
#case2>.info>img{
    width: 3.64rem;
    height: 0.73rem;
    margin-bottom: 0.4rem;
}
#case2>.info>a{
    margin-top: 0.96rem;
}
/* ASAP+ */
#case3{
    margin-bottom: 1.12rem;
}
#case3>img{
    width: 10.56rem;
    height: 7.68rem;
    margin-left: 1.74rem;
}
#case3>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.71rem;
}
#case3>.info>img{
    width: 3.34rem;
    height: 0.67rem;
    margin-bottom: 0.44rem;
}
#case3>.info>a{
    margin-top: 0.9rem;
}
/* 百度 */
#case4{
    margin-bottom: 1.16rem;
}
#case4>img{
    width: 10.34rem;
    height: 7.66rem;
    margin-right: 1.94rem;
}
#case4>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.68rem;
}
#case4>.info>img{
    width: 4.53rem;
    height: 0.73rem;
    margin-bottom: 0.4rem;
}
#case4>.info>a{
    margin-top: 0.8rem;
}
/* 得到 */
#case5{
    margin-bottom: 1.11rem;
}
#case5>img{
    width: 10.64rem;
    height: 8.77rem;
    margin-left: 1.66rem;
}
#case5>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.71rem;
}
#case5>.info>img{
    width: 1.8rem;
    height: 0.73rem;
    margin-bottom: 0.44rem;
}
#case5>.info>a{
    margin-top: 0.78rem;
}
/* 旺旺 */
#case6{
    margin-bottom: 1.21rem;
}
#case6>img{
    width: 10.05remx;
    height: 9.29rem;
    margin-right: 2.27rem;
}
#case6>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.73rem;
}
#case6>.info>img{
    width: 1.8rem;
    height: 0.73rem;
    margin-bottom: 0.4rem;
}
#case6>.info>a{
    margin-top: 0.65rem;
}
/* 霸王茶姬 */
#case7{
    margin-bottom: 1.16rem;
}
#case7>img{
    width: 9.83rem;
    height: 8.72rem;
    margin-left: 2.52rem;
}
#case7>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.63rem;
}
#case7>.info>img{
    width: 3.73rem;
    height: 0.89rem;
    margin-bottom: 0.3rem;
}
#case7>.info>a{
    margin-top: 0.83rem;
}
/* seesaw */
#case8{
    margin-bottom: 1.11rem;
}
#case8>img{
    width: 10.96rem;
    height: 11.87rem;
    margin-right: 1.35rem;
}
#case8>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.69rem;
}
#case8>.info>img{
    width: 3.57rem;
    height: 0.67rem;
    margin-bottom: 0.45rem;
}
#case8>.info>a{
    margin-top: 0.8rem;
}
/* 大疆 */
#case9{
    margin-bottom: 1.31rem;
}
#case9>img{
    width: 10.35rem;
    height: 8.84rem;
    margin-left: 1.95rem;
}
#case9>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.71rem;
}
#case9>.info>img{
    width: 1.8rem;
    height: 0.73rem;
    margin-bottom: 0.43rem;
}
#case9>.info>a{
    margin-top: 0.82rem;
}
/* 博胜集团 */
#case10{
    margin-bottom: 1.07rem;
}
#case10>img{
    width: 11.6rem;
    height: 8.25rem;
    margin-right: 0.62rem;
}
#case10>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.48rem;
}
#case10>.info>img{
    width: 3.63rem;
    height: 0.73rem;
    margin-bottom: 0.63rem;
}
#case10>.info>a{
    margin-top: 0.89rem;
}
/* 度小满 */
#case11{
    margin-bottom: 1.58rem;
}
#case11>img{
    width: 9.84rem;
    height: 10.39rem;
    margin-left: 2.46rem;
}
#case11>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.7rem;
}
#case11>.info>img{
    width: 2.81rem;
    height: 0.73rem;
    margin-bottom: 0.64rem;
}
#case11>.info>a{
    margin-top: 0.76rem;
}
/* 丁香医生 */
#case12{
    margin-bottom: 1rem;
}
#case12>img{
    width: 10.6rem;
    height: 7.96rem;
    margin-right: 1.69rem;
}
#case12>.info{
    width: 4.5rem;
    height: 100%;
    padding-top: 1.71rem;
}
#case12>.info>img{
    width: 3.69rem;
    height: 0.73rem;
    margin-bottom: 0.37rem;
}
#case12>.info>a{
    margin-top: 0.7rem;
}