.page-swiper-layout .demo1{display:-webkit-box;display:-ms-flexbox;display:flex}.page-swiper-layout .demo1 .view-box{width:375px;height:667px;border:1px solid #ccc;overflow-y:auto;border-radius:4px}.page-swiper-layout .demo1 .controller-box{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:20px}.page-swiper-layout .demo1 .sun-content:after{content:"";display:block;width:100%;position:absolute;left:70px;bottom:0;border-bottom:1px solid #ccc}.page-swiper-layout .demo1 .content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 0}.page-swiper-layout .demo1 .content .face-wrap{padding-left:10px}.page-swiper-layout .demo1 .content .face-wrap .face{height:50px;width:50px;border-radius:50%;background-color:#ccc;background-size:cover;background-position:top;background-repeat:no-repeat}.page-swiper-layout .demo1 .content .des-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px}.page-swiper-layout .demo1 .content .des-wrap .des{color:#787c7b;font-size:14px;margin-top:4px}.page-swiper-layout .demo1 .content .des-wrap .de-name{margin-top:2px}.page-swiper-layout .demo1 .menu-box{display:-webkit-box;display:-ms-flexbox;display:flex}.page-swiper-layout .demo1 .menu-box .menu-item{-webkit-box-flex:1;-ms-flex:1;flex:1;height:62px;line-height:62px;text-align:center}.page-swiper-layout .demo1 .menu-box .menu-item.ding-tick{background-color:#c8c7cf;color:#fff}.page-swiper-layout .demo1 .menu-box .menu-item.delete{background-color:#fe3c32;color:#fff}