body,html { font-family: Helvetica,STHeiti,Microsoft YaHei,Verdana,Arial,Tahoma,sans-serif; margin: 0; padding: 0; border: 0 } a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline } html { line-height: 1 } ol,ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } caption,td,th { font-weight: 400; vertical-align: middle } blockquote,q { quotes: none } blockquote:after,blockquote:before,q:after,q:before { content: ""; content: none } a img { border: none } a { color: #07d; text-decoration: none } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block } html { position: relative } body,html { min-width: 1100px; color: #2c3a46; background: #fff; font-size: 14px; line-height: 1.6em; font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif } /* @media (max-width:768px) { body,html { width: 1100px } } @media (max-width:1100px) { body,html { min-width: 1000px } } */ .container { margin: 0 auto; width: 1100px } /* @media (max-width:1100px) { .container { width: 100% } } */ .container.main-container { min-height: 400px } .pull-left { float: left } .pull-right { float: right } .hide { display: none } .clearfix { zoom: 1 } .clearfix:after { content: ""; display: table; clear: both } .phptpl-header { width: 100%; min-width: 1100px; height: auto; position: relative; background: #fff; border-bottom: 1px solid #ededed; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1); box-shadow: 0 1px 4px rgba(0,0,0,.1); z-index: 200; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in } /* @media (max-width:1100px) { .phptpl-header { min-width: 1000px } } */ /* 重置 css */ /* .main-container .wrapper { max-width: 1100px; margin: 0 auto; position: relative; zoom: 1; } .main-container .wrapper:after { content: ""; display: table; clear: both; } .main-container .wrapper h3 { text-align: center; font-size: 28px; color: #333; line-height: 40px; padding-top: 90px; } .main-container .wcard-container h3 { font-family: PingFangSC-Medium; font-size: 28px; color: #333; letter-spacing: 0; } .main-container .wcard-container .wcard-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 70px; } .main-container .wcard-container .wcard-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .main-container .wcard-container .wcard-content .wcard-left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-container .wcard-container .wcard-content .wcard-right { width: 615px; } .main-container .wcard-container .wcard-content .wcard-left .wcard-section { margin-bottom: 28px; } .main-container .wcard-container .wcard-reverse .wcard-left { padding-left: 72px; } .main-container .wcard-container .wcard-content .wcard-right img { width: 100%; } .main-container .wcard-container .wcard-reverse .wcard-right img { width: 112%; margin-left: -10%; } .main-container .wcard-container .wcard-content .wcard-left .wcard-section .wcard-sectitle { color: #333; font-size: 18px; line-height: 24px; font-family: PingFangSC-Medium; letter-spacing: 0; } .main-container .wcard-container .wcard-content .wcard-left .wcard-section .wcard-secsummary { margin-top: 5px; font-family: PingFangSC-Regular; font-size: 14px; color: #999; letter-spacing: 0; line-height: 24px; } a.button { font-size: 14px; padding: 12px 22px; text-decoration: none; border-radius: 2px; } .main-container a.button { font-size: 14px; padding: 10px 42px; border-radius: 2px; display: inline-block; } .main-container a.blue { background-color: #38f; color: #fff; } .main-container a.blue-outline { border: 1px solid #38f; color: #38f; padding: 9px 42px; } */