@charset ' Utf-8 ';/*css reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input, Textarea,p,blockquote,th,td,a,b,em,i,strong,html,article,aside, details, figcaption, Figure, footer, header, Hgroup, menu, Nav, section{margin:0;padding:0;} /* internal and external margins are 0*/table{border-collapse:collapse;border-spacing:0;}/ * Table merge border */fieldset,img{border:0;} /* will group the form element border, picture border set to No */address,caption,cite,code,dfn,em,th,var,i{ Font-style:normal;font-weight:normal;} Ol,ul{list-style:none;} Q:before,q:after{content: ';} Abbr,acronym{border:0;font-variant:normal;} /* Do not set the small capital letter */sup{vertical-align:text-top;} Sub{vertical-align:text-bottom;} input,textarea,select,a{font-family:inherit;font-size:inherit;font-weight:inherit;}:focus{outline:0;} /* The outer frame is 0*/a{text-decoration:none;outline:none when getting focus;} Textarea{resize:none;} input[type=number],input[type=button]{-webkit-appearance:none}/* prevent the button from changing color on the Apple phone */ input[type=text],input[ type=tel],input[type=number],input[type=email],input[type=file]{ outline:none; }/*html,body*/html{_text-overflow:ellipsis;font-size:62.5%}/* Adaptive Project When 1rem=10px*/body{ Font-family: "Microsoft Jas Black", Tahoma,arial,roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;} /*line-height*/.lh40{line-height:40px;} /*margin*/.mt5{margin-top:5px;}. mt10{margin-top:10px;}. mt15{margin-top:15px;}. mt20{margin-top:20px;}. mr5{margin-right:5px;}. mr10{margin-right:10px;}. mr15{margin-right:15px;}. mr20{margin-right:20px;}. mb5{margin-bottom:5px;}. mb10{margin-bottom:10px;}. mb15{margin-bottom:15px;}. mb20{margin-bottom:20px;}. ml5{margin-left:5px;}. ml10{margin-left:10px;}. ml15{margin-left:15px;}. ml20{margin-left:20px;}. Mrla{margin-right:auto;margin-left:auto;} /*padding*/.pt5{padding-top:5px;}. pt10{padding-top:10px;}. pt15{padding-top:15px;}. pt20{padding-top:20px;}. pr5{padding-right:5px;}. pr10{padding-right:10px;}. pr15{padding-right:15px;}. pr20{padding-right:20px;}. pb5{padding-bottom:5px;}. pb10{padding-bottom:10px;}. pb15{padding-bottom:15px;}. Pb20{padding-bottom:20px;}. pl5{padding-left:5px;}. pl10{padding-left:10px;}. pl15{padding-left:15px;}. pl20{padding-left:20px;} /*width*/.w5{width:5%}.w10{width:9%;}. w15{width:15%;}. w20{width:20%;}. w25{width:25%;}. w30{width:30%;}. w35{width:35%;}. w40{width:40%;}. w45{width:45%;}. w50{width:50%;}. w55{width:55%;}. w60{width:60%;}. w65{width:65%;}. w70{width:70%;}. w75{width:75%;}. w80{width:80%;}. w85{width:85%;}. w90{width:90%;}. w95{width:95%;}. w100{width:100%;} /*box-sizing*/.box-s{Box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} /*word-break*/.wbn{word-break:keep-all;white-space:nowrap;}. Wby{word-break:break-all;word-wrap:break-word;white-space:normal;} /*fix*/.fix{zoom:1;}. Fix:before,.fix:after{content: ";d isplay:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0; width:0;height:0;}. Fix:after{clear:both;}. clear{clear:both};/* Disable the font size of safari in iphone Auto-adjust */html {-webkit-text-size-adjust:none;} /* Set HTML5 elements to block */article,aside, details, figcaption, figure, Footer, header, Hgroup, menu, nav, section {display:block;} /* Remove default arrows *//*::-webkit-inner-spin-button { -webkit-appearance:none; }*//* Media queries */@ Media only screens and (max-width:320px) { /* for iphone5*/} @media only screen and (min-width:321px) and (Max-widt H:374PX) {<span style= "White-space:pre" ></span>/* for iphone6 and magnification mode */} @media only screen and (min-width : 375px) and (max-width:414px) {<span style= "White-space:pre" ></span>/* for iphone6 plus*/}/* Meizu */@media only Screen and (min-device-width:1080px) and (-webkit-min-device-pixel-ratio:2.5) {}/*mate7*/@media only screens and (min-de vice-width:1080px) and (-webkit-min-device-pixel-ratio:3) {}/*p7*/@media only screens and (min-device-width:1080px) and (max-height:560px) and (-webkit-min-device-pixel-ratio:2) {}/*reset end*/
CSS reset
in the process of doing the project