/*****公共样式开始*****/
html {
-webkit-tap-highlight-color: transparent;
overflow-x: hidden;
height: 100%;
font-size: 312.5%;
background-color: #fff;
-webkit-text-size-adjust: none;
}
*, :after, :before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 400;
}
caption, th {
text-align: left;
}
fieldset, img {
border: none;
}
ul {
overflow: hidden;
}
li {
list-style: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
button, input, optgroup, option, select, textarea {
-webkit-appearance: none;
border: none;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
outline: 0;
}
button {
-webkit-appearance: none;
border: none;
}
a {
-webkit-touch-callout: none;
text-decoration: none;
}
:focus {
outline: 0;
}
em, i {
font-style: normal;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-webkit-appearance: none!important;
margin: 0;
}
input[type=submit] {
-webkit-appearance: none;
}
p {
line-height: 1.6em;
}
.clear:before, .clearfix:after {
display: table;
content: '';
}
.clearfix:after {
clear: both;
overflow: hidden;
}
.clearfix {
zoom: 1;
}
ul, ul li {
list-style: none;
}
.clear {
clear: both;
}
.mt3 {
margin-top: 3%;
}
.fl {
float: left;
}
.fr {
float: right;
}
.hd {
overflow: hidden;
}
.none {
display: none;
}
img {
vertical-align: middle;
max-width: 100%;
border: 0;
margin: 0 auto;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
body {
font-family: Microsoft YaHei, Helvetica, STHeiTi, sans-serif;
color: #575757;
background-color: #fff;
outline: 0;
max-width: 640px;
min-width: 320px;
width: 100%;
margin: auto;
font-size: .22rem;
}
@media screen and (min-width: 350px) {
html {
font-size: 342%;
}
}
@media screen and (min-width: 410px) {
html {
font-size: 400%;
}
}
@media screen and (min-width: 480px) {
html {
font-size: 469%;
}
}
@media screen and (min-width: 640px) {
html {
font-size: 625%;
}
}
/*****公共样式结束*****/
ul.u0 {
overflow: hidden;
}
ul.u0 li {
float: left;
}
ul.u0 li:first-of-type {
margin-left: 0;
}
dl.d0 {
overflow: hidden;
}
dl.d0 dt, dl.d0 dd {
float: left;
}
.clearfloat:after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}
.clearfloat {
zoom: 1;
}
/* css S */
/* 商务通css开始 */
html {
background: #EBEBEB;
}
.top a {
display: block;
}
.top a img {
display: block;
width: 100%;
}
.top-bottom {
width: 100%;
background: #393a3f;
overflow: hidden;
}
.top-bottom .dt1 {
float: left;
width: 10%;
margin-left: 2.5%;
}
.top-bottom .dt1 a {
padding: 30% 0;
padding-right: 1%;
border-right: 2px solid #fff;
display: block;
}
.top-bottom .dt1 a img {
display: block;
width: 60%;
}
.top-bottom .dd1 {
float: left;
color: #fff;
width: 75%;
font-size: .26rem;
padding: 3% 0;
text-align: center;
}
.top-bottom .dd2 {
float: right;
width: 10%;
margin-right: 2.5%;
}
.top-bottom .dd2 a {
display: block;
padding: 26% 0;
}
.top-bottom .dd2 a img {
width: 60%;
margin: 0 auto;
display: block;
}
.content {
padding: 2%;
padding-bottom: 15%;
background: #ebebeb;
height: auto;
overflow: hidden;
}
.content a {
display: block;
}
.content a img {
display: block;
width: 100%;
}
.content .log {
margin: 1%;
height: auto;
overflow: hidden;
}
.content .log dt {
float: left;
height: auto;
width: 14%;
}
.content .log dt img {
display: block;
width: 100;
}
.content .log dd {
float: left;
width: 85%;
margin-left: 3%;
position: relative;
font-size:18px;
}
.content .log dd span {
display: block;
padding: 2% 2% 4% 7%;
}
#log1,#log2 {
display: none;
margin-top: 4%;
}
#log1 dd,#log2 dd {
position: relative;width: 80%; padding:.10rem 0;background-color: #fff;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-webkit-box-shadow: 2px 2px 8px #c7b7a8;-moz-box-shadow: 2px 2px 8px #c7b7a8;box-shadow: 2px 2px 8px #c7b7a8;
}
#log1 dd:before,#log2 dd:before{
position: absolute;content: ""; width: 0;height: 0;left: -12px;top:50%; -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-top: .13rem solid transparent; border-right: .26rem solid #fff;border-bottom: .13rem solid transparent;
}
footer {
min-width: 320px;
max-width: 640px;
position: fixed;
bottom: 0;
width: 100%;
}
footer dl {
height: .9rem;
background: url(../images/f_bg.jpg) center no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
footer dl dd {
height: 100%;
float: left;
margin-left: 14%;
width: 58%;
}
footer dl dd input {
display: block;
width: 100%;
height: 100%;
background: none;
outline: none;
font-size: .22rem;
}
footer dl dd#bt {
width: 17%;
float: left;
margin-left: 11%;
}
footer dl dd#bt a {
display: block;
width: 100%;
height: 100%;
}
.sickCon{ padding-bottom:5%;}
.sickYuan{bottom:0;text-align:center;width:100%;}
.sickYuan span{margin:0 4px; width:.15rem; height:.15rem;}
.sickYuan span.swiper-pagination-bullet-active{background:#990000;}
.fc_an33 { width:59.688%; margin:.2rem auto 0;}