@charset "utf-8"; /*--公共部分--*/ div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; } h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin: 0; padding: 0; font-weight: normal; } /* mY 英文版的转码*/ body { font-size: 14px; margin: 0px; padding: 0px; color: #333; line-height: 22px; height: auto; clear: both; overflow-x: hidden; } img { border: 0px; } html { -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-font-smoothing: antialiased; } *, :after, :before { box-sizing: border-box; background-repeat: no-repeat; } .show { display: block !important; } .hide { display: none !important; } article, aside, footer, header, nav, section { display: block; } a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ text-decoration: none; color: #333; outline: none; cursor: pointer; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; width: 100%} /** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } ul, li { list-style: none; } em, i { font-style: normal; } a:hover { background-repeat: no-repeat; text-decoration: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { *zoom: 1; } .clear { clear: both; } input, textarea, select { font-family: 'Times New Roman', Times, serif; outline: none; } .fl { float: left; } .fr { float: right; } .commonweb { padding: 0px 10px; } .clear { clear: both; line-height: 0; height: 0; font-size: 0; } input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"],select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; font-family: "Microsoft Yahei"; border-radius: 0; } a, input[type="button"], button, input[type="submit"] { cursor: pointer; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } .z-css3 { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 768px) { .commonweb { padding: 0px 20px; } } @media (min-width: 992px) { .commonweb { padding: 0px 40px; } } .commonwebbox { margin-left: 0px; margin-right: 0px; } .commonleft { float: none; } .commonright { float: none; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .commonwebbox { margin-left: -10px; margin-right: -10px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .commonwebbox { margin-left: -10px; margin-right: -10px; } .commonleft { float: left; } .commonright { float: right; } .col-md-1, .col-md-2, .col-md-3,.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .commonweb { margin: 0px auto; max-width: 1120px; padding: 0; } .commonleft { float: left; } .commonright { float: right; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } @media (min-width: 1280px) { .commonweb { max-width: 1180px; } } .visible-sm, .visible-md, .visible-lg { display: none; } .hidden-sm, .hidden-md, .hidden-lg { display: block; } @media (min-width: 768px) { .visible-sm { display: block; } .hidden-sm { display: none; } } @media (min-width: 1024px) { .visible-md { display: block; } .hidden-md { display: none; } } @media (min-width: 1200px) { .visible-lg { display: block; } .hidden-lg { display: none; } }