init: 从宝塔同步到 Gitea

public/static/wapchip/css/chip.css

@@ -0,0 +1,98 @@
+.begincard{
+	position: fixed;
+	top:0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: none;
+	z-index: 999;
+	display: none;
+	pointer-events: none;
+}
+
+.begincard .box{
+	position: absolute;
+	width: 100%;
+	left: 0;
+	top: 0;
+	opacity: 0;
+}
+.begincard .box .list{
+	float: left;
+	width: 50%;
+	text-align: center;
+	box-sizing: border-box;
+	position: relative;
+} 
+/*
+.begincard .box .list:after{
+	content: "";
+	width: 90%;
+	height:0;
+	border:1px solid #fff;
+	position: absolute;
+	height: 110%;
+	top: -8%;
+	left: 5%;
+}*/
+
+
+.begincard .box .list .item{
+	display: inline-block;
+
+}
+
+.begincard .box .list .item:nth-of-type(3){
+	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+   -moz-transform: rotate(90deg);
+   -o-transform: rotate(90deg);
+   -webkit-transform: rotate(90deg);
+   transform: rotate(90deg);
+   display: none;
+}
+
+
+.play .begincard .list .item img.begin{
+    -webkit-backface-visibility: visible!important;
+    backface-visibility: visible!important;
+    -webkit-animation-name: flipInY;
+    animation-name: flipInY
+    -webkit-animation-iteration-count: infinite;
+    animation-iteration-count: infinite
+    -webkit-animation-duration: 2s;
+    animation-duration: 2s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both
+}
+
+.begincard .box .list .text{
+	color: #fff;
+	font-size: 0.5rem;
+	padding-bottom: 0.2rem;
+	font-weight: bold;
+	text-shadow: 1px 1px 1px #000;
+	opacity: 1;
+}
+
+.begincard .box .player-card .text{
+	
+	color:#00d2ff;
+}
+.begincard .box .banker-card .text{
+	color: #ff5953;
+}
+
+.result_img{
+	position: absolute;
+	z-index: 999;
+	top: 50%;
+	left: 50%;
+	width: 200px;
+	height: 128px;
+	margin-left: -100px;
+	margin-top:-128px;
+	-webkit-animation: bounceIn .5s 0s ease both;
+    -moz-animation: bounceIn .5s 0s ease both;
+    display: none;
+
+}

public/static/wapchip/css/global.css

@@ -0,0 +1,399 @@
+@charset "utf-8";
+/* 禁用iPhone中Safari的字号自动调整 */
+html {
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%;
+    
+}
+/* 去除iPhone中默认的input样式 */
+input[type="submit"],
+
+input[type="reset"],
+
+input[type="button"],
+
+input,button{-webkit-appearance:none; resize: none;outline: none;}
+/* 取消链接高亮  */
+body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
+aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
+/* 设置HTML5元素为块 */
+article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
+display: block;
+}
+/* 图片自适应 */
+img {
+max-width: 100%;
+height: auto;
+width:auto\9; /* ie8 */
+-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
+}
+/* 初始化 */
+body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
+aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
+body{font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color:#555; background-color:#f5f3f3; }
+em,i{font-style:normal;}
+strong{font-weight: normal;}
+.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
+.clearfix{zoom:1;}
+a{text-decoration:none; color:#666664; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
+a:hover{ text-decoration:none;}
+ul,ol{list-style:none;}
+h1, h2, h3, h4, h5, h6{ font-size:100%;font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
+img{border: none;vertical-align: top;}
+input,textarea{outline:none; resize:none;}
+.fl{float: left;}
+.fr{float: right;}
+.wrap{min-width:320px; max-width:540px;}
+.m{margin: 0 auto;}
+
+body{
+  -webkit-font-smoothing: antialiased;
+}
+
+/*定时器弹窗提示*/
+.a_lert {
+  position: fixed;
+  top: 50%;
+  margin-top: -3rem;
+  z-index: 999;
+  left: 0;
+  width: 100%;
+}
+.a_lert .a_box {
+  text-align: center;
+  overflow: hidden;
+  background: rgba(0, 0, 0, 0.8);
+  border-radius: 5px;
+  display: table;
+  margin: 0 auto;
+}
+.a_lert .a_box img {
+  width: 1.2rem;
+  margin-top: 0.4rem;
+}
+.a_lert .a_box span {
+  line-height: 2.5;
+  color: #A8A8A8;
+  font-size: 0.34rem;
+  min-width: 5rem;
+  display: block;
+}
+.a_lert .a_box p {
+  line-height: 1;
+  font-size: 0.35rem;
+  color: #EFEDED;
+  padding: 0.35rem 0.5rem;
+  letter-spacing: 1px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-weight: 500;
+}
+/*按钮弹窗*/
+.pop{
+    position: fixed;
+    width: 100%;
+    top: 0;
+    z-index: 999;
+    text-align: center;
+    /*display: none;*/
+    -webkit-animation: bounceIn .3s 0s ease both;
+    -moz-animation: bounceIn .3s 0s ease both;
+}
+.pop-box{
+    background: rgba(0, 70, 18, 0.85);
+    margin: 0.5rem;
+    margin-top: 5rem;
+    padding:0.2rem;
+    border-radius: 0.1rem;
+    border: 0.05rem solid #f2d589;
+    color: #fff;
+    box-shadow: 0px 5px 20px #000;
+    -moz-box-shadow: 0px 5px 20px #000;
+    
+}
+
+.pop-box .txt{
+   padding: 0.8rem 0;
+   line-height: 1.6;
+   font-size: 0.4rem;
+   font-weight: 500;
+}
+.pop-box .btn{
+    width: 49%;
+    background: rgba(242, 213, 137, 0.63);
+    line-height: 0.8rem;
+    border-radius: 0.1rem;
+    font-size: 0.4rem;
+    cursor: pointer;
+}
+@-webkit-keyframes bounceIn {
+  0% {
+    opacity: .8;
+    -webkit-transform: scale(0.5);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+  }
+}
+@-moz-keyframes bounceIn {
+  0% {
+    opacity: .8;
+    -moz-transform: scale(0.5);
+  }
+  100% {
+    opacity: 1;
+    -moz-transform: scale(1);
+  }
+}
+/*遮罩*/
+.slide-bg {
+    width: 100%;
+    height: 100%;
+    top: 0;
+    background: rgba(0,0,0,0.5);
+    position: fixed;
+    z-index: 100;
+    display: none;
+}
+
+
+  /*WEUI*/
+.weui-picker-overlay, .weui-picker-container {
+    position: fixed;
+    bottom: 0;
+    margin:auto;
+    left:auto;
+    right: auto;
+    height: 0;
+    width: 100%;
+    z-index: 999;
+}
+.weui-picker-modal.weui-picker-modal-visible {
+    opacity: 1;
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+}
+
+.weui-picker-modal {
+
+    width: 100%;
+    position: absolute;
+    z-index: 999;
+    bottom: 0;
+    text-align: center;
+    border-radius: 0;
+    opacity: .6;
+    color: #3d4145;
+    -webkit-transition-duration: .3s;
+    transition-duration: .3s;
+    height: 5rem;
+    background: #fff;
+    -webkit-transform: translate3d(0,100%,0);
+    transform: translate3d(0,100%,0);
+    -webkit-transition-property: opacity,-webkit-transform;
+    transition-property: opacity,-webkit-transform;
+    transition-property: transform,opacity;
+    transition-property: transform,opacity,-webkit-transform;
+}
+.weui-picker-modal .toolbar {
+    position: relative;
+    width: 100%;
+    font-size: 0.35rem;
+    line-height: 1.5;
+    color: #3d4145;
+    background: #fff;
+    padding: 0.1rem 0;
+    border-bottom: 1px solid #eee;
+
+}
+
+.weui-picker-modal .toolbar:before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: auto;
+    right: auto;
+    height: 0.01rem;
+    width: 100%;
+    background-color: #d9d9d9;
+    display: block;
+    z-index: 15;
+    -webkit-transform-origin: 50% 0;
+    transform-origin: 50% 0;
+}
+/*.weui-picker-modal .picker-center-highlight:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    right: auto;
+    top: auto;
+    height: 1px;
+    width: 100%;
+    background-color: #d9d9d9;
+    display: block;
+    z-index: 15;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+}
+
+.weui-picker-modal .picker-center-highlight:before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: auto;
+    right: auto;
+    height: 1px;
+    width: 100%;
+    background-color: #d9d9d9;
+    display: block;
+    z-index: 15;
+    -webkit-transform-origin: 50% 0;
+    transform-origin: 50% 0;
+}*/
+
+.weui-picker-modal .picker-items-col.picker-items-col-divider {
+    color: #3d4145;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2){
+.weui-picker-modal .toolbar:before {
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+}
+/*.weui-picker-modal .picker-center-highlight:after {
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+}
+
+
+.weui-picker-modal .picker-center-highlight:before {
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+}*/
+
+}
+.weui-picker-modal .toolbar-inner {
+    height:0.8rem;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    text-align: center;
+}
+
+.weui-picker-modal .picker-button {
+    position: absolute;
+    right: 0;
+    box-sizing: border-box;
+    height: 0.8rem;
+    line-height: 0.8rem;
+    color: #FF5823;
+    z-index: 1;
+    padding:0rem 0.5rem;
+}
+
+.weui-picker-modal .title {
+    position: absolute;
+    display: block;
+    width: 100%;
+    padding: 0;
+    font-size: 0.4rem;
+    font-weight: normal;
+    line-height: 0.8rem;
+    color: #FF5823;
+    font-weight: 500;
+    text-align: center;
+    white-space: nowrap;
+}
+.weui-picker-modal .picker-modal-inner {
+    position: relative;
+    height:4rem;
+}
+
+.weui-picker-modal .picker-items {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    width: 100%;
+    padding: 0;
+    text-align: right;
+    font-size: 0.38rem;
+    font-weight: normal;
+    -webkit-mask-box-image: -webkit-linear-gradient(bottom,transparent,transparent 5%,white 20%,white 80%,transparent 95%,transparent);
+    -webkit-mask-box-image: linear-gradient(to top,transparent,transparent 5%,white 20%,white 80%,transparent 95%,transparent);
+}
+.weui-picker-modal .picker-items-col.picker-items-col-center {
+    text-align: center;
+    width: 100%;
+}
+.weui-picker-modal .picker-items-col {
+    overflow: hidden;
+    position: relative;
+    max-height: 100%;
+}
+.weui-picker-modal .picker-items-col-wrapper {
+    -webkit-transition: 300ms;
+    transition: 300ms;
+    -webkit-transition-timing-function: ease-out;
+    transition-timing-function: ease-out;
+    width: 100%;
+}
+.weui-picker-modal .picker-center-highlight {
+    height: 0.7rem;
+    box-sizing: border-box;
+    position: absolute;
+    left: 0;
+    width: 100%;
+    top: 50%;
+    margin-top: -0.3rem;
+    pointer-events: none;
+    font-weight: 500;
+}
+
+
+.weui-picker-modal .picker-item {
+    height: 0.7rem;
+    line-height: 0.7rem;
+    padding: 0 0.25rem;
+    white-space: nowrap;
+    position: relative;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: #9b9b9b;
+    left: 0;
+    top: 0;
+    width: 100%;
+    box-sizing: border-box;
+    -webkit-transition: 300ms;
+    transition: 300ms;
+}
+
+.weui-picker-modal .picker-item.picker-selected{
+    color: #FF5823;
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+    -webkit-transform: rotateX(0deg);
+    transform: rotateX(0deg);
+    font-size: 0.42rem;
+    padding: 0 0.2rem;
+}
+
+