<div id="wx_box">

    <span id="bt_wx_close" class="bt_wx_close xwcms">+</span>           

</div>

#wx_box .bt_wx_close{

    position: absolute;

    left: 20px;

    top: 20px;

    display: inline-block;

    width: 30px;

    height: 30px;

    background-image: url("http://apeclass.cn/1212/layerimg/cross.png");

    cursor: pointer;

}

.xwcms {    

    /*margin: 0 auto;*/

    -webkit-border-radius: 110px;

    border-radius: 110px;

    -webkit-transition: -webkit-transform 0.2s ease-out;

    -moz-transition: -moz-transform 0.2s ease-out;

    -o-transition: -o-transform 0.2s ease-out;

    -ms-transition: -ms-transform 0.2s ease-out;

}

.xwcms:hover {

    -webkit-transform: rotateZ(180deg);

    -moz-transform: rotateZ(180deg);

    -o-transform: rotateZ(180deg);

    -ms-transform: rotateZ(180deg);

    transform: rotateZ(180deg);

}