/* - - - - - - - - - 各浏览器样式默认值标准化 - - - - - - - - -*/ html,body,span,object,iframe,h1,h2,h3,h4,h5,p,pre, a,address,code, del,em,img,dl,dt,dd,ol,ul,li, fieldset,form,label{ margin:0;padding:0;border:0; font-style:inherit;font-family:inherit;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;} img{border:none;vertical-align:middle;} button{cursor:pointer;} textarea{resize:none;} /*去除获取焦点后的高光边框*/ input:focus,textarea:focus,button:focus{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;} /*去除IE10+文本框后面的差号*/ input::-ms-clear{display: none;} /*去除input[type=number]文本框增减按钮*/ input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important; margin: 0;} /* ISO系统按钮兼容样式 */ input[type=button],input[type=submit],input[type=reset],input[type=text],input[type=file],button{-webkit-appearance:none; border-radius:0;} html { -ms-text-size-adjust: 100%;font-size:125.000%; -webkit-text-size-adjust: 100%;margin: 0 auto;height: 100%;} body{max-width:750px;background:#f7f7f7 url(../images/bg.png) repeat left top/550px auto;font-size:100%;overflow-x: hidden;position: relative;height: 100%;margin: 0 auto;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;} ul,ol{list-style-type:none;} em,address{font-style:normal;} a{text-decoration:none;color:#4f4f4f;} /*链接样式*/ a:link{} /*去除获得焦点默认背景色*/ a:focus{-webkit-tap-highlight-color: transparent;} a:hover{text-decoration:none;} /*鼠标悬停时*/ a:active{transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;color:#f00000;outline:none;} a:visited{}/* 访问过 */ .photo img{width:100%;height:100%;} .clear{ dislay:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/ .clear_::after{ content:""; display:block; clear:both;} input,select,textarea,button{vertical-align:middle;margin:0;padding:0;outline:none;font-family:Arial,'Microsoft YaHei', Helvetica, sans-serif;box-sizing:border-box;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #b0b0b0; } input:-moz-placeholder,textarea:-moz-placeholder {color: #b0b0b0;} input::-moz-placeholder,textarea::-moz-placeholder {color: #b0b0b0;} input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #b0b0b0;} .icheckbox_,.iradio_{display:inline-block;width:1.60rem;border: none;cursor: pointer;vertical-align:middle;height:1.60rem;} .iradio_ {background:url(../images/icon_selectbg.png) no-repeat left top; background-size:100%;} .iradio_.checked{background-position:left bottom;} .icheckbox_{ background: url(../images/icon_selectbg2.png) no-repeat left top; background-size:100%;} .icheckbox_.checked {background-position:left bottom;} .icheckbox_ input,.iradio_ input{ position:absolute;left:-100%;top:-100%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;} @media screen and (min-width: 751px){ #banner ul li.fixed ._bgpic{left:50%;transform:translatex(-50%);} } @media screen and (max-width: 750px) and (min-width: 740px){html{font-size:125.000%;}} @media screen and (max-width: 740px) and (min-width: 730px){html{font-size:123.333%;}} @media screen and (max-width: 730px) and (min-width: 720px){html{font-size:121.667%;}} @media screen and (max-width: 720px) and (min-width: 710px){html{font-size:120.000%;}} @media screen and (max-width: 710px) and (min-width: 700px){html{font-size:118.333%;}} @media screen and (max-width: 700px) and (min-width: 690px){html{font-size:116.667%;}} @media screen and (max-width: 690px) and (min-width: 680px){html{font-size:115.000%;}} @media screen and (max-width: 680px) and (min-width: 670px){html{font-size:113.333%;}} @media screen and (max-width: 670px) and (min-width: 660px){html{font-size:111.667%;}} @media screen and (max-width: 660px) and (min-width: 650px){html{font-size:110.000%;}} @media screen and (max-width: 650px) and (min-width: 640px){html{font-size:108.333%;}} @media screen and (max-width: 640px) and (min-width: 630px){html{font-size:106.667%;}} @media screen and (max-width: 630px) and (min-width: 620px){html{font-size:105.000%;}} @media screen and (max-width: 620px) and (min-width: 610px){html{font-size:103.333%;}} @media screen and (max-width: 610px) and (min-width: 600px){html{font-size:101.667%;}} @media screen and (max-width: 600px) and (min-width: 590px){html{font-size:100.000%;}} @media screen and (max-width: 590px) and (min-width: 580px){html{font-size:98.333%;}} @media screen and (max-width: 580px) and (min-width: 570px){html{font-size:96.667%;}} @media screen and (max-width: 570px) and (min-width: 560px){html{font-size:95.000%;}} @media screen and (max-width: 560px) and (min-width: 550px){html{font-size:93.333%;}} @media screen and (max-width: 550px) and (min-width: 540px){html{font-size:91.667%;}} @media screen and (max-width: 540px) and (min-width: 530px){html{font-size:90.000%;}} @media screen and (max-width: 530px) and (min-width: 520px){html{font-size:88.333%;}} @media screen and (max-width: 520px) and (min-width: 510px){html{font-size:86.667%;}} @media screen and (max-width: 510px) and (min-width: 500px){html{font-size:85.000%;}} @media screen and (max-width: 500px) and (min-width: 490px){html{font-size:83.333%;}} @media screen and (max-width: 490px) and (min-width: 480px){html{font-size:81.667%;}} @media screen and (max-width: 480px) and (min-width: 470px){html{font-size:80.000%;}} @media screen and (max-width: 470px) and (min-width: 460px){html{font-size:78.333%;}} @media screen and (max-width: 460px) and (min-width: 450px){html{font-size:76.667%;}} @media screen and (max-width: 450px) and (min-width: 440px){html{font-size:75.000%;}} @media screen and (max-width: 440px) and (min-width: 430px){html{font-size:73.333%;}} @media screen and (max-width: 430px) and (min-width: 420px){html{font-size:71.667%;}} @media screen and (max-width: 420px) and (min-width: 410px){html{font-size:70.000%;}} @media screen and (max-width: 410px) and (min-width: 400px){html{font-size:68.333%;}} @media screen and (max-width: 400px) and (min-width: 390px){html{font-size:66.667%;}} @media screen and (max-width: 390px) and (min-width: 380px){html{font-size:65.000%;}} @media screen and (max-width: 380px) and (min-width: 370px){html{font-size:63.333%;}} @media screen and (max-width: 370px) and (min-width: 360px){html{font-size:61.667%;}} @media screen and (max-width: 360px) and (min-width: 350px){html{font-size:60.000%;}} @media screen and (max-width: 350px) and (min-width: 340px){html{font-size:58.333%;}} @media screen and (max-width: 340px) and (min-width: 330px){html{font-size:56.667%;}} @media screen and (max-width: 330px) and (min-width: 320px){html{font-size:55.000%;}} @media screen and (max-width: 320px) and (min-width: 310px){html{font-size:53.333%;}} @media screen and (max-width: 310px) and (min-width: 300px){html{font-size:51.667%;}} @keyframes press{ 50%{ transform:translateY(2rem);} } @-webkit-keyframes press{ 50%{ -webkit-transform:translateY(2rem);} } @keyframes arrowtop{ 0%{ transform:translateY(1rem);opacity:0;} } @-webkit-keyframes arrowtop{ 0%{ -webkit-transform:translateY(1rem);opacity:0;} } @keyframes arrowbom{ 0%{ transform:translateY(-1rem);opacity:0;} } @-webkit-keyframes arrowbom{ 0%{ -webkit-transform:translateY(-1rem);opacity:0;} } @-webkit-keyframes moveright{ 0%{ -webkit-transform: translateX(7%);} 100%{ -webkit-transform:translateX(0%); } } @keyframes moveright{ 0%{ transform: translateX(7%);} 100%{ transform:translateX(0%); } }} @-webkit-keyframes anifadein_01{ 0%{opacity: 0} 100%{ opacity: 1}} @-webkit-keyframes anifadein_02{ 0%{-webkit-transform: translateX(4%); opacity: 0} 100%{-webkit-transform: translateX(0); opacity: 1 }} @-webkit-keyframes anifadein_03{ 0%{height:0;opacity: 0} 100%{height:100%; opacity: 1 }} @keyframes anifadein_01{ 0%{opacity: 0} 100%{ opacity: 1 }} @keyframes anifadein_02{ 0%{transform: translateX(4%); opacity: 0} 100%{transform: translateX(0); opacity: 1 }} @keyframes anifadein_03{ 0%{height:0;opacity: 0.5} 100%{height:100%; opacity: 1 }} @-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}} @keyframes rotate{0%{transform:rotate(0deg)}100%{ransform:rotate(360deg)}} .ro{-webkit-animation:rotate 5s linear 0s infinite;animation:rotate 5s linear 0s infinite;} .music{width:3.80rem;height:auto;position: relative;z-index:9999;cursor:pointer;} .music-p{width:140%;height:auto;position:absolute;top:-30%;right:-30%;} .music img,.music-p img{width:100%;height:auto;} /*目录动画*/ .ani_dir_show li{} .ani_dir_show li:nth-child(2) [class^='icon']{animation-delay:0.15;} .ani_dir_show li:nth-child(3) [class^='icon']{animation-delay:0.25;} .ani_dir_show li:nth-child(4) [class^='icon']{animation-delay:0.35;} .ani_dir_show li:nth-child(5) [class^='icon']{animation-delay:0.45;} .ani_dir_show li:nth-child(6) [class^='icon']{animation-delay:0.50;} .ani_dir_show li [class^='icon_year']{animation:icon_yearani 0.5s ease-in forwards;} .ani_dir_show li [class^='txt']{animation:icon_txtani 0.7s ease-in forwards;animation-delay:0.5s;} @keyframes icon_yearani{ 0%{opacity: 0} 100%{ opacity: 1 ;transform: translateX(0); } } @keyframes icon_txtani{ 0%{opacity: 0} 100%{ opacity: 1 ; transform: translateX(0); } } .tipclick_ani{ animation:tipclick_ani 1.5s ease-in infinite ; } @keyframes tipclick_ani{ 0%{transform:scale(1);} 50%{transform:scale(0.8);} } @keyframes tipleft_ani{ 0%{transform: translateX(0); } 50%{transform: translateX(5px); } }