@charset "utf-8";





/*模板结束*/





    body {

      position: fixed;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      background-color: #000;

      color: #FFF;

      font-size: 16px;

      display: -o-flex;

      display: -ms-flex;

      display: -moz-flex;

      display: -webkit-flex;

      display: flex;

      justify-content: center;

      align-items: center;

    }

    div p{

        margin: 0;

        padding: 0;

    }

    @media screen and (orientation:portrait) {

      /*竖屏样式*/

      body {

        transform-origin: 0 0;

        transform: rotateZ(90deg) translateY(-100%);

      }

    }





.muban-xzmax{ width:154px; height:calc(100% - 100px); position:absolute; top:calc(50% - 120px); left:30px; z-index:999;}

.muban-xzbox{ width:100%; height:100%; overflow:auto;}

.muban-xz1{ width:147px; height:69px; overflow:hidden;  position:relative; border:1px solid #fff; border-radius:5px; margin-bottom:12px; margin-left:0; transform: translate(0px,0px);  transition: all 1s;
-webkit-transition: all 1s;}

.muban-xz11{ width:100%; height:100%; overflow:hidden;}

.muban-xz11 img{ width:100%; height:100%;}

.muban-xz12{ width:134px; height:30px; line-height:30px; padding:0 8px; font-size:12px; color:#fefefe; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1;  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%,rgba(255, 255, 255, 0.1) 100%);}

.muban-xz1on{ border:1px solid #ffd325;  transform: translate(5px,0px);}



.muban-jsmax{ width:134px; height:239px; overflow:hidden; position:absolute; right:30px; top:calc(50% - 119px)}

.muban-jsbox{ width:100%; height:100%; overflow:hidden;}

.muban-js1{ width:100%; height:100%; overflow:hidden; background:url(../images/muban-jsbj.png) center center no-repeat; background-size:100% 100%; display:none}



.muban-js11{ width:96px; height:25px; line-height:25px; overflow:hidden; text-align:center; font-size:14px; color:#ffffff; padding-top:28px;}

.muban-js12{ width:96px; height:144px; line-height:18px; overflow:auto; font-size:12px; color:#ffffff; margin-top:6px;}

.block{ display:block;}



.chuangjian-anmax{ width:120px; height:30px; overflow:hidden; background:#0b7b63; border-radius:3px; position:absolute; left:calc(50% - 60px); bottom:30px; z-index:1;}

.chuangjian-anbox{ width:100%; height:100%; overflow:hidden; position:relative;}

.chuangjian-an1{ width:100%; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; overflow:hidden;}

.chuangjian-an1 img{ width:16px; height:16px; display:inline-block;margin-right:4px; margin-top:7px;}

.chuangjian-an1 font{ display:inline-block; padding-left:4px;}

.chuangjian-anbox input{ display:block; width:100%; height:100%; background:none; border:none;}