* {
     list-style: none;
 }

 #wrap {
     width: 100%;
     position: relative;
     cursor: pointer;
     min-width: 1100px;
     min-height: 600px;
 }

 #pic li {
     width: 100%;
     height: 100%;
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
 }

 #pic li img {
     width: 100% !important;
     height: 100% !important;
 }

 #num {
     position: absolute;
     z-index: 2;
     bottom: 20px;
     left: 46px;
     margin-left: 48%;
 }

 #num li {
     float: left;
     width: 8px;
     height: 8px;
     margin: 5px;
     border-radius: 50%;
     border: 1px solid #FFFFFF;
     line-height: 20px;
     background: transparent;
     text-align: center;
 }

 #num li.active {
     background: #fefefe;
 }

 .arrow {
     z-index: 3;
     height: 40px;
     width: 30px;
     position: absolute;
     top: 45%;
     line-height: 40px;
     background: rgba(0, 0, 0, 0.3);
     text-align: center;
     display: none;
 }

 #wrap:hover .arrow {
     display: block;
 }

 .arrow:hover {
     background: rgba(0, 0, 0, 0.7);
 }


 #left {
     left: 0;
 }

 #right {
     right: 0;
 }

 #but {
     position: absolute;
     top: 20px;
     left: 0;
     width: 278px;
     height: 515px;
     background: url(/web_rpg_gw/images/dikuang.png) no-repeat;
     background-size: 100% 100%;
     z-index: 9999;
 }

 #but .erwema {
     position: absolute;
     top: 30px;
     left: 55px;
     width: 170px;
 }

 #but .saoma {
     position: absolute;
     top: 210px;
     left: 55px;
     width: 170px;
 }

 #but .appstore {
     position: absolute;
     top: 260px;
     left: 55px;
     width: 170px;
 }

 #but .android {
     position: absolute;
     top: 330px;
     left: 55px;
     width: 170px;
 }

 #but .icon {
     position: absolute;
     top: 405px;
     left: 55px;
     width: 80px;
 }

 #but .icon16 {
     position: absolute;
     top: 400px;
     left: 150px;
     width: 70px;
 }