/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
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);}
/*去除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:#fff;font-size:100%;overflow-x: hidden;position:relative;height: 100%;margin: 0 auto;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;background-color:#f7f7f7;}
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;color:#ed6f00;}
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;}
.center{width:92%;margin:0 auto;}

.nav-toggle{display:block;position:relative;margin-left:auto;padding:0;background:0 0;width:2.30rem;height:2.30rem;outline:none;cursor:pointer;margin-top:0.45rem;margin-right:auto;border:0;}
.nav-toggle:focus {outline:none}
.nav-toggle span{position:relative;width:2.30rem;margin:0 auto;-webkit-transition:background .2s .2s ease-in-out;-moz-transition:background .2s .2s ease-in-out;-o-transition:background .2s .2s ease-in-out;transition:background .2s .2s ease-in-out;background-color:#353535;}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after {display:block;height:0.20rem;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}
.nav-toggle span:before,.nav-toggle span:after{position:absolute;content:'';width:1.15rem;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:top .2s .4s ease-in-out,left .2s .2s ease-in-out,right .2s .2s ease-in-out,width .2s .2s ease-in-out,-webkit-transform .2s ease-in-out;-moz-transition:top .2s .4s ease-in-out,left .2s .2s ease-in-out,right .2s .2s ease-in-out,width .2s .2s ease-in-out,-moz-transform .2s ease-in-out;-o-transition:top .2s .4s ease-in-out,left .2s .2s ease-in-out,right .2s .2s ease-in-out,width .2s .2s ease-in-out,-o-transform .2s ease-in-out;transition:top .2s .4s ease-in-out,left .2s .2s ease-in-out,right .2s .2s ease-in-out,width .2s .2s ease-in-out,transform .2s ease-in-out;background-color:#4d4d4d;}
.nav-toggle span:before {top:0.75rem;left:1.15rem}
.nav-toggle span:after {top:-0.75rem;right:1.15rem}
.nav-toggle.open span {background:0 0!important;-webkit-transition:background .2s 0s ease-in-out;-moz-transition:background .2s 0s ease-in-out;-o-transition:background .2s 0s ease-in-out;transition:background .2s 0s ease-in-out}
.nav-toggle.open span:before,.nav-toggle.open span:after {top:0;width:2.30rem;-webkit-transition:top .2s ease-in-out,left .2s .2s ease-in-out,right .2s .2s ease-in-out,width .2s .2s ease-in-out,-webkit-transform .2s .4s ease-in-out;-moz-transition:top .2s ease-in-out,left .2s .2s ease-in-out,right .2s .2s ease-in-out,width .2s .2s ease-in-out,-moz-transform .2s .4s ease-in-out;-o-transition:top .2s ease-in-out,left .2s .2s ease-in-out,right .2s .2s ease-in-out,width .2s .2s ease-in-out,-o-transform .2s .4s ease-in-out;transition:top .2s ease-in-out,left .2s .2s ease-in-out,right .2s .2s ease-in-out,width .2s .2s ease-in-out,transform .2s .4s ease-in-out}
.nav-toggle.open span:before {left:0;-webkit-transform:rotate3d(0,0,1,45deg);-moz-transform:rotate3d(0,0,1,45deg);-o-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}
.nav-toggle.open span:after {right:0;-webkit-transform:rotate3d(0,0,1,-45deg);-moz-transform:rotate3d(0,0,1,-45deg);-o-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}



@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%;}}