@import '../common/variable'; .c-a015__imgbox{ -webkit-transition: opacity ease 0.5s; -moz-transition: opacity ease 0.5s; -ms-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; transition: opacity ease 0.5s; opacity: 0; } .c-a015__imgbox--end{ opacity: 1; } html.pc { .c-a015 { padding: @padding_pc_1 0; } .c-a015__body { width: 708px; height: 500px; padding: 40px; background: @theme_color_less; } .c-a015__title, .c-a015__content { width: 462px; color: white; } .c-a015__title { font-size: 38px; font-weight: 500; } .c-a015__content { margin-top: 16px; font-size: 18px; * { line-height: 31px; } } .c-a015__imgbox { position: absolute; top: 0; right: 0; width: 620px; height: 415px; } .c-a015__toptitle { // padding-bottom: 60px; } .c-a015__more { position: absolute; left: 233px; bottom: 20px; display: inline-block; background-color: rgba(53, 53, 53, 0.1); border-radius: 23px; -webkit-border-radius: 23px; border: solid 2px #ffffff; color: white; padding: 9px 39px; font-size: 14px; } } html.mobile { .c-a015 { padding: @padding_mobile_1 0; } .c-a015__title { color: @theme_color_less; font-size: 0.40rem; font-weight: 500; } .c-a015__content { margin-top: 0.16rem; font-size: 0.26rem; color: #353535; * { line-height: 0.36rem; } } .c-a015__imgbox { width: 6.2rem; height: 4.15rem; margin: 0 auto; margin-top: 0.3rem; } .c-a015__toptitle { // padding-bottom: 0.6rem; } .c-a015__warp{ text-align: center; } .c-a015__more { margin: 0 auto; margin-top: 0.3rem; display: inline-block; border-radius: 0.28rem; -webkit-border-radius: 0.28rem; border: solid 0.03rem @theme_color_less; color: @theme_color_less; padding: 0.05rem 0.38rem; font-size: 0.26rem; } }