.pinpaiBox {
       /*  border: 1px solid rgb(247, 245, 244); */
        position: relative;
		left:7%;
 
        /* background-color: rgb(244, 244, 244); */
        /* left:20%; */
  
         /* top:40%; */

      }
     .pinpaiBox .itemBox1_1 {
        position: absolute;
        left: 196px;
        top: 20px;
      }
     .pinpaiBox .itemBox1_2 {
        position: absolute;
        left: 499px;
        top: -177px;
      }
    /*.pinpaiBox .itemBox2_1 {
        position: absolute;
        left: 450px;
        top: -208px;
      } */
     .pinpaiBox .itemBox {
        position: relative;
        margin: 10px 0;
        /*   */
        width: 250px;
        height: 188px;
      }
    .pinpaiBox  .common {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg); /* IE 9 */
        -webkit-transform: rotate(45deg); /* Safari and Chrome */

        width: 90px;
        height: 90px;
      }
     .pinpaiBox .common1 {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg); /* IE 9 */
        -webkit-transform: rotate(45deg); /* Safari and Chrome */

        width: 200px;
        height: 200px;
      }
     .pinpaiBox .item0 {
        position: absolute;
        left: 15px;
        top: 15px;
        background-color: rgb(253, 253, 253);
        cursor: pointer;
        /* border: 1px solid red;
         */
        box-shadow: 0px 0px 30px rgba(212, 208, 208, 0.3);
      }
     .pinpaiBox .item0:hover {
        box-shadow: #4c4b4b 0px 0px 30px;
      }

     .pinpaiBox .item2 {
        z-index: 2;
        position: absolute;
        right: -4px;
        top: 14px;
        background-color: rgb(253, 253, 253);
        cursor: pointer;
        box-shadow: 0px 0px 30px rgba(148, 140, 140, 0.3);
      }

      

     .pinpaiBox .item2:hover {
        box-shadow: #4c4b4b 0px 0px 30px;
      }

     .pinpaiBox .item1 {
        position: absolute;
        left: 88px;
        top: 93px;
        background-color: rgb(253, 253, 253);
        cursor: pointer;
        box-shadow: 0px 0px 30px rgba(148, 140, 140, 0.3);
      }
     .pinpaiBox .item1:hover {
        box-shadow: #4c4b4b 0px 0px 30px;
      }
     .pinpaiBox .small {
        width: 60px;
        height: 50px;

        transform: rotate(315deg);
        -ms-transform: rotate(315deg); /* IE 9 */
        -webkit-transform: rotate(315deg); /* Safari and Chrome */
        margin: 15px 15px;
      }
     .pinpaiBox .big {
        width: 120px;
        height: 120px;
        transform: rotate(315deg);
        -ms-transform: rotate(315deg); /* IE 9 */
        -webkit-transform: rotate(315deg); /* Safari and Chrome */
        margin: 38px 38px;
      }
     .pinpaiBox .itemBox1 {
        position: relative;
        margin: 40px 0;
        /*   */
        width: 250px;
        height: 188px;
        /* z-index: -1; */
      }
     .pinpaiBox .itemBox2_1 {
        position: absolute;
        left: 43px;
        top: 86px;
      }
     .pinpaiBox .itemBox2_2 {
        position: absolute;
        left: 347px;
        top: 86px;
      }
     .pinpaiBox .itemBox2_3 {
        position: absolute;
        left: 649px;
        top: 86px;
      }
     .pinpaiBox .item2_1 {
        position: absolute;
        left: 35px;
        top: 15px;
        background-color: rgb(253, 253, 253);
        cursor: pointer;
        box-shadow: 0px 0px 30px rgba(148, 140, 140, 0.3);
        /* box-shadow: 10px 10px 10px 10px rgba(212, 208, 208, 0.3); */
        z-index: 1;
      }
     .pinpaiBox .item2_1:hover {
        box-shadow: #4c4b4b 0px 0px 30px;
      }
     .pinpaiBox .itemBox3_1 {
        position: absolute;
        left: 197px;
        top: 313px;
      }
     .pinpaiBox .itemBox3_2 {
        position: absolute;
        left: 500px;
        top: 314px;
      }
 .pinpaiBox .item3_3 {
        z-index: 2;
        position: absolute;
        right: -2px;
        top: 25px;
        background-color: rgb(253, 253, 253);
        cursor: pointer;
        box-shadow: 0px 0px 30px rgba(212, 208, 208, 0.3);
      }
     .pinpaiBox .item3_3:hover {
        box-shadow: #4c4b4b 0px 0px 30px;
      }
 .pinpaiBox  .item3_2 {
        position: absolute;
        left: 88px;
        top: -50px;
        background-color: rgb(253, 253, 253);
        cursor: pointer;
        box-shadow: 0px 0px 30px rgba(212, 208, 208, 0.3);
      }
    .pinpaiBox  .item3_2:hover {
        box-shadow: #4c4b4b 0px 0px 30px;
      }
     .pinpaiBox .item3_1 {
        position: absolute;
        left: 14px;
        top: 27px;
        background-color: rgb(253, 253, 253);
        cursor: pointer;
        box-shadow: 0px 0px 30px rgba(148, 140, 140, 0.3);
      }
     .pinpaiBox .item3_1:hover {
        box-shadow: #4c4b4b 0px 0px 30px;
      }