@charset "UTF-8";
/*
CSS Reset
*/
/*布局（grid）（.g-）；模块（module）（.m-）；元件（unit）（.u-）；功能（function）（.f-）；皮肤（skin）（.s-）；状态（.z-）*/
/* reset */
* { box-sizing: border-box}
html { height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0;}
body,button, input, select, textarea {font: 12px/1 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei";  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;/* 用 ascii 字符表示，使得在任何编码下都无问题 */}
input.form-control{font: 12px/1 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei";}
body { background-color:transparent; min-height:100%; height:auto !important; color: #333333;}
img { border:0; vertical-align:middle; -ms-interpolation-mode:bicubic; max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
a {cursor: pointer; text-decoration:none; background-color: transparent;color: #333333; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */}
a.focus, a:focus{outline:0;}
a.active.focus, a.active:focus, a.active:hover, a.focus:active, a:focus:active, a:hover:active, .open > a.dropdown-toggle.focus, .open > a.dropdown-toggle:focus, .open > a.dropdown-toggle:hover{outline:0;text-decoration:none;font-weight:400;}
a:hover {text-decoration:none; transition:box-shadow .3s, border .3s, background-color .3s, color .3s;}
a:active,a:visited{text-decoration:none;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{}
table,tr,th,td {border: 1px solid #797979; border-collapse: collapse; max-width: 100%;word-wrap: break-word;word-break: break-all;}

ul,ol,li { list-style: none;}
i {font-style: normal;}

h1 { font-size:30px; line-height:40px;}
h2 { font-size:24px; line-height:36px;}
h3,h4,h5,h6 { font-size:12px; line-height:24px;}
ul,li,ol { margin:0; padding:0; list-style:none outside none;}
/*ul.has-style li,ol li { margin-left:25px;}*/
ul.has-style li { list-style:disc;}
/*ol li { list-style:decimal;}*/
ul.inline-style li { float:left; display:inline;}
dl { margin-bottom:18px;}
dt { font-weight:bold;}
dd { margin:0 0 0 9px; padding:0;}
svg:not(:root) { overflow:hidden;}
pre { margin:0; white-space:pre-wrap; white-space:-moz-pre-wrap !important; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}

/*- Form -*/
button,input,select,textarea { font-size:100%; font-family:tahoma; margin:0; outline:0 none; vertical-align:baseline; *vertical-align:middle;}
textarea { overflow:auto; vertical-align:top; resize:none;}
button,input { line-height:normal; }
button.active.focus, button.active:focus, button.active:hover, button.focus:active, button:focus:active, button:hover:active, .open > button.dropdown-toggle.focus, .open > button.dropdown-toggle:focus, .open > button.dropdown-toggle:hover{outline:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"],.submit-btn { -webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled],input[disabled],.disable { cursor:default;}
input[type="checkbox"],input[type="radio"],.form-radio,.form-checkbox { box-sizing:border-box; padding:0; *height:13px; *width:13px;}

/*- Html5 -*/
fieldset { border:1px solid #c0c0c0; margin:0 2px 18px; padding:0.35em 0.625em 0.75em;}
legend { border:0; padding:0; white-space:normal; *margin-left:-7px;}
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display:block;}
audio,canvas,video { display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) { display:none; height:0;}
nav ul,nav ol { list-style:none; list-style-image:none;}
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit- search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance:none;}
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */font: inherit; /* 2 */}
abbr[title] {border-bottom: none; /* 1 */text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}

/*- Add the correct display in IE. -*/
template {display: none;}
/*- Hidden Add the correct display in IE 10-. -*/
[hidden] {display: none;}

/*scrollbar*/
::-webkit-scrollbar{width:8px;height: 6px;}
::-webkit-scrollbar-track-piece{margin-right:10px; background-color:#EEE; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:vertical{height:8px; background-color:#DDD; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:horizontal{ width:6px; background-color:#EEE; -webkit-border-radius:8px;}

/*------ function ------*/

/*- 页面模板布局 -*/
.main { width: 100%; min-height: calc(100vh - 130px); line-height: 2em; padding-bottom: 40px;}
/*.main > .content .wrap { width: 80%; margin: auto; padding: 3vw 0;}*/
.main > .content .total-title { text-align: center; font-weight: bold; padding: 8px 0; line-height: 1.5em;}
.main > .detail .wrap img { margin: 5px auto;}
.main .createTime { color: #999999; text-align: center; margin: 10px 0 15px;}
section span { position: static !important;}
.main > .content .wrap { width: 90%; margin: auto; padding: 3vw 10px;}
@media only screen and (min-width: 1200px) {
    .main > .content .wrap { width: 1200px;}
}

/*font-size*/
.fnt_12 {font-size: 12px;}
.fnt_14 {font-size: 14px;}
.fnt_16 {font-size: 16px;}
.fnt_18 {font-size: 18px;}
.fnt_20 {font-size: 20px;}
.fnt_24 {font-size: 24px;}
.fnt_30 {font-size: 30px;}
.fnt_36 {font-size: 36px;}
.fnt_48 {font-size: 48px;}
@media only screen and (max-width: 1366px) {
    .fnt_18 {font-size: 16px;}
    .fnt_20 {font-size: 18px;}
    .fnt_24 {font-size: 20px;}
    .fnt_30 {font-size: 26px;}
    .fnt_36 {font-size: 30px;}
    .fnt_48 {font-size: 42px;}
}
@media only screen and (max-width: 1024px) {
    .fnt_20 {font-size: 16px;}
    .fnt_24 {font-size: 18px;}
    .fnt_30 {font-size: 24px;}
    .fnt_36 {font-size: 24px;}
    .fnt_48 {font-size: 30px;}
}
@media only screen and (max-width:767px) {
    .fnt_14 {font-size: 12px;}
    .fnt_16 {font-size: 12px;}
    .fnt_18 {font-size: 14px;}
    .fnt_20 {font-size: 15px;}
    .fnt_24 {font-size: 16px;}
    .fnt_30 {font-size: 20px;}
    .fnt_36 {font-size: 18px;}
    .fnt_48 {font-size: 20px;}
}
@media only screen and (max-width:580px) {
    .fnt_16 {font-size: 10px;}
    .fnt_20 {font-size: 12px;}
}
@media only screen and (max-width:480px) {
    .fnt_20 {font-size: 12px;}
}
@media only screen and (max-width:440px) {
    .fnt_20 {font-size: 12px;}
    .fnt_30 {font-size: 18px;}
}