/*通用*/
a{text-decoration:none;}
*{ text-decoration:none;color: #000000; font: "微软雅黑";}

@charset "utf-8";
/* CSS Document */

/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; outline: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }*/

::selection { background: #ff6600; color: #FFF; }

::-moz-selection { background: #ff6600; color: #FFF; }

*:after, *:before { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

a:hover, a:active { outline: 0; }

ul, ol, li { list-style: none; }

img { width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;  }

html, body { -webkit-user-select: none; font-size: 62.5%; /* 禁止选中文本（如无文本选中需求，此为必选项） */ user-select: none; }

body { width: 100%; -webkit-text-size-adjust: none; font-size: 1.2rem; font: 12px/1.2 'Helvetica Neue','Microsoft Yahei',AppleGothic, Helvetica, STHeiTi, sans-serif; line-height: 160%; color: #333; background:#fff; }

*:link, *:visited, *:hover, *:active, *:focus { transition: color .20s linear,background-color .20s linear,border-color .20s linear; }

a { color: #333; text-decoration: none; outline: none; -webkit-touch-callout: none; }
a:hover { color: #990000; text-decoration: none; }
/*缺省结束*/



/*以下是动画部分*/
@media only screen and (min-width: 641px) {
/*放大弹性出现*/
.sz0{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.active .sz0{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s;}
.leeclass .sz0{ opacity: 1; transform:scale(1, 1); transition-delay: 0.5s;}
/*一个一个放大弹性出现*/
.sz1{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.sz2{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.sz3{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.sz4{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 2s; }
.sz5{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 2s; }
.sz6{ opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 2s; }
.active .sz1 opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s; }
.active .sz2 opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s; }
.active .sz3 opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.9s; }
.active .sz4 opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.1s; }
.active .sz5 opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.3s; }
.active .sz6 opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1.5s; }
.leeclass .sz1{ opacity: 1; transform:scale(1, 1); transition-delay: 0.5s; }
.leeclass .sz2{ opacity: 1; transform:scale(1, 1); transition-delay: 0.7s; }
.leeclass .sz3{ opacity: 1; transform:scale(1, 1); transition-delay: 0.9s; }
.leeclass .sz4{ opacity: 1; transform:scale(1, 1); transition-delay: 1.1s; }
.leeclass .sz5{ opacity: 1; transform:scale(1, 1); transition-delay: 1.3s; }
.leeclass .sz6{ opacity: 1; transform:scale(1, 1); transition-delay: 1.5s; }




/*缩小出现*/
.szs0{  opacity:0; -webkit-transform:scale(2.5, 2.5); transform:scale(2.5, 2.5); transition: all 1s; }
.active .szs0{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s; }
.leeclass .szs0{ opacity: 1; transform:scale(1, 1); transition-delay: 0.5s; }
/*缩小出现2*/
.s1-1{ opacity:0; -webkit-transform:scale(4.5, 4.5); transform:scale(4.5, 4.5); transition: all 1s; }
.active .s1-1{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.0s; }
.leeclass .s1-1{ opacity: 1; transform:scale(1, 1); transition-delay: 0.0s; }

/*位移动画一个一个出现*/
.sw1{ opacity:0; transition: all 1s; margin-top: -500px; }
.sw2{ opacity:0; transition: all 1s; margin-top: -500px; }
.sw3{ opacity:0; transition: all 1s; margin-top: -500px; }
.sw4{ opacity:0; transition: all 1s; margin-top: -500px; }
.sw5{ opacity:0; transition: all 1s; margin-top: -500px; }
.sw6{ opacity:0; transition: all 1s; margin-top: -500px; }
.active .sw1{ opacity: 1; transition-delay: 0.5s; margin-top:10px; }
.active .sw2{ opacity: 1; transition-delay: 0.7s; margin-top:10px; }
.active .sw3{ opacity: 1; transition-delay: 0.9s; margin-top: 10px; }
.active .sw4{ opacity: 1; transition-delay: 1.1s; margin-top: 10px; }
.active .sw5{ opacity: 1; transition-delay: 1.3s; margin-top: 10px; }
.active .sw6{ opacity: 1; transition-delay: 1.3s; margin-top: 10px; }
.leeclass .sw1{ opacity: 1; transition-delay: 0.5s; margin-top: 10px;  }
.leeclass .sw2{ opacity: 1; transition-delay: 0.7s; margin-top: 10px; }
.leeclass .sw3{ opacity: 1; transition-delay: 0.9s; margin-top: 10px; }
.leeclass .sw4{ opacity: 1; transition-delay: 1.1s; margin-top: 10px;  }
.leeclass .sw5{ opacity: 1; transition-delay: 1.3s; margin-top: 10px; }
.leeclass .sw6{ opacity: 1; transition-delay: 1.5s; margin-top: 10px; }


}










