@charset "utf-8";
*{padding:0;margin:0;list-style-type:none;}
body{
    width:100%;height:100%;
    min-width: 320px;
}


/* wrap */
.wrap{width:52px;height:57px;position:fixed;right:0;bottom:0;}
.icon_menu{width:57px;height:57px;position:absolute;bottom:10px;right:2px;z-index:10;cursor:pointer;}
.icon_menu span{diplay:none;}
.bttn{width:52px;height:57px;background:url(../img/bg1.png) no-repeat -78px -6px;z-index:1;position:absolute;bottom:0;right:0;margin:0 5px 2px 0;cursor:pointer;}
.bttn span{display:block;width:22px;height:24px;font-size:0;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-11px;overflow:hidden;background:url(../img/bg1.png) no-repeat;}
/*
.btn1 span{background-position:-176px -20px;}
.btn2 span{background-position:-198px -18px;}
.btn3 span{background-position:-221px -18px;}
*/
.btn1 span{background-position:-289px -16px;}
.btn2 span{background-position:-313px -18px;}
.btn3 span{background-position:-341px -19px;}
.btn4 span{background-position:-243px -19px;}
.btn5 span{background-position:-267px -20px;}
.bttn{-webkit-transition:bottom .2s,right .2s;-moz-transition:bottom .2s,right .2s;-o-transition:bottom .2s,right .2s;-ms-transition:bottom .2s,right .2s;transition:bottom .2s,right .2s;}
.btn1.close, .btn2.close, .btn3.close, .btn4.close, .btn5.close{bottom:0;right:0;}
.btn1.open{bottom:175px;right:10px;}
.btn2.open{bottom:150px;right:62px;}
.btn3.open{bottom:105px;right:107px;}
.btn4.open{bottom:40px;right:140px;}
.btn5.open{bottom:20px;right:160px;}