/*通用*/

* { margin: 0; padding: 0;}

html,body {width: 100%;min-height: 100%;}

body{margin:0;color:#333; background-color:#fff; font-size:12px; font-family:"Microsoft YaHei"}

ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}

a{text-decoration:none;  text-shadow:none;font-weight:normal;}

ul{list-style:none;}

textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:"微软雅黑";}

a{color:#6c6c6c;text-decoration:none;}

img{border:none; display: block;}

span{margin:0; padding:0; cursor: auto;}

span:focus,div:focus {outline: none;}

.Run{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}

.Run:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform: rotate(360deg);}

.enlarge img{ width:100%;transition:0.5s;}

.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}

@keyframes imgAnim1{

	0%{-webkit-transform:translateY(-15px);

		-moz-transform:translateY(-15px);

		-o-transform:translateY(-15px);

		transform:translateY(-15px)

	}

	100%{-webkit-transform:translateY(0);

		-moz-transform:translateY(0);

		-o-transform:translateY(0);

		transform:translateY(0)

	}

/*滚动条整体样式*/
div::-webkit-scrollbar{width:5px;height:100%;}
/*滚动条里面小方块*/

div::-webkit-scrollbar-thumb {background:#777878; border-radius:2px;width:8px;}

/*滚动条里面轨道*/
div::-webkit-scrollbar-track {background:none;width:8px;}

/*display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center*/

html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}

/*出的各分辨率媒体查询换算：*/

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}
@media screen and (min-width:480px) and (max-width:539px) and (orientation:portrait){html {font-size:940%;}}
@media screen and (min-width:540px) and (max-width:639px) and (orientation:portrait){html {font-size:1040.75%;}}