#设置四个角的圆角样式
border-radius:0.9rem;
-webkit-border-radius:0.8rem;
-moz-border-radius:0.8rem;
#图片作为背景缩放
background-size: 35% 35%;
-moz-background-size: 35% 35%;
-webkit-background-size: 35% 35%;
#图片背景定位
background-image: url(../img/s2.png);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: 0.6rem;
#针对左上角,右上角的设置圆角 兼容写法
border-top-left-radius: 0.6rem;
border-top-right-radius: 0.6rem;
-webkit-border-left-radius: 0.6rem;
-webkit-border-right-radius: 0.6rem;
-moz-border-radius-topleft: 0.6rem;
-moz-border-radius-topright: 0.6rem;
#针对右下角。左下角设置圆角 兼容写法
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
-webkit-border-bottom-right-radius: 2.5rem;
-webkit-border-bottom-left-radius: 2.5rem;
-moz-border-radius-bottomright: 2.5rem;
-moz-border-radius-bottomleft: 2.5rem;
#半透明兼容写法
filter: Alpha(opacity=60); /* IE */
-moz-opacity: 0.6; /* FF 主要是为了兼容老版本的FF */
opacity: 0.6; /* FF */