.retail-in-content .retail-in-main .title .title1 i { width: 99px; height: 116px; display: inline-block; background: url('../img/retail_in/retail_in_icon1.png') no-repeat bottom left; background-size: 50%; margin-right: -40px; } .retail-in-content .retail-in-main .title { width: 100%; height: auto; } .retail-in-content .retail-in-main .title .text{ line-height:22.5px; } .retail-in-content .retail-in-main ul.list li { margin-top: 30px; display:flex; flex-direction:column; } .retail-in-content .retail-in-main ul.list li .bottom-img-content{ order:1; width:100%; height:auto; } .retail-in-content .retail-in-main ul.list li .bottom-img-content img{ width:100%; height:auto; } .retail-in-content .retail-in-main ul.list li .bottom-img-content img:nth-child(3) { position: static; border: 0; width: 100%; } .retail-in-content .retail-in-main ul.list li .top{ order:2; width:100%; height:auto; margin:56px 0 16px 0; } .retail-in-content .retail-in-main ul.list li .bottom{ order:3; width:100%; height:auto; } .retail-in-content .retail-in-main ul.list li .top .title .left img{ width:65%; } .retail-in-content .retail-in-main ul.list li .top .title .left.tebie img{ width:71%; } .retail-in-content .retail-in-main ul.list li .top .title .right { display: table; margin-left: -12px; } .retail-in-content .retail-in-main ul.list li .top .title .right.tebie{ margin-left:-18px; } .retail-in-content .retail-in-main ul.list { margin-top: 0; margin-bottom:50px; } .retail-in-content .retail-in-main ul.list li .top .title .left.tebie{ margin-top:1px; }