@charset "utf-8";




html,body,dl,dt,dd,ol,ul,li,p,span,em,cite,del,a,img,h1,h2,h3,h4,h5,h6,object,pre,code,form,fieldset,legend,pre,input,select,textarea,

blockquote,q,table,caption,thead,tbody,tfoot,

th,td,button {margin:0;padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); background:transparent;  }	



html , body{  width:100%; word-wrap:break-word  }



body { font-size:13px; color:#383838;   }

html , body{ font-family:"微软雅黑";}

body {

  height: 100%;

  width: 100%;

  margin: 0;

  padding: 0;



}





    html {

      width: 100%;

      height: 100vh;

      overflow: hidden;

    }

    body {



      width: 100%;

      height: 100vh;







      display: -o-flex;

      display: -ms-flex;

      display: -moz-flex;

      display: -webkit-flex;

      display: flex;

      justify-content: center;

      align-items: center;

    }

		

		

		
@font-face {
    font-family: 'kaiti'; 
    src: url('../font/kaiti.ttf'); 
    font-weight: normal;
    font-style: normal;
  }




.body-box{ background:#fff;}



table { border-collapse:collapse; border-spacing:0;}



img, fieldset, abbr, acronym { border:none; vertical-align:top}



a img { border:none; padding:0; margin:0;}   







blockquote,q { quotes:none;}



p{



     -webkit-text-size-adjust:none; 



}



a { color:#333;  text-decoration:none; cursor:pointer;}





address,caption,cite,code,dfn,em,th,var { margin:0;padding:0 ; font-style:normal;font-weight:normal;}



*{ margin:0 auto; padding:0px; }



/* ----End Reset---- */



input , textarea , select , option{ border:none; background:none; outline:none; font-family:"siyuan";}



textarea{ resize:none}



select::-ms-expand{ display: none; }

video{ border:none}

/*---- Patchs---- */



.fl { float:left;}		



.fr { float:right;}		



.fn { float:none;}



.cl { clear:left;}



.cr { clear:right;}



.cb { clear:both;}



.tl { text-align:left;} 



.tr { text-align:right;}



.tc { text-align:center;}



li{ list-style:none; vertical-align:bottom}







/*模板结束*/



.mudi-maxbj1{ width:100%; height:100%; overflow:hidden; position:relative;}





/*祭品选择开始*/

.fanhui-a{ width:36px; height:86px; overflow:hidden; position:absolute; left:0; top:0px; z-index:9999; background:rgba(0, 0, 0, 0.8); 
border-bottom-right-radius: 15px;
transform: translate(0px,0px); transition: all 1s;-webkit-transition: all 1s;  transform: translateZ(9999px);webkit-transform: translateZ(9999px);
}
.fanhui-a a{ display:block; width:100%; height:100%; overflow:hidden;}
.fanhui-a img{ width:14px; height:14px; display:block; margin:8px auto 0}
.fanhui-a font{ display:block; width:20px; height:auto; line-height:19px; margin-top:8px; font-size:14px; color:#fff; text-align:center; overflow:hidden;}



/*.zhankai{ width:36px; height:86px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:9999; background:rgba(0, 0, 0, 0.8); border-top-right-radius: 15px;

transform: translate(0px,0px); transition: all 1s;-webkit-transition: all 1s; 

}




.zhankai img{ width:14px; height:14px; display:block; margin:8px auto 0}

.zhankai font{ display:block; width:20px; height:auto; line-height:19px; margin-top:8px; font-size:14px; color:#fff; text-align:center; overflow:hidden;}
*/

.zhankai{ width:55px; height:55px; overflow:hidden; position:absolute; left:10px; bottom:36px; z-index:9999; border-radius: 2px;

transform: translate(0px,0px); transition: all 1s;-webkit-transition: all 1s; 

}
.zhankai img{ width:100%; height:100%; display:block; }





.shouqi{ width:36px; height:86px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:999; background:rgba(0, 0, 0, 0.8); border-top-right-radius: 15px;

transform: translate(0px,0px); transition: all 1s;-webkit-transition: all 1s; opacity:0 }

.shouqi img{ width:14px; height:14px; display:block; margin:8px auto 0}

.shouqi font{ display:block; width:20px; height:auto; line-height:19px; margin-top:8px; font-size:14px; color:#fff; text-align:center; overflow:hidden;}



.jisi-max{ width: 186px; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 9999;  transform: translateZ(99999px);webkit-transform: translateZ(99999px); transform: translate(-186px,0px); transition: all 1s;-webkit-transition: all 1s;  }
.jisi-box1{ width: 50px; height: 100%; overflow: hidden; float: left; background:rgba(0 ,  0 , 0 , 0.8); }
.jisi-box11{ width: 100%; height: 100%; overflow: auto;   -ms-overflow-style: none; }
.jisi-box111{ width:100%; height: 62px; overflow: hidden; }
.jisi-box1111{ width: 30px; height: 30px; overflow: hidden; margin-top:7px  }
.jisi-box1111 img{ width: 100%; height: 100%; }
.jisi-box1111 img:last-child{ display: none }
.jisi-box1112{ width: 90%; height: 16px; line-height: 16px; font-size: 12px; color: #fff; overflow: hidden; text-align: center; }
.jisi-box111on{ background: #fff; }
.jisi-box111on img:nth-child(1){ display:none; }
.jisi-box111on img:nth-child(2){ display:block; }
.jisi-box111on .jisi-box1112{ color: #04be97 }
.jipin-xxmax{ width: 136px; height: 100%; overflow: hidden; float: left; background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%);  }
.jipin-xxbox{ width: 112px; height:calc(100% - 30px); margin: 15px auto 0; overflow: hidden;  }
.jipin-xx1{ width: 100%; height: 100%; overflow: auto;  -ms-overflow-style: none; display: none  }
.jipin-xx1on{ display: block; }
.jipin-xx11{ width: 50px; height: auto; overflow: hidden; float: left; margin-bottom: 10px; }
.jipin-xx1 .jipin-xx11:nth-child(2n){ float: right }
.jipin-xx111{ width:100%; height: 50px; overflow: hidden; border-radius: 4px; box-sizing: border-box; background:#fff }
.jipin-xx111 img{ width: 100%; height: 100%; }
.jipin-xx11bk .jipin-xx111{ border: 1px solid #04be97; }
.jipin-xx112{ width: 100%; height: 18px; line-height: 18px; font-size: 10px; color: #ffffff; overflow: hidden; padding-top: 4px; text-align: center; }
.jipin-xx113{ width: 100%; height: 16px; line-height: 16px; font-size: 11px; color: #f64e32; overflow: hidden; text-align: center; }

/*祭品选择结束*/









.jipinquyu{ width: 500px; height: 100%;  position:relative;}

.jishi{ display:none; }

.xiangkuang-mdhh{background: url(../images/kue.png) center center no-repeat; background-size:100% 100%}
.xiangkuang-mdhh .xiangpian{ width:23px; height:30px; margin-left:1.5px; margin-top:2px;}
.xiangkuang-mdpt{background: url(../images/kue-pt.png) center center no-repeat; background-size:100% 100%}
.xiangkuang-mdpt .xiangpian{ width:24px; height:32px; margin-left:1px; }

.mudi-mban{ width:30px; height:88px;  border-radius:5px 0 0 5px; position:fixed; right:0; top:calc(50% - 114px); z-index:100; background:#e06c1d;transform: translate(0px,0px); transition: all 1s;-webkit-transition: all 1s; overflow:hidden;}

.mudi-mban p{ width:20px; height:auto; line-height:18px; text-align:center; font-size:15px; color:#ffffff; margin:8px auto 0;}



.mudi-mbgb{ width:27px; height:27px; overflow:hidden; position:fixed; z-index:1000; right:179px; top:calc(50% - 13px); transform: translate(206px,0px); transition: all 1s;-webkit-transition: all 1s;  }

.mudi-mbgb img{ width:100%; height:100%;}



.mudi-mbmax{ width:171px; height:100%; overflow:hidden; position:fixed; top:0; right:0; z-index:99999;  background: linear-gradient(to left, rgba(255, 255, 255, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%); 

transform: translate(174px,0px); transition: all 1s;-webkit-transition: all 1s;  

 }

 

 

.mudi-mbbox{ width:calc(100% - 24px); height:calc(100% - 24px); margin-top:12px; overflow:auto;}

.mudi-mb1{ width:100%; height:69px; overflow:hidden;  box-sizing: border-box; border-radius:4px; margin-bottom:12px; position:relative}

.mudi-mb1on{ border:1px solid #0b7b63;}

.mudi-mb1 img{ width:100%; height:100%;}

.mudi-mb1 p{ width:94px; height:22px; line-height:22px; font-size:12px; color:#fff;  overflow:hidden; position:absolute; left:5px; top:33px; z-index:1;}



.shengji-myan{ width:100%; height:auto; overflow:hidden; margin:20px auto 10px;}
.shengji-myan input{ display:block; width:100%; height:auto; line-height:14px; overflow:hidden; font-size:14px; color:#fff; text-align:center; padding:10px 0; border-radius:4px; background:#0b7b63}


.anniu-dw{ width:30px; height:30px; overflow:hidden; position:fixed; top:12px; z-index:999; background:rgba(0, 0, 0, 0.7); border-radius:50%;}

.anniu-sc{ width:auto; height:30px; border-radius:16px;}

.anniu-sc1{ width:100%; height:100%; overflow:hidden; position:relative;}

.anniu-sc1 input{ width:100%; height:100%; overflow:hidden; display:block; position:absolute; top:0; left:0; z-index:9;}

/*.anniu-sc2{ width:100%; height:100%; overflow:hidden;}*/
.anniu-sc2{ width:auto; display:inline-block; padding:0 15px; height:100%; overflow:hidden; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px;}

.anniu-dw img{ width:16px; height:16px; display:block; margin:7px auto 0; vertical-align:top;}

.anniu-sc1 .anniu-sc2 img:last-child{ display:none;}

.tupianyc .anniu-sc2 img:first-child{ display:none;}

.tupianyc .anniu-sc2 img:last-child{ display:block;}

.tupianyc .anniu-sc2{ color:#fa9b8b}

.anniu-fx button{ display:block; width:100%; height:100%; overflow:hidden; padding:0; margin:0; border:none; background:none; vertical-align:top;}

.anniu-fx button img{ margin-top:0;}

.anniu-sc{right:54px;}

.anniu-yy{right:14px;}
.anniu-jj{right:122px; height:30px; display:inline-block;  overflow:hidden; position:fixed; top:12px; z-index:999; background:rgba(0, 0, 0, 0.7); border-radius:16px;}
.anniu-jj a{ display:block; height:100%; overflow:hidden; text-align:center; padding:0 12px;}
.anniu-jj img{ display:inline-block; width:16px;  height:16px; margin-top:7px; overflow:hidden; vertical-align:top; margin-right:2px;}
.anniu-jj font{ display:inline-block; height:30px; line-height:30px; font-size:14px; color:#fff;}
/*.anniu-fx{right:14px;}*/

.anniu-yy button{ display:block; width:100%; height:100%; overflow:hidden; border:none; background:none; padding:0; margin:0; vertical-align:top;}
.anniu-yy button img{ vertical-align:top; margin-top:0;}


.ziliao-an{ width:30px; height:52px;  border-radius:5px 0 0 5px; position:fixed; right:0; top:calc(50% + 38px); z-index:100; background:#9c3593;transform: translate(0px,0px); transition: all 1s;-webkit-transition: all 1s; overflow:hidden;}

.ziliao-an p{ width:20px; height:auto; line-height:18px; text-align:center; font-size:15px; color:#ffffff; margin:8px auto 0;}



.ziliao-max{ width:60px; height:293px; padding-top:6px; overflow:hidden;background:rgba(0, 0, 0, 0.6); position:fixed; right:0; bottom:0; z-index:99999;transform: translate(60px,0px); transition: all 1s;-webkit-transition: all 1s; }



.bottom-an{ width:100%; height:auto; text-align:center; overflow:hidden; margin-top:6px; }

.bottom-an a{ display:block; width:100%; height:100%; overflow:hidden; text-align:center;}

.bottom-an img{ display:block; width:18px; height:18px; margin:3px auto 0;}

.bottom-an font{ display:block; height:20px; line-height:20px; font-size:12px; color:#ffffff; overflow:hidden; padding:0 ;}



.bottom-angb{ width:27px; height:27px; overflow:hidden; margin-top:16px;}

.bottom-angb img{ width:100%; height:100%;}



.haibao-an{ width:30px; height:52px;  border-radius:5px 0 0 5px; position:fixed; right:0; top:calc(50% - 20px); z-index:100; background:#bd2829;transform: translate(0px,0px); transition: all 1s;-webkit-transition: all 1s; overflow:hidden;}

.haibao-an p{ width:20px; height:auto; line-height:18px; text-align:center; font-size:15px; color:#ffffff; margin:8px auto 0;}



/*.yidong1{transform: translate(-36px,0px);}*/
.yidong1{opacity:0 }

.yidong2{transform: translate(0px,0px); }

.yidong3{transform: translate(40px,0px);}

.yidong4{transform: translate(36px,0px);}

.yidong5{transform: translate(186px,0px);}

.yidong6{transform: translate(186px,0px); opacity:1 }

.fanhui-box{ width:30px; height:27px; position:fixed; left:12px; top:12px; background:rgba(0, 0, 0, 0.5);  border-radius:3px; z-index:999; overflow:hidden; display:none;}

.fanhui-box a{ display:block; width:100%; height:100%;}

.fanhui-box img{ width:10px; height:18px; display:block; margin:5px auto 0;}







/*简介弹窗开始*/

.jianjie-zz{ width:100%; height:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:999999;  background:rgba(0, 0, 0, 0.3); display:none;}

.jianjie-tcmax{ width:188px; height:calc(100% - 60px); overflow:hidden;  background:rgba(0, 0, 0, 0.8);  position:fixed; top:28px; right:28px; z-index:9999999; border:2px solid rgba(255, 255, 255, 0.2);  border-radius:4px; display:none;}

.jianjie-tcgb{ width:calc(100% - 16px); height:auto; overflow:hidden; margin-top:8px;}

.jianjie-tcgb1{ width:10px; height:10px; overflow:hidden; float:right;}

.jianjie-tcgb1 img{ width:10px; height:10px;}



.jianjie-tc1{ width:calc(100% - 30px); height:auto; overflow:hidden; margin-top:10px;}

.jianjie-tc11{ width:40px; height:51px; overflow:hidden; float:left; background:url(../images/jianjie-xk.png) center center no-repeat; background-size:100% 100%;}

.jianjie-tc11 img{ width:33px; height:42px; overflow:hidden; margin-top:4px; margin-left:3px;}

.jianjie-tc12{ width:calc(100% - 50px); height:auto; overflow:hidden; float:right;}

.jianjie-tc121{ width:100%; height:24px; line-height:24px; color:#ffffff; overflow:hidden; font-size:14px; padding-top:2px;}

.jianjie-tc122{ width:100%; height:22px; line-height:22px; color:#02bf95; overflow:hidden; font-size:12px;}



.jianjie-tc2{ width:calc(100% - 30px); height:calc(100% - 100px); overflow:hidden; padding-top:8px;}

.jianjie-tc21{ width:100%; height:100%; overflow:auto; line-height:18px; font-size:12px; color:#ffffff;}

.jianjie-tc21 p{ text-indent:2em;}

/*简介弹窗结束*/



/*留言开始*/

.liuyan-zz{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none;}



.liuyan-max{ width:220px; height:54px; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background:rgba(0, 0, 0, 0.6); border-radius:2px 0 0 0;}

.liuyan-box{ width:calc(100% - 20px); height:48px; overflow:hidden; margin:3px auto 0;}

.liuyan-box li{ display:block; width:100%; height:auto; line-height:24px; font-size:12px; color:#fff; overflow:hidden;}
.liuyan-box li span{ display:inline-block; color:#f8ecdc}

.liuyan-box li:first-child{margin-top:0; transition:margin-top 1s}



.liuyan-xzmax{ width:400px; height:148px; overflow:hidden; background:rgba(0, 0, 0, 0.6);  border-radius:2px 0 0 0; position:fixed; bottom:0; right:0;  z-index:9999999; display:none;}

.liuyan-xzbox{width:calc(100% - 20px); height:108px; overflow:auto; margin:4px auto 0;}

.liuyan-xzbox li{ width:100%; height:28px; line-height:28px; overflow:hidden; font-size:13px; color:#fff;  text-overflow:ellipsis; white-space:nowrap;}

li.selected{ color:#999;}

.liuyan-a1{width:calc(100% - 20px); height:30px; line-height:30px; background:#fff; border-radius:2px; margin-top:4px; font-size:12px; color:#999999; text-indent:10px;  }


.liuyan-srzz{ width:100%; height:100vh; position:fixed; top:0; left:0;  z-index:9999999; background:rgba(0, 0, 0, 0.6); }

.liuyan-srtcbox{width:276px; height:180px; background:#fff; position:fixed; top:20px; left:calc(50% - 138px);  z-index:10000000; background:#fff; border-radius:8px;  }

.liuyan-srtc1{ width:246px; height:105px; overflow:hidden; border:1px solid #dadada;  border-radius:8px; margin:15px auto 0;}
.liuyan-srtc1 textarea{ display:block; width:220px; height:72px; line-height:24px; overflow:auto; margin:5px auto 0; font-size:14px; color:#333;}
.liuyan-srtc1 span{ display:block; width:220px; height:20px; line-height:20px; overflow:hidden; color:#b6b6b6; margin:5px auto 0; text-align:right;}

.liuyan-srtc2{ width:225px; height:33px; overflow:hidden; margin:10px auto 0;  border-radius:5px; background: linear-gradient(to right, #02bf95 0%,#3b9bf6 100%);}
.liuyan-srtc2 input{ display:block; width:100%; height:33px; line-height:33px; text-align:center; font-size:15px; color:#f3f3f3}

/*留言结束*/



/*海报开始*/

.haibao-zz{ width:100%; height:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:999999;  background:rgba(0, 0, 0, 0.5); display:none; }

.haibao-box{ width:165px; height:294px; overflow:hidden; position:fixed; top:15px; left:calc(50% - 82px);   z-index:99999999; background:#fff;  display:none; }

.haibao-box1{ width:100%; height:222px; overflow:hidden;}

.haibao-box1 img{ width:100%; height:100%;}

.haibao-box2{ width:145px; height:auto; overflow:hidden; padding-top:8px; margin-bottom:9px;}

.haibao-box21{ width:24px; height:30px; overflow:hidden; border:1px solid #56d4b7; float:left; margin-top:4px;}

.haibao-box21 img{ width:100%; height:100%;}

.haibao-box22{ width:76px; margin-left:3px; margin-top:10px; height:18px; line-height:18px; font-size:8px; color:#333; overflow:hidden; float:left;}

.haibao-box23{ width:37px; height:37px; overflow:hidden; float:right;}

.haibao-box23 img{ width:100%; height:100%;}



.haibao-box3{ width:100%; height:14px; line-height:14px; font-size:6px; overflow:hidden; text-align:center; color:#666;}



.haibao-gb{ width:26px; height:26px; overflow:hidden; position:fixed; bottom:15px;left:calc(50% - 13px);   z-index:9999999;  display:none;  }

.haibao-gb img{ width:100%; height:100%;}



/*海报结束*/




/*选择背景开始*/

.muban-mj{ width:100%; height:100%; overflow:hidden; position:relative;}





/*选择背景结束*/



/*弹幕开始*/

    #wrapper {

      height: 80px;

      width: 100%;

      position:fixed;

      overflow: hidden; top:12px; left:0; z-index:99;





    }

    .right {

      position: absolute;

      visibility: hidden;

      white-space: nowrap;

      /*left: 700px;*/

      transform: translateX(700px);

    }

    .jipinxx {

			 background:rgba(0,0,0,0.4); height:22px; border-radius:4px; padding:4px 5px; margin-bottom:8px;

      position: absolute;

      white-space: nowrap;

      user-select: none;

      transition: transform 7s linear; /* 时间相同 越长的弹幕滑动距离越长 所以越快~ */

    }

.jibai{ display:inline-block; width:13px; height:17px; margin:3px 4px 0;}

.huiyuan-dm{ width:22px; height:22px; display:inline-block; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin-right:4px;}

.jipin-dm{ width:22px; height:22px; display:inline-block; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-left:4px;}

.rm-dm{ display:inline-block; height:22px; line-height:22px; font-size:13px; color:#f8ecdc; vertical-align:top; padding:0 4px;}

.rw-dm{ display:inline-block; height:22px; line-height:22px; font-size:12px; color:#ffffff; vertical-align:top; padding:0 4px;}



/*弹幕结束*/

/*支付开始*/
body{transform-style: preserve-3d; -webkit-overflow-scrolling:touch;}

.zhifu-zz{ width:100%; height:100%; overflow:hidden; position:fixed; transform: translateZ(99999px);webkit-transform: translateZ(99999px);  top:0; left:0; z-index:999999;  background:rgba(0, 0, 0, 0.1); }
.zhifu-max{ width:200px;transform: translateZ(99999px); webkit-transform: translateZ(99999px); height:auto; min-height:200px; max-height:300px; overflow:hidden; background:#fff; position:fixed;  z-index:999999; top:20px; left:calc(50% - 100px); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.zhifu-box{  width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); height:auto; overflow:hidden; position:relative}
.zhifu-gb{ width:25px; height:25px; overflow:hidden; position:absolute; top:15px; right:0; z-index:3333;}
.zhifu-gb img{ width:15px; height:15px; display:block; margin-right:0; margin-top:0; float:right}

.zhifu-1{ width:100%; height:auto; overflow:hidden; padding-top:15px;}
.zhifu-1 img{ display:block; width:50px; height:50px; border:1px solid #eee; overflow:hidden; float:left; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.zhifu-1 font{ display:block; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); float:right; height:52px; line-height:52px; font-size:13px; color:#333; }
.zhifu-2{ width:100%; height:36px; line-height:36px; font-size:13px; color:#333; overflow:hidden;}
.zhifu-2 span{}
.zhifu-2 font{ color:#ed7369; }
.zhifu-3{ width:100%; line-height:19px; font-size:13px; color:#333; overflow:hidden; margin-top:10px;}
.zhifu-3 span{ color:#ed7369; display:block; width:calc(100% - 58px); float:left; }
.zhifu-4{ width:100%; height:auto; overflow:hidden; min-height:60px; color:#ed7369;line-height:30px; font-size:15px; padding-top:5px;}
.zhifu-4 label{ display:inline-block; margin-right:10px;}
.zhifu-4 label input{ margin-right:5px; display:inline-table; margin-top:6px; vertical-align:top;}
.zhifu-4 font{ color:#333; display:inline-block; vertical-align:top;}
.zhifu-4 span{ display:inline-block; vertical-align:top; padding-top:1px;}
.zhifu-4 p{ display:inline-block; color:#333; font-size:13px; vertical-align:top; padding-top:1px;}
.zhifu-an{  width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);  height:40px; margin-top:15px; overflow:hidden; background:#3b9bf6;  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin-bottom:15px;}
.zhifu-an input{ display:block; width:100%; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; }
/*支付结束*/ 
#music{ display:none;}



.xuanzhuan{
    animation:0ms;
    -webkit-animation:rotateImg 3s linear infinite;
    vertical-align: middle;
  }
  @keyframes rotateImg {
    0% {transform : rotate(0deg);}
    100% {transform : rotate(360deg);}
  }
  @-webkit-keyframes rotateImg {
      0%{-webkit-transform : rotate(0deg);}
    100%{-webkit-transform : rotate(360deg);}
  }

/*el-message el-message--success*/
.el-message{ width:180px; min-width:80px !important; text-align:left !important;}
.el-message i{ float:left; margin-left:0; padding-left:0}

/*单多选的样式 开始*/

.mgc {
    position: relative;
    width: 16px;
    height: 16px;
    background-clip: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: -0.15px .6px 0 0;
    vertical-align: text-bottom;
    border-radius: 3px;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    background-color: #fff;
    border: 1px solid #ed7369;
}

.mgc:checked:after {
  content: '';
    display: block;
    height: 4px;
    width: 7px;
    border: 0 solid #333;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 3px;
    left: 3px
}

.mgc:disabled {
    opacity: .65
}

.mgc:focus {
 outline: none;
  /*  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075), 0 0 2px #38c5ec*/
}

.mgc:checked {
  background-color: #fff;
    border-color: #ed7369;
}

.mgc:checked:after {
  border-color: #f00;
		    content: '';
    display: block;
    height: 4px;
    width: 7px;
    border: 0 solid #333;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

    top: 3px;
    left: 3px
}

.mgc-primary {

   background-color: #eee;
    border: 1px solid #eee;


}



.mgc-primary:checked {
   background-color: #ed7369;
    border-color: #ed7369;
}

.mgc-primary:checked:after {
    border-color: #fff
}
.mgc-circle {
    border-radius: 50%
}
/*单多选的样式 结束*/

.layui-layer{ width:190px !important; margin-left:-95px !important; top:50px !important; left:50% !important}

audio{ display:none;}

 .yanhua2-max{ width:100%; height:100%; position:relative;  top:0; left:0; z-index:999999;}
 
.zhifu-max1{ width:170px; height:200px; background:url(../images/tanchuang-bj.png) center top no-repeat; border-radius:10px; background-size:100% 100%; overflow:hidden; position:fixed; top:60px; left:60px; z-index:9999999; transform: translateZ(99999px); webkit-transform: translateZ(99999px);}
.zhifu-1box{width:140px; height:95px; background:#f5f5f5; overflow:hidden; margin-top:8px; overflow:hidden;}
.zhifu-11{ width:100%; height:auto; overflow:hidden;}
.zhifu-111{ width:54px; height:54px; overflow:hidden; float:left; margin-top:10px; margin-left:11px; vertical-align:top; border:1px solid #02bf95; border-radius:4px;}
.zhifu-111 img{ width:100%; height:100%;}
.zhifu-112{ float:right; margin-right:10px; width:55px;  height:auto;  overflow:hidden; }
.zhifu-1121{ width:100%; height:23px; line-height:23px; font-size:13px; color:#333333; overflow:hidden; padding-top:15px;}
.zhifu-1122{ width:100%; height:19px; line-height:19px; font-size:9px; color:#fd8d12; overflow:hidden; }
.zhifu-21{ width:90%; height:auto; line-height:22px; color:#02bf95; overflow:hidden; margin-top:1px; text-align:center}
.zhifu-21 span{ display:inline-block; font-size:14px;}
.zhifu-21 font{ display:inline-block; font-size:9px;}


.zhifu-13{ width:100%; height:auto; padding-top:8px; overflow:hidden;}
.zhifu-13 input{ display:block; width:120px; border-radius:16px; margin:0 auto; padding:7px 0; line-height:15px; vertical-align:top; height:auto; overflow:hidden; text-align:center; font-size:15px; color:#fff; font-weight:bold; 

background: -moz-linear-gradient(top, #fecc64 0%, #fd880a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fecc64), color-stop(100%,#fd880a));
background: -webkit-linear-gradient(top, #fecc64 0%,#fd880a 100%);
background: -o-linear-gradient(top, #fecc64 0%,#fd880a 100%);
background: -ms-linear-gradient(top, #fecc64 0%,#fd880a 100%);
background: linear-gradient(to bottom, #fecc64 0%,#fd880a 100%);
 }
 .zhifu-gb1{ width:40px; height:40px; overflow:hidden; margin-left:10px; margin-top:6px;}
 .zhifu-gb1 img{ width:13px; height:13px; }
 
 .yanhua2{ z-index:999999}
 
 #xingming{ line-height:13px; font-family:"kaiti" !important }
 #xingming1{ line-height:13px; font-family:"kaiti" !important}
 
 
 .chongzhia-box{ width:230px; height:auto; overflow:hidden; background:rgba(255,255,255,0.95);  position:fixed; top:180px; left:calc(50% - 115px); z-index:9999999; transform: translateZ(99999px); webkit-transform: translateZ(99999px);  border-radius:10px; vertical-align:top;}
 .chongzhia-1{ width:calc(100% - 20px); height:24px; line-height:24px; text-align:center; font-size:16px; color:#333; overflow:hidden; padding-top:7px;  vertical-align:top;}
.chongzhia-2{ width:calc(100% - 20px); height:24px; line-height:24px; font-size:14px; overflow:hidden; color:#666; text-align:center; padding-top:0px;  vertical-align:top;}
 
.chongzhia-3{width:100%; height:32px; overflow:hidden; margin-top:7px; border-top:1px solid #eee;  vertical-align:top;}
.chongzhia-31{ width:calc(50% - 1px);  overflow:hidden; height:32px; line-height:32px; float:left; color:#333; text-align:center;  font-size:14px;   border-right:1px solid #eee;  vertical-align:top;} 

.chongzhia-32{width:50%;  overflow:hidden; height:32px; float:right; vertical-align:top; } 
.chongzhia-32 input{ display:block;  width:100%; height:32px; line-height:32px; overflow:hidden; color:#02bf95; font-size:14px; }
.chongzhia-32 a{ display:block; text-align:center;  width:100%; height:32px; line-height:32px; overflow:hidden; color:#02bf95; font-size:14px; }

.el-message{ display:block !important;}


.yanhua1{ position:absolute;width:30%; height:auto; overflow:hidden; top:4.5%; left:70%; z-index:55;}
.yanhua1 img{ width:100%;}

.yanhua5{ width:800px; height: 100%; overflow: hidden; position: absolute; top: 0%; left:-150px ; z-index: 11111; opacity: 0.6;  transform: translateZ(99999px); webkit-transform: translateZ(99999px);   }
.yanhua5 img{ width: 100%; height:100%; opacity: 0.7; }


.cmd-tz{ width:55px; height:55px; overflow:hidden; border-radius:2px; position:fixed; z-index:9999; left:10px; top:120px;}
.cmd-tz img{ width:100%; height:100%;}

.zhankai-bk{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}


.zhankai-bk span{
    position: absolute;
    display: block;
}
.zhankai-bk span:nth-child(1){
    height: 2px;
    width:55px;
    top:0px;
    left:-55px;
    background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 1s linear infinite;
    animation-delay: 0.5s;
}

@keyframes span1{
    0%{
        left:-55px
    }
    100%{
        left:55px;
    }
}
.zhankai-bk span:nth-child(2){
    height: 55px;
    width: 2px;
    top:-55px;
    right:0px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #f6e58d);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span2 1s linear infinite;
    animation-delay: 1s;
}
@keyframes span2{
    0%{
        top:-55px;
    }
    100%{
        top:55px;
    }
}
.zhankai-bk span:nth-child(3){
    height:2px;
    width:55px;
    right:-55px;
    bottom: 0px;
    background: linear-gradient(to left, rgba(0,0,0,0), #f6e58d);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    animation: span3 1s linear infinite;
    animation-delay: 1.5s;
}
@keyframes span3{
    0%{
        right:-55px;
    }
    100%{
        right: 55px;
    }
}

.zhankai-bk span:nth-child(4){
    height:55px;
    width:2px;
    bottom:-55px;
    left:0px;
    background: linear-gradient(to top, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    animation: span4 1s linear infinite;
    animation-delay: 2s;
}
@keyframes span4{
    0%{
        bottom: -55px;
    }
    100%{
        bottom:55px;
    }
}
/*----*/

.morena .cmd{ margin-left:0.5%;}
.morena .cmd:last-child{ margin-right:0.5%;}
.hongche{ margin-right:2%;}

.haoche1{ margin-right:4%;}

.haoche2{ margin-right:6%;}