/* ------ 公用样式 ------ */

/* --- 初始化 --- */
*{margin:0; padding:0; box-sizing: border-box; outline:0; zoom:1;}
body {margin: 0; line-height:1;}
html { background: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
audio, canvas, video {display: inline-block;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0; border: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: 400;}
ul, ol {list-style: none;}
a { text-decoration:none; outline:none; background-color: transparent; -webkit-text-decoration-skip: objects;}
a:active,a:hover { outline-width: 0;}
strong, b {font-weight: bold; color: #000;}
img {border-style: none;vertical-align:middle;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;max-width:100%;}
li{list-style-type:none;}
i{font-style:normal;}
span{display:block;}
.clear{clear:both;}
em,i,p{line-height:100%;}
.icon{font-family:iconfont;}
input{-webkit-user-select:text !important;}
button,input,optgroup,select,textarea {font-size: 100%; /* 1 */line-height: 1.15; /* 1 */margin: 0; /* 2 */outline:none;}
button,input { /* 1 */ overflow: visible;}
button,select { /* 1 */text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] {-webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
[data-appear=in-view]{opacity:0;-webkit-transition:opacity 650ms ease,top .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:opacity 650ms ease,top .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:opacity 650ms ease,transform .6s cubic-bezier(.215,.61,.355,1),top .6s cubic-bezier(.215,.61,.355,1);transition:opacity 650ms ease,transform .6s cubic-bezier(.215,.61,.355,1),top .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1)}
[data-appear=in-view][data-has-appear="1"]{opacity:1}
[data-appear=in-view][data-appear-from][data-has-appear="1"]{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
[data-appear=in-view][data-appear-from-no-trans][data-has-appear="1"]{opacity:1;top:0}
[data-appear=in-view][data-appear-from=below]{-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
[data-appear=in-view][data-appear-from=above]{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
[data-appear=in-view][data-appear-from=above-light]{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);-webkit-transition:opacity .6s ease,-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:opacity .6s ease,-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:opacity .6s ease,transform .6s cubic-bezier(.215,.61,.355,1);transition:opacity .6s ease,transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1)}
[data-appear=in-view][data-appear-from=below-light]{-webkit-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0);-webkit-transition:opacity .6s ease,-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:opacity .6s ease,-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:opacity .6s ease,transform .6s cubic-bezier(.215,.61,.355,1);transition:opacity .6s ease,transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1)}
[data-appear=in-view][data-appear-from-no-trans=above]{top:-15px;position:relative}



/* ---  图片 --- */
.img{transition: all 0.6s;}
.img:hover{transform: scale(1.4);}


/* ---  字体 --- */

/* html / body  */
html,body{font-size:14px; }
body, button, input, select, textarea {font: 400 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;}

/* H1 - H6 */
h1, h2, h3, h4, h5, h6 {font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;font-weight: 400; color: #000;line-height: 1;}




/* --- 颜色 --- */

/* html,body  */
html,body{color:#333;}

 
/* a - 默认 */
a{color:#333;}
a:hover{color:#F97200;}
a:active{color:#F97200;}


.cf{zoom:1}
.cf:after{clear:both;content:'';display:block;height:0;visibility:hidden}
.fl{float:left}
.fr{float:right}


.quotes {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; margin-top:20px; margin-bottom:50px;}
.quotes a {border-right: #ddd 1px solid; padding-right: 10px; border-top: #ddd 1px solid; padding-left: 10px; padding-bottom: 5px; border-left: #ddd 1px solid; color: #aaa; margin-right: 2px; padding-top: 5px; border-bottom: #ddd 1px solid; text-decoration: none}
.quotes a:hover {border-right: #a0a0a0 1px solid; padding-right: 10px; border-top: #a0a0a0 1px solid; padding-left: 10px; padding-bottom: 5px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 5px; border-bottom: #a0a0a0 1px solid; background-color:#2f26a3; color:#FFF}
.quotes a:active {border-right: #a0a0a0 1px solid; padding-right: 10px; border-top: #a0a0a0 1px solid; padding-left: 10px; padding-bottom: 5px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 5px; border-bottom: #a0a0a0 1px solid; background-color:#2f26a3; color:#FFF}
.quotes a.on {border-right: #e0e0e0 1px solid; padding-right: 10px; border-top: #e0e0e0 1px solid; padding-left: 10px; font-weight: bold; padding-bottom: 5px; border-left: #e0e0e0 1px solid; color: #aaa; margin-right: 2px; padding-top: 5px; border-bottom: #e0e0e0 1px solid; background-color:#2f26a3; color:#FFF}
.quotes a.disabled {border-right: #f3f3f3 1px solid; padding-right: 10px; border-top: #f3f3f3 1px solid; padding-left: 10px; padding-bottom: 5px; border-left: #f3f3f3 1px solid; color: #ccc; margin-right: 2px; padding-top: 5px; border-bottom: #f3f3f3 1px solid}