.main,.main .head,body,html{width:100%}.main .list,img{display:block}.item,.main,.main .head{position:relative}.back,.main{min-height:100%}li{list-style:none}a{text-decoration:none;cursor:pointer}body,html,img,li,p,ul{margin:0;padding:0}p{font-size:18px;line-height:22px}body,html{height:100%}.bg{background:url(../img/m-bg.jpg);background-size:100% 100%}.main{background:url(../img/m-bg.jpg) repeat-y;background-size:100% 100%}.main .head .title{float:left;width:30%;margin:14px 0 16px 20px}.main .head .title img{width:100%;height:auto}.main .head .au{float:right;margin:26px 20px 16px 0}.main .table{width:100%;clear:both;overflow:hidden}.main .list{width:100%}.main .list li{float:left;width:30%;height:25%;margin-bottom:1%}.item,.wrap{height:100%}.main .list li:nth-child(3n+1){margin-left:4%}.main .list li:nth-child(3n+2){margin:0 1%}.main .dscr{clear:both;text-align:center;margin-top:10px}.item{perspective:1000;-webkit-perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px)}.main .item.hover .back{transform:rotateY(0);-webkit-transform:rotateY(0)}.main .item.hover .front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.back,.front{position:absolute;top:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-moz-backface-visibility:hidden;transition:.6s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-transition:.6s;width:100%}.wrap{position:relative;width:100%}.front{z-index:3;-webkit-transform:rotateY(0);transform:rotateY(0);width:100%;height:auto}.back{z-index:2;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);background-color:#EFEBE7}.back-temp{position:absolute;z-index:4;top:0;left:0}.one{width:80px;margin:12px auto}.one img,.two img{width:100%;height:auto}.two{width:100%}.three{width:90%;margin:8px auto;color:#6c1313}.four{position:relative;overflow:hidden;width:286px;margin:16px auto}.five,.five .text{position:absolute}.four .backup,.four .share{width:96px;height:33px;float:left}.four .backup{background:url(../img/m-f.png) no-repeat;background-size:auto 100%;margin-left:74px}.four .share{background:url(../img/m-f.png) -159px 0 no-repeat;background-size:auto 100%;margin-left:20px}.five{width:100%;height:100%;display:none;top:0;left:0;background-color:rgba(0,0,0,.7)}.five .hd{width:100px;height:79px;background:url(../img/share.png) 6px 0 no-repeat;background-size:100px auto;float:right}.five .text{width:100%;text-align:center;top:38%}.five .text p{line-height:30px;color:#fff}.six{clear:both;width:90%;margin:36px auto 8px}.six p{font-size:16px;line-height:20px;color:#3c3c3c}.copyright{width:100%;margin-top:30px;background:#a04848}.copyright p{text-align:center;line-height:30px;font-size:14px;color:#fff}@media screen and (min-width:600px){body{width:600px;margin:0 auto}}@media screen and (min-height:600px){.main .dscr{margin-top:24px}.four{margin:18px auto}}