a,abbr,b,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,img,input,li,ol,p,pre,samp,select,span,strong,sub,sup,table,tt,ul,var{margin:0;padding:0;}
img,input{outline:0;border:0;}
body,html{width:100%;height:100%;}
input,select{outline:0;}
img{width:auto\9;height:auto;}
img{width: 100%;}
body{height:100%;color:#2d2d2d;word-wrap:break-word;font-family:'Microsoft YaHei','微软雅黑';word-break:break-all;min-width: 1300px;overflow-y: hidden;overflow-x: hidden}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
a{outline:0;color:#026acb;}
a,a:hover{text-decoration:none;}
ol,ul{list-style:none;}

body{background:url(../sub/bg_con.jpg) no-repeat center; background-size: auto;}
body{min-width:1200px;}
.main{width: 100%;height: 100%;}
.zi{width: 1200px;height: 800px;position: absolute;left: 50%;margin-left: -600px;top: 50%;margin-top: -400px;}
.smy_ctrl { position:relative; min-height:50px; cursor:move; overflow:hidden;}

/* 第一个十字 */
.num_1{top: 19%;left: 4%}
.num_2{top: 25%;left:4%}
.num_3{top: 31%;left:4%}
/* 年字 */
.num_4{top: 19%;left: 12%}
.num_5{top: 25%;left: 12%}
.num_6{top: 31%;left: 12%}
.num_7{top: 17%;left: 24%}
.num_8{top: 23%;left: 24%}
.num_9{top: 29%;left: 24%}
.num_10{top: 24%;left: 20%}
.num_11{top: 24%;left: 28%}
.num_12{top: 20%;left: 36%}
.num_13{top: 20%;left: 40%}
.num_14{top: 20%;left: 44%}
.num_15{top: 26%;left: 36%}
.num_16{top: 26%;left: 40%;}
.num_17{top: 26%;left: 44%;}
.num_18{top: 32%;left: 40%;}
.num_19{top: 35%;left: 24%;}

.num_20{top: 42%;left:48%}
.num_21{top: 55%;left:50%}
.num_22{top: 61%;left: 50%}
.num_23{top: 67%;left: 50%}
.num_24{top: 55%;left: 59%}
.num_25{top: 61%;left: 59%}
.num_26{top: 67%;left: 59%}
.num_27{top: 55%;left: 71%}
.num_28{top: 61%;left: 71%}
.num_29{top: 67%;left: 71%}
.num_30{top: 60%;left: 67%}
.num_31{top: 60%;left: 75%}
.num_32{top: 52%;left: 86%}
.num_33{top: 56%;left: 82%}
.num_34{top: 58%;left: 86%}
.num_35{top: 56%;left: 90%;}
.num_36{top: 64%;left: 86%;}
.num_37{top: 70%;left: 86%}
.num_38{top: 66%;left: 82%;}
.num_39{top: 63%;left: 90%;}
.num_40{top: 69%;left: 90%;}

.card{width: 40px;position: absolute;height: 40px;opacity: 0;}
.card img{border:3px solid #fff;width: 100%}
.front,.back {display: flex;justify-content: center;align-items: center;position: absolute;height: 100%;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform-style: preserve-3d;-ms-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-o-transform-style: preserve-3d;transition: ease-in-out 600ms;-ms-transition: ease-in-out 600ms;-moz-transition: ease-in-out 600ms;-webkit-transition: ease-in-out 600ms;-o-transition: ease-in-out 600ms;}
.front {overflow: hidden;}
.front:before {position: absolute;display: block;content:'';top: 0;left: 0;right: 0;bottom: 0;opacity:0.25;z-index: -1;}
.card{cursor: pointer;}

/*.card:hover .front {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}

.card:nth-child(even):hover .front {transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}*/

.back {transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}
.card:hover .back {transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
/*
.card:nth-child(even) .back {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.card:nth-child(even):hover .back {transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
*/

.num_1{margin-left:550px\0;}
*+html .num_1{margin-left:550px;}


/*yy-return*/
.yy-return{width:auto; height: 40px; position:absolute; bottom: 25px; right: 25px;}
.yy-return p{width:auto; height: 40px; display: block; font-size: 25px; color: #fff; text-align: right; line-height: 40px;}
.yy-return p a{color: #fff;}