html {
line-height: 1; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-min-height: 100%;
-o-min-height: 100%;
-moz-min-height: 100%;
-webkit-min-height: 100%;
min-height: 100%;
height: 100%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
-ms-min-height: 100%;
-o-min-height: 100%;
-moz-min-height: 100%;
-webkit-min-height: 100%;
height:100%;
min-height: 100%;
background-color: #fff;
font-size: 14px;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
text-decoration: none;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
input:focus{
border-color: #436FF1;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 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 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**xu
锟皆硷拷锟斤拷拥锟揭恍╋拷锟斤拷霉锟斤拷锟�
*/
.color3{
color: #333;
}
.fontWnormal{
font-weight: normal;
}
input{
outline: none;
}
li{
list-style: none;
}
i{
font-style: normal;
}
.clearFixFloat:after{
content: " ";
display: block;
clear: both;
}
.fl{
float: left;
}
.fr{
float: right;
}
.margL52{
margin-left: 52px;
}
.bgWhite{
background-color: #fff;
}
.hide{
display: none;
}
.showBlock{
display: block;
}
.pl16{
padding-left: 16px;
}
.pl20{
padding-left: 20px;
}
.pr20{
padding-right: 20px;
}
.ptop52{
padding-top: 52px;
}
.top52:before{
content: " ";
display: block;
height: 1px;
}
.margL20{
margin-left: 20px;
}
.fullHr{
border: none;
height: 1px;
background-color: #eee;
margin: 0;
}
.margtb20{
border-top: 20px solid #eee;
border-bottom: 20px solid #eee;
}
.secHeader1.margtb20{
/* margin-top: 20px;
margin-bottom: 20px; */
border-top: 20px solid #eee;
border-bottom: 20px solid #eee;
height: 92px;
}
/*锟斤拷瓤锟绞�/
.transition3{
transition: all .3s ease-in-out;
}
/*锟斤拷冉锟斤拷锟�/
/*锟斤拷一锟街憋拷头锟斤拷始*/
.secHeader1{
position: relative;
height: 52px;
line-height: 52px;
font-size: 14px;
}
.secHeader1 a{
color: #666;
transition: all .2s ease-in-out;
}
.secHeader1 span{
color: #666;
}
.secHeader1 a:hover{
color: #436FF1;
}
.secHeader1 a.active{
color: #436FF1;
}
.secHeader1 a.active:after{
float: left;
content: " ";
width: 100%;
height: 1px;
background-color: #436FF1;
}
.margL72r20{
margin-left: 120px;
margin-right: 0;
border-left: 20px solid #eee;
border-right: 20px solid #eee;
}
.margL232r20{
margin-left: 235px;
margin-right: 0;
border-left: 20px solid #eee;
border-right: 20px solid #eee;
}
/*锟斤拷一锟街憋拷头锟斤拷锟斤拷*/
/*锟斤拷锟斤拷锟斤拷始*/
.commonsearch{
position: absolute;
margin:auto;
right: 20px;
top:0;
bottom:0;
height: 30px;
}
.commonsearch input{
float: left;
width: 180px;
height: 30px;
padding: 0;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #999;
font-size: 12px;
background:rgba(255,255,255,1);
border:1px solid rgba(238,238,238,1);
text-indent: 10px;
transition: all .3s ease-in-out;
}
.commonsearch input:focus{
border-color: #436FF1;
font-size: 14px;
color: #333;
}
.commonsearch input:focus+span{
background:#436FF1 url('../../images/newBackstageIcon/searchlittle@2x.png') no-repeat center center;
}
.commonsearch span{
float: left;
width: 35px;
height: 30px;
background:#A7ABB1 url('../../images/newBackstageIcon/searchlittle@2x.png') no-repeat center center;
transition: all .3s ease-in-out;
}
.commonsearch i{
position: absolute;
width: 0;
height: 14px;
right: 0;
color: #fff;
font-size: 14px;
line-height:14px;
text-align: center;
border-radius: 50%;
background-color: #999;
transition: all .5s ease-in-out 50ms;
margin: auto;
top:0;
bottom: 0;
opacity: 0;
cursor: pointer;
}
.commonsearch input:focus+span+i{
width: 14px;
right: 40px;
opacity: 1;
}
/*锟斤拷锟斤拷锟斤拷锟斤拷锟*/
.secondaryNav{
position: fixed;
top: 52px;
bottom: 0;
left: 120px;
margin: auto;
width: 115px;
z-index: 5;
font-size: 12px;
color: #666;
/*text-indent: 20px;*/
text-align: center;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
overflow-y: auto;
}
.secondaryNav a{
display: block;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #eee;
color: #666;
}
.secondaryNav a:first-child{
font-size: 16px;
color: #333;
}
.secondaryNav a.active{
border-left: 2px solid #436FF1;
color: #436FF1;
}
/*锟斤拷锟斤拷锟斤拷始*/
.dropDown2018{
position: relative;
height: 30px;
border: 1px solid #eee;
vertical-align: middle;
cursor: pointer;
overflow: hidden;
display: inline-block;
}
.dropDown2018 input{
position: absolute;
margin: auto;
top:0;
width: 100%;
bottom: 0;
border: none;
outline: none;
cursor: pointer;
text-indent: 1em;
}
.dropDown2018:hover{
overflow: unset;
}
.dropDown2018:hover ul{
opacity: 1;
box-shadow:0 3px 5px 1px rgba(200,200,200,0.3);
}
.dropDown2018:hover{
overflow: visible;
}
.dropDown2018 img{
position: absolute;
font-size: 26px;
color: #999;
top:9px;
right: 10px;
}
.dropDown2018 ul{
position: absolute;
z-index: 10;
top:30px;
left: 0;
background-color: #fff;
width: 100%;
opacity: 0;
transition: all .3s ease-in-out;
}
.dropDown2018 ul li{
width: 100%;
height: 26px;
line-height: 26px;
font-size: 12px;
color: #666;
transition: all .2s ease-in-out;
text-indent: 2em;
cursor: pointer;
}
.dropDown2018 ul li:hover{
background-color: #436FF1;
color: #fff;
}
/*锟斤拷锟斤拷锟斤拷锟斤拷锟�/
/* 锟斤拷钮---锟斤拷锟斤拷锟斤拷锟揭�*/
.btn_blue{
background: #436FF1;
border-radius: 5px;
padding: 6px 15px;
font-size: 12px;
color: #fff;
cursor: pointer;
border: 0px;
}
.btn_hui {
border: 1px solid #999;
border-radius: 5px;
padding: 6px 15px;
font-size: 12px;
color: #999;
cursor: pointer;
}
.input_foucs {
width: 300px;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #999;
border: 1px solid #eee;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-indent: 1em;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.input_foucs:focus{
border-color: #436FF1;
color: #333;
font-size: 14px;
}
.select_s{
border: 1px solid #eee;
line-height: 30px;
height: 30px;
width: 200px;
font-size: 14px;
}
.textarea_t{
border: 1px solid #eee;
vertical-align: text-top;
padding: 5px;
font-size: 14px;
}
/*全锟斤拷锟斤拷锟斤拷色锟斤拷锟斤拷锟斤拷始*/
.margL232r20 {
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;
min-height: 100%;
}
.margL232r20:after {
content: " ";
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #fff;
}
/*全锟斤拷锟斤拷锟斤拷色锟斤拷锟斤拷锟斤拷锟斤拷*/
/** 锟斤拷锟斤拷锟斤拷table锟矫碉拷 **/
.table_new{
border-collapse: collapse;
border-spacing: 0;
width: 100%;
empty-cells: show;
border-bottom: 1px solid #EEEEEE;
}
.table_new tr{
height: 50px;
}
.table_new th{
font-size: 16px;
}
.table_new th, .table_new td {
padding: 8px;
line-height: 20px;
text-align: center;
word-break: break-all;
font-weight: normal;
}
.table_new tbody tr:nth-child(2n+1) > td {
background-color: #F6F6FA;
}
.table_new .f-14 td {
font-size: 14px;
}
/** 锟斤拷钮 **/
.btn_b0{
padding: 4px 6px;
text-align: center;
margin: 14px 15px 0 0;
border: 1px solid #436FF1;
font-size:12px;
cursor:pointer;
}
.trant_bg{
background-color: transparent;
color: #436FF1;
}
.blues_bg{
background-color: #436FF1;
color: #fff;
}
/* 锟斤拷锟斤拷锟斤拷撕趴锟绞�*/
.secHeader1 .moreCcount{
position: relative;
margin-right: 20px;
color:#666;
}
.secHeader1 .moreCcount div span{
cursor: pointer;
}
.secHeader1 .moreCcount div:hover p{
opacity: 1;
z-index: 35;
}
.secHeader1 .moreCcount div span:after{
content: " ";
display: inline-block;
width: 0;
height: 0;
border-top: 6px solid #666;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: relative;
top: -2px;
margin-left: 7px;
}
.secHeader1 .moreCcount p{
position: absolute;
background-color: #fff;
-webkit-box-shadow:3px 0px 5px 1px rgba(200,200,200,0.3);
-moz-box-shadow:3px 0px 5px 1px rgba(200,200,200,0.3);
-ms-box-shadow:3px 0px 5px 1px rgba(200,200,200,0.3);
-o-box-shadow:3px 0px 5px 1px rgba(200,200,200,0.3);
box-shadow:3px 0px 5px 1px rgba(200,200,200,0.3);
top: 45px;
left: 65px;
opacity: 0;
z-index: -1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.secHeader1 .moreCcount p a{
display: block;
height:25px;
line-height: 25px;
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding:0 15px;
min-width: 90px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
max-width: 186px;
}
.secHeader1 .moreCcount p a:hover{
background-color: #436FF1;
color: #fff;
}
/* 锟斤拷锟斤拷锟斤拷撕沤锟斤拷锟�*/
/* body{
min-width: 1345px;
} */
/*全锟斤拷锟斤拷锟斤拷色锟斤拷锟斤拷锟斤拷始*/
.margL232r20,.margL72r20 {
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;
min-height: 100%;
}
.margL232r20:after,.margL72r20:after {
content: " ";
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #fff;
}
/*全锟斤拷锟斤拷锟斤拷色锟斤拷锟斤拷锟斤拷锟斤拷*/
.ptop20{
padding-top: 20px;
}
.margt30{
margin-top: 30px;
}
.zhaungtai {
z-index: 200;
position: fixed;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
top: 0;
}
.c-999{
color: #999;
}
/* 锟斤拷始锟斤拷a元锟截匡拷始 */
a:hover{
cursor: pointer;
}
/* a:visited {color: #666;} */
a:hover {color: #436FF1;}
a:active {color: #436FF1;}
/* 锟斤拷始锟斤拷a元锟截斤拷锟斤拷*/
::-ms-clear,::-ms-reveal{display:none;}
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}
input::-o-clear{display: none;}
select::-ms-expand { display: none; }
input::-webkit-credentials-auto-fill-button {
display: none !important;
visibility: hidden;
pointer-events: none;
position: absolute;
right: 0;
}
input[type=search]::-webkit-search-cancel-button{
-webkit-appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
.data-unselect,[data-unselect]{
-moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;
}
input::-webkit-input-placeholder
{
color: #DBDBDB
}
input:-ms-input-placeholder
{
color: #DBDBDB
}
input:-moz-placeholder
{
color: #DBDBDB
}
input::-moz-placeholder
{
color: #C8C8C8
}
textarea::-webkit-input-placeholder
{
color: #C8C8C8
}
textarea:-ms-input-placeholder
{
color: #C8C8C8
}
textarea:-moz-placeholder
{
color: #C8C8C8
}
textarea::-moz-placeholder
{
color: #C8C8C8
}
#decorator_content{
transition: all .3s ease-in-out;
}
.secondaryNav{
overflow: visible;
transition: all .3s ease-in-out;
}
.secondaryNav .arrow {
position: absolute;
top: 0;
bottom: 0;
right: -12px;
width: 0px;
height: 60px;
margin: auto auto auto auto;
border: 12px solid transparent;
border-left-color: #fff;
transition: all .3s ease-in-out;
transform: translate(0, -52px);
cursor: pointer;
border-right: 0;
}
.secondaryNav .arrow i{
line-height: 36px;
position: relative;
left: -16px;
color: #999;
font-size: 18px;
}
.secondaryNav .arrow:hover{
border-left-color: #DCDCDC;
}
.secondaryNav.closed{
width: 0;
}
.secondaryNav a{
opacity: 1;
overflow: hidden;
transition: all .3s ease-in-out;
}
.secondaryNav.closed a{
opacity: 0;
}
#decorator_content.closed{
margin-left: 120px;
}
/**
弹窗
*/
.zhaungtai {
z-index: 200;
position: fixed;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
top: 0;
}
#btzzdig {
-webkit-box-shadow: 0px 2px 12px 1px rgba(146, 145, 145, 0.8);
-moz-box-shadow: 0px 2px 12px 1px rgba(146, 145, 145, 0.8);
box-shadow: 0px 2px 12px 1px rgba(146, 145, 145, 0.8);
background-color: #FFF;
width: 480px;
min-height: 340px;
position: fixed;
top: 50%;
left: 50%;
padding: 20px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#btzzdig p {
font-size: 16px;
line-height: 50px;
border-bottom: 1px solid #EEEEEE;
}
#btzzdig div {
margin-top: 21px;
font-size: 14px;
}
#btzzdig div span:first-child {
display: inline-block;
width: 17%;
text-align: right;
}
#btzzdig div span:last-child {
display: inline-block;
margin-left: 11%;
}
#btzzdig div:last-child {
margin-top: 45px;
text-align: center;
}
#btzzdig div:last-child label {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #436FF1;
padding: 8px 36px;
color: #fff;
cursor: pointer;
}