@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }
body { font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */ }
body { line-height:1.6em; font-weight:400; font-family:"PingFang SC", webfont, "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; color:#3d464c; background: #f1f5f9; height:100% }
em, q, cite, address { font-weight:400; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:400 }
address { display:inline }
img { border:none }
li { list-style:none }
q { quotes:none }
strong { font-weight:bold }
table { border-collapse:collapse }
th { text-align:left; font-weight:400 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

::selection { background-color:#14126c; color:#fff }
::-moz-selection { background-color:#14126c; color:#fff }

/* link */
a { color:#848484; outline-style:none; text-decoration:none; cursor:pointer; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
a:hover { color:#0098e6 }

/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */
/* end of clear float */

/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
/* display */
.dis { display:block }
.undis { display:none }
a.undis { display:none !important }
.disinline { display:inline }
.disinblock { display:inline-block }

.cursor_pointer { cursor:pointer }
.cursor_default { cursor:default }

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family:"PingFang SC", webfont, "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }
/*input[type="text"], input[type="password"], select { height: 40px; line-height: 40px; border: 1px solid transparent; background: rgba(255,255,255,0.8); padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none }*/
input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #fff; background: rgba(255,255,255,0.5) }
input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box }
textarea { border: 1px solid #88a5bf; background: transparent; padding:10px }
textarea:focus { border: 1px solid #fff }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:"PingFang SC", webfont, "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif }
select::-ms-expand { display: block }

/*-------------------结构-------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time { display:block }

.cd-main-content { width:100%; height: 100%; padding-top: 60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }


/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }

.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.poabsolute-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }

.left0 { left:0!important }
.right0 { right:0!important }

.zindex2 { z-index:2 }
.zindex3 { z-index:3 }

.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.border-radius10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/
@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/webfont_7d4ow6wppjw3tyb9.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_7d4ow6wppjw3tyb9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_7d4ow6wppjw3tyb9.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_7d4ow6wppjw3tyb9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_7d4ow6wppjw3tyb9.svg#思源黑体-细') format('svg'); /* iOS 4.1- */
}


.iconfont { line-height: 1em }

.fa-0_6x { font-size: 0.6em!important; -webkit-transform: scale(0.8) }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }
.fa-8x { font-size: 8em!important }

.font-bold { font-weight: bold }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }
.fontSize20 { font-size:20px; line-height:1.1em }
.fontSize40 { font-size:40px; line-height:1.1em }
.fontSize50 { font-size:50px; line-height:1.1em }
.fontSize100 { font-size:100px; line-height:1.1em }

h1, .h1 { font-size: 24px; line-height:1.1em; color: #333 }
h2, .h2 { font-size: 20px; color: #333 }
h3, .h3 { font-size: 18px }
h4, .h4 { font-size: 16px }

.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_2em { line-height:1.2em }
.line-height1_3em { line-height:1.3em }
.line-height1_4em { line-height:1.4em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_8em { line-height:1.8em }
.line-height2em { line-height:2em }
.line-height2_5em { line-height:2.5em }

.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff }
.colorfff a:hover, a:hover .colorfff { color: #0098e6 }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover, a:hover .color000 { color: #0098e6 }

.color848484 { color: #848484 }
.color0098e6 { color: #0098e6 }
.color05445c { color: #05445c }
.color1072b5 { color: #1072b5 }
.colorffa306 { color:#ffa306 }
.colordb7431 { color:#db7431 }

/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bgf7f7f7 { background: #f7f7f7 }
.bg1072b5 { background: #1072b5 }
.bgc3c3c3 { background: #c3c3c3 }
.bg009688 { background: #3c3b3a }

/*-------------------分割线、边框-------------------*/
.border-r-a0a0a0 { border-right: 1px solid #a0a0a0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border-b-eee { border-bottom: 1px solid #eee }

/*-------------------间距-------------------*/
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }
.margintop130 { margin-top:130px }

.margintop5_p { margin-top:5% }
.margintop10_p { margin-top:10% }
.margintop20_p { margin-top:20% }

.marginbottom5 { margin-bottom:5px }
.marginbottom10 { margin-bottom:10px }
.marginbottom15 { margin-bottom:15px }
.marginbottom20 { margin-bottom:20px }
.marginbottom30 { margin-bottom:30px }
.marginbottom40 { margin-bottom:40px }
.marginbottom50 { margin-bottom:50px }
.marginbottom60 { margin-bottom:60px }
.marginbottom100 { margin-bottom:100px }

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft60 { margin-left:60px }
.marginleft80 { margin-left:80px }

.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }

.marginauto { margin-left:auto; margin-right:auto }

.paddingtop0 { padding-top:0!important }
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop35 { padding-top:35px }
.paddingtop40 { padding-top:40px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop80 { padding-top:80px }
.paddingtop90 { padding-top:90px }
.paddingtop100 { padding-top:100px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom35 { padding-bottom:35px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom45 { padding-bottom:45px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

.paddingleft0 { padding-left:0!important }
.paddingleft5 { padding-left:5px }
.paddingleft10 { padding-left:10px }
.paddingleft13 { padding-left:13px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }
.paddingleft80 { padding-left:80px }
.paddingleft120 { padding-left:120px }

.paddingright0 { padding-right:0!important }
.paddingright5 { padding-right:5px }
.paddingright10 { padding-right:10px }
.paddingright15 { padding-right:15px }
.paddingright20 { padding-right:20px }
.paddingright30 { padding-right:30px }
.paddingright40 { padding-right:40px }
.paddingright50 { padding-right:50px }

.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding50 { padding:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display:none }
.mo_undis { display:block }

.row5 { margin-left: -5px; margin-right: -5px }
.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }
.row30 { margin-left: -30px; margin-right: -30px }
.row40 { margin-left: -40px; margin-right: -40px }

/*-------------------宽度、高度--------------------*/
.width10 { width:10% }
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

.maxwidth80 { max-width: 80%; }

.imgw40 { display:block; max-width:40%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw80 { display:block; max-width:80%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

.height50 { height:50% }
.height100 { height:100% }

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:85% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_25 { float:left; width:25% }
.area_20 { float:left; width:20% } 
.area_15 { float:left; width:15% }
.area_10 { float:left; width:10% }

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.15em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_5 { height:5.95em; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }

.button-circular, a.button-circular, input.button-circular { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }

.button-xs, a.button-xs, input.button-xs { padding: 0 10px; height: 24px; line-height:24px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.button-s, a.button-s, input.button-s { padding: 0 15px; height: 30px; line-height:30px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px }
.button-m, a.button-m, input.button-m { padding: 0 20px; height: 36px; line-height:36px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px }
.button-l, a.button-l, input.button-l { padding: 0 40px; height: 48px; line-height:48px; -moz-border-radius:24px; -webkit-border-radius:24px; border-radius:24px }

.button-blue, a.button-blue, input.button-blue { background:#0098e6; color:#fff }
.button-blue:hover, a:hover.button-blue, input.button-blue:hover { background:#33adeb; color:#fff }
.button-blue:active, a:active.button-blue, input.button-blue:active { background:#007ab8; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

.button-blue-l, a.button-blue-l, input.button-blue-l { border:1px solid #0098e6; color:#0098e6 }
.button-blue-l:hover, a:hover.button-blue-l, input.button-blue-l:hover { border:1px solid #0098e6; background:#f7f9fa; color:#0098e6 }
.button-blue-l:active, a:active.button-blue-l, input.button-blue-l:active { border:1px solid #0098e6; background:#f7f9fa; color:#0098e6; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

.button-white, a.button-white, input.button-white { background:#fff; color:#0098e6 }
.button-white:hover, a:hover.button-white, input.button-white:hover { background:#0098e6; color:#fff }
.button-white:active, a:active.button-white, input.button-white:active { background:#007ab8; color:#fff }

.button-gray, a.button-gray, input.button-gray { background:#e5e5e5; color:#000 }
.button-gray:hover, a:hover.button-gray, input.button-gray:hover { background:#e1e1e1; color:#000 }
.button-gray:active, a:active.button-gray, input.button-gray:active { background:#efefef; color:#000; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

.button-green, a.button-green { background:#90c31f; color:#fff }
.button-green:hover, a.button-green:hover { background:#86bc1b; color:#fff }

/*-------------------分页css开始-------------------*/
div.quotes { text-align:center; position: relative }
div.quotes a { display: inline-block; padding:2px 10px; text-decoration:none; margin:0; margin-left:1px; margin-right: 1px; color: #000 }
div.quotes a:hover { padding:2px 10px; color:#14126C }
div.quotes a:active { padding:2px 10px; color:#14126C }
div.quotes a.current { padding:2px 10px; background:#d00025; color:#fff }
div.quotes a.disabled { padding:2px 10px; color:#666 }
div.quotes a.disabled:hover { background:none }
div.quotes a#pre { margin-left: -50px; position:absolute; top: -3px; color: #14126C }
div.quotes a#next { margin-right: -10px; position:absolute; top: -3px; color: #14126C }


/*-------------------打印、分享css开始-------------------*/
.share { width: 28px; height: 28px }
.share .bdshare-button-style0-24 a { width: 28px; height: 28px; padding: 0; margin: 0 }
.share .bdshare-button-style0-24 a.bds_tsina { background: url(../images/icon-weibo.png) 0 0 no-repeat; background-size: 100% 100% }
.share .bdshare-button-style0-24 a.bds_linkedin { background: url(../images/icon-linkedin.png) 0 0 no-repeat; background-size: 100% 100% }

/*-------------------通用头部-------------------*/ 
.headbox { width:100%; height: 60px; line-height: 60px; background: #fff; position: fixed; top: 0; z-index: 1000; box-shadow: 0 0 10px rgba(0,0,0,0.2) }
.top-logobox { width: 80px; height: 60px; border-right: 1px solid #ececec }
.top-logo { display: block; width: auto; height: 40px }
.headbox .iconfont { line-height: 60px }

.language-pop.top-icon-unfold { top: 55px }
.language-pop.top-icon-unfold, .language-pop.top-icon-unfold a { height: 40px; line-height: 40px }
.language .icon-down { position: absolute; top: 0; right: 0; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s }
.language .icon-down.rotate { -moz-transform: rotate(180deg) scale(0.8);
  -ms-transform: rotate(180deg) scale(0.8);
  -webkit-transform: rotate(180deg) scale(0.8);
  transform: rotate(180deg) scale(0.8) }
  
.top-nav { margin-left: 6% }
.top-nav a { display: inline-block; margin: 0 20px;}
.top-nav a.on { font-weight: bold; color: #000 }

.top-iconbox {position: relative; width: 100px;height: 0;}
.top-iconbox  .iconi{position: absolute;right:0;}
.top-iconbox .iconfont {display: block; line-height: 30px; color: #3d464c;border-radius: 50%;width: 30px; text-align: center; height: 30px; line-height: 30px; border: 1px solid #b3c2cc}
.top-iconbox:hover .iconfont { color: #fff ;background: #3d464c;border: transparent;}
.top-icon-unfold { position: absolute; top: 40px;background: #092d3b; display: none;height: 82px;line-height: 40px;text-align: center;right: -5px;}
.top-iconbox:hover {height: 100px;}
.top-icon-unfold:after { border-color: transparent; border-style: solid; display: block; height: 0; width: 0; border-width: 8px; content: ""; border-bottom-color: #092d3b; border-top-width: 0; content: " "; position: absolute; top: -8px; right: 10px }
.top-icon-unfold a { display: inline-block; width: 100%;color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1);height: 40px;line-height: 40px; }
.top-icon-unfold a:hover { color: #b3c2cc }

/*-------------------侧边栏-------------------*/ 
.sidebar { width: 240px; height: 100%; padding-top: 60px; padding-bottom: 60px; background: #fff; position: fixed; left: 0; top: 0; z-index: 999; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.sidebar-container { height: 100%; overflow-y: auto; overflow-x: hidden }
.sidebar-container ul.nonextlevel { height: 0!important; -webkit-margin-before: 0!important; -webkit-margin-after: 0!important; -webkit-padding-start: 0!important }
.sidebar-container::-webkit-scrollbar {
width:8px;
height:8px
}
.sidebar-container::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.sidebar-container::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.sidebar-container::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.sidebar-container::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}

.submenu { display: block; width: 100%; height: 40px; line-height: 40px; color: #5c5c5c; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position: relative; z-index: 1; }
.submenu .iconfont { line-height: 40px; margin-right: 5px }
.submenu:hover { background: #f1f1f1; color: #5c5c5c }
.submenu.cur { color: #fff; background: #0098e6 }

.level3menu-list { width: 200px; margin-left: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.level3menu { display: block; width: 100%; height: 38px; line-height: 38px; margin-top: 2px; padding: 0 15px 0 25px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.level3menu .iconfont { line-height: 40px; margin-right: 5px }
.level3menu:hover, .level3menu.cur { background: #f1f1f1; color: #5c5c5c }

.level3menu-li { position: relative }
.level4menu { width: 160px; background: #f1f1f1; border: 1px solid #f1f1f1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position: fixed; left: 230px; margin-top: -40px; z-index: 30; display: none }
.level4menu:after { border-color: transparent; border-style: solid; display: block; height: 0; width: 0; border-width: 8px; content: ""; border-right-color: #f1f1f1; border-left-width: 0; content: " "; position: absolute; top: 10px; left: -8px; z-index: 30 }
.level4menu a { display: inline-block; width: 100%; padding-left: 20px; height: 30px; line-height: 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.level4menu a:hover { color: #5c5c5c }
.level3menu-li:hover .level3menu { background: #f1f1f1; color: #5c5c5c }
.level3menu-li:hover .level4menu { display: block }

.sidebar.packup { width: 80px }
.sidebar.packup .iconnav { width: 100% }

.sidebar.packup .submenu { text-align: center }
.sidebar.packup .submenu .iconfont { margin-right: 0 }
.sidebar.packup .submenu-title { width: 200px; text-align: left; padding-left: 20px; background: #ededed; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position: fixed; left: 80px; margin-top: -40px; z-index: 10; display: none }
.sidebar.packup .submenu-title:after { border-color: transparent; border-style: solid; display: block; height: 0; width: 0; border-width: 8px; content: ""; border-right-color: #ededed; border-left-width: 0; content: " "; position: absolute; top: 10px; left: -8px; z-index: 20 }
.sidebar.packup .submenu.open .submenu-title { display: block!important }

.sidebar.packup .level3menu-list { position: fixed; left: 80px; z-index: 10 }
.sidebar.packup .level3menu-list .level3menu { display: none }
.sidebar.packup .level3menu-list.open, .sidebar.packup .level3menu-list.open .level3menu { display: block!important }
.sidebar.packup .level3menu-list.open { margin-left: 0; background: #fff; border: 1px solid #ededed; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.sidebar.packup .level3menu-list.open .level3menu { margin-top: 0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 }
.sidebar.packup .level4menu { left: 280px }

.sidebar-foot { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0 }
.sidebar-foot-logo { width: auto; height: 30px; margin-top: 15px; margin-left: 20px }
.sidebar-foot .button { margin-top: 15px; margin-right: 20px }

/*-------------------中间内容区-------------------*/
.container { margin-left:240px; padding: 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }
.container.packup { margin-left: 80px }

.container-max { margin-left:0 }


/*-------------------登录-------------------*/
/* 1127-修改 */
.login-page { /*background: url(../images/admin-logo.jpg);*/background-size: cover;background-position: center; }
.login-page .logo { position: absolute; top: 50px; left: 50px;max-width:200px}
.login-page .Copyright { position: absolute; bottom: 50px; left: 5% }

.login-container { width: 50%; min-width: 740px }
.login-page input { width: 100%; border: 1px solid #a0a0a0; padding:0 10px; font-size: 16px; color: #000;line-height: 36px;height: 36px }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 14px; color: #bbb }
input:-moz-placeholder, textarea:-moz-placeholder { font-size: 14px; color:#bbb }
input::-moz-placeholder, textarea::-moz-placeholder { font-size: 14px; color:#bbb }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-size: 14px; color:#bbb }
.login-page input:focus { border: 1px solid #0098e6 }

.clip-check label { cursor: pointer; display: inline-block; font-size: 14px; margin-right: 15px; padding-left: 30px !important; position: relative; line-height: 22px; transition: border 0.2s linear 0s, color 0.2s linear 0s; white-space: nowrap; color: #848484; }
.clip-check label:hover { color: #0098e6; text-decoration: none }
.clip-check label:before { background-color: #ffffff; border: 1px solid #c8c7cc; content: ""; display: inline-block; height: 20px; left: 0; margin-right: 10px; position: absolute; width: 20px; border-radius: 3px; top: 1px; transition: border 0.2s linear 0s, color 0.2s linear 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.clip-check label:after { display: inline-block; font-size: 11px; height: 19px; left: 4px; position: absolute; top: 0; transition: border 0.2s linear 0s, color 0.2s linear 0s; width: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.clip-check input[type="checkbox"] { display: none; }
.clip-check input[type="checkbox"]:checked + label:before { border-width: 10px; border-color: #0098e6 }
.clip-check input[type="checkbox"]:checked + label:after { border-width: 0; color: #fff; content: "\e6b0"; font-family: "iconfont"; }

.login-other { display: block; width: 100%; height: 48px; line-height: 48px; border: 1px solid }
.login-other .iconbox { width: 60px; height: 46px; line-height: 46px; text-align:center }
.login-other .iconbox .iconfont { line-height: 46px; color: #fff }
.login-other.login-weixin { border-color: #355894 }
.login-other.login-weixin .iconbox { background: #355894 }
.login-other.login-weixin:hover { background: #355894; color: #fff }
.login-other.login-QQ { border-color: #ef483d }
.login-other.login-QQ .iconbox { background: #ef483d }
.login-other.login-QQ:hover { background: #ef483d; color: #fff }

.login-ewm { width: 160px; height: 160px }
.m-box { width: 160px; height: 160px; position: relative; margin: 100px auto; background: #00ED70; border-radius: 50%; }
.m-duigou { width: 80px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -40px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); overflow: hidden }
.m-duigou:before, .m-duigou:after { content: ""; position: absolute; background: #fff; border-radius: 2px }
.m-duigou:before { width: 10px; height: 40px; left: 0; -webkit-animation: dgLeft 0.3s linear 1 both; animation: dgLeft 0.3s linear 1 both }
.m-duigou:after { width: 80px; height: 10px; bottom: 0; -webkit-animation: dgRight 0.3s linear 1 both; animation: dgRight 0.3s linear 0.3s 1 both }
@keyframes dgLeft {
0% {
top:-100%
}
100% {
top:0%
}
}
@-webkit-keyframes dgLeft {
0% {
top:-100%
}
100% {
top:0%
}
}
@keyframes dgRight {
0% {
left:-100%
}
100% {
left:0%
}
}
@-webkit-keyframes dgRight {
0% {
left:-100%
}
100% {
left:0%
}
}

.m-mistake-box { width: 160px; height: 160px; position: relative; margin: 100px auto; background: #ff0000; border-radius: 50% }
.m-mistake { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); overflow: hidden }
.m-mistake:before, .m-mistake:after { content: ""; position: absolute; background: #fff; border-radius: 2px }
.m-mistake:before { width: 10px; height: 80px; left: 50%; margin-left: -5px; -webkit-animation: dgLeft01 0.3s linear 1 both; animation: dgLeft01 0.3s linear 1 both }
.m-mistake:after { width: 80px; height: 10px; top: 50%; margin-top: -5px; -webkit-animation: dgRight01 0.3s linear 1 both; animation: dgRight01 0.3s linear 0.3s 1 both }
@keyframes dgLeft01 {
0% {
top:-100%
}
100% {
top:0%
}
}
@-webkit-keyframes dgLeft01 {
0% {
top:-100%
}
100% {
top:0%
}
}
@keyframes dgRight01 {
0% {
left:100%
}
100% {
left:0%
}
}
@-webkit-keyframes dgRight01 {
0% {
left:100%
}
100% {
left:0%
}
}
			
/*-------------------内页通用-------------------*/
.search-box, input.search01 { width: 200px; height: 36px; line-height: 36px }
input.search01 { border: 0; background: transparent; border-bottom: 1px solid #f1f5f9; padding-left: 30px; position: absolute; left: 0; z-index: 10 }
input.search01:focus { border: 0; background: transparent; border-bottom: 1px solid #0098e6 }
input.search01::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #0098e6 }
input.search01:-moz-placeholder, textarea:-moz-placeholder { color:#0098e6 }
input.search01::-moz-placeholder, textarea::-moz-placeholder { color:#0098e6 }
input.search01:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#0098e6 }

.basics-table { width: 100% }
.basics-table tr { border-bottom: 1px solid #f3f3f3 }
.basics-table tr:last-child { border-bottom: 0 none }
.basics-table tr:hover { background: #fbfbfb }
.basics-table th, .basics-table td { padding-top: 10px; padding-bottom: 10px; padding-left: 10px }
.basics-table th { font-weight: bold }

.basics-from { margin-top: 20px }	
.basics-from .area_85 { padding-left: 40px; width: 70% } 
.basics-lable { height: 32px; line-height: 32px }
input.basics-input { width: 100%; border-color: #ddd; border-radius: 3px; padding: 0 12px; height: 32px; line-height: 32px }
input.basics-input:focus { border-color: #bbb }

textarea.basics-textarea { width: 100%; border-color: #ddd; border-radius: 3px; padding: 0 12px; min-height: 80px; line-height: 32px }
textarea.basics-textarea:focus { border-color: #bbb }

.basics-select { width: 100%; border-color: #ddd; border-radius: 3px; padding: 0 12px; height: 32px; line-height: 32px; background: url(../images/arrows.png) center right no-repeat; background-size: auto 100% }

.basics-radio { display: inline-block }
.basics-radio input[type="radio"] { display: none; }
.basics-radio label { cursor: pointer; display: inline-block; font-size: 14px; margin-right: 20px; padding-left: 25px; height:32px; line-height: 32px; position: relative }
.basics-radio label:before { background-color: #ffffff; border: 1px solid #d0d0d0; content: ""; display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 9px; position: absolute; left: 0; top: 7px; transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s; }
.basics-radio label:after { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 5px; position: absolute; top: 11px; left: 4px; transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s; }
.basics-radio input[type="radio"]:checked + label:after { background: #0098e6; }
.basics-radio input[type="radio"][disabled] + label { filter:alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65 }


.basics-checkbox { display: inline-block }
.basics-checkbox input[type="checkbox"] { display: none; }
.basics-checkbox label { cursor: pointer; display: inline-block; font-size: 14px; margin-right: 20px; padding-left: 25px; height:32px; line-height: 32px; position: relative }
.basics-checkbox label:before { background-color: #ffffff; border: 1px solid #d0d0d0; content: ""; display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 2px; position: absolute; left: 0; top: 7px; transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s; }
.basics-checkbox label:after { content: "\e6b0"; font-family: "iconfont"; font: 14px!important; line-height: 14px; display: inline-block; width: 16px; height: 16px; position: absolute; top: 8px; left: 1px; transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s; background: #fff; color: #fff }
.basics-checkbox input[type="checkbox"]:checked + label:before { border-color: #0098e6; }
.basics-checkbox input[type="checkbox"]:checked + label:after { background: #0098e6; }
.basics-checkbox input[type="checkbox"][disabled] + label { filter:alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65 }
.basics-checkbox-column tr { width: 100%; height: 32px; line-height: 32px }

.uplaod-btn, input.uplaod-input, .uplaod-btn .button { width: 80px; height: 24px; line-height: 24px }
input.uplaod-input { padding: 0; margin: 0; font-size:0; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 10; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.uplaod-btn .button { position: absolute; top: 0; left: 0; z-index: 1 }

.no-content { width: 100%; height: 200px; line-height: 200px; text-align: center }


.edit-mask { position:fixed; top:0; left:0; z-index:9998; background:rgba(0,0,0,0.8); width:100%; height:100%; display:none }
.edit-pop { width: 60%; height: auto; position:absolute; left: 20%; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background: #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.edit-pop .ke-container { width: 100%!important; height: 300px }
.edit-mask .icon-close { position: absolute; top: 20px; right: 20px; transition: all ease-out .2s; -webkit-transition: all ease-out .2s; -moz-transition: all ease-out .2s; -o-transition: all ease-out .2s }
.edit-mask .icon-close:hover { transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg) }


.iconlist-box span { float: left; padding:15px }
.iconlist-box span:hover { background: #f5f5f5 }
.iconlist-box span.this { background: #33adeb; color: #fff }

.itemsConts input.basics-input.title { padding-right: 60px }
.gb_icon, .drop_icon { width: 26px; height: 32px; line-height: 32px; position: absolute }
.gb_icon { right: 10px } 
.drop_icon { right: 40px }
.gb_icon .iconfont, .drop_icon .iconfont { line-height: 32px; font-size: 26px!important; color: #33adeb }
.gb_icon .iconfont:hover, .drop_icon .iconfont:hover { opacity: 0.6 }



.area-con { padding-right: calc(37vh) }
.area-left { width: calc(37vh); position: fixed; right: 50px; bottom: 50px; z-index: 10; border: 1px solid #ddd; box-sizing: border-box }
.area-left-con { width: calc(100%); height: calc(64vh); box-sizing: border-box; overflow-x: hidden; overflow-y: auto }
.area-left-con::-webkit-scrollbar {
width:6px;
height:6px
}
.area-left-con::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.area-left-con::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.area-left-con::-webkit-scrollbar-thumb:vertical:hover {       
background-color:rgba(0,0,0,.3)
}
.area-left-con::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}
.mobile-imgbox { width: calc(100%); height: auto; position: relative }

.rule-box { width: 80%; height: auto; background: #fff; position: absolute; bottom: 80px; left: 10% }
.join-btn { width: 60%; height: 48px; line-height: 48px; font-size: 18px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; bottom: 20px; left: 20% }


.total-dl { padding-left: 80px; margin-top: 5px }
.total-dl dt { width: 80px; margin-left: -80px }
.percent-bar { width: 200px; height: 10px; border-radius: 3px; overflow: hidden; margin-top: 6px; margin-right: 20px }
.percent-bar .percent { height: 10px; border-radius: 3px; background: #90c31f }


.icon-explain { font-size: 12px; padding: 0 5px; white-space:nowrap; border-radius: 3px; background: #499E1F; color: #fff; top: -32px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: none }
.icon-explain::after { content: ""; position: absolute; bottom: -5px; left: 50%; margin-left: -5px; border-top: 5px solid #499E1F; border-right: 5px solid transparent; border-left: 5px solid transparent }
a:hover .icon-explain { display: block }


/* timeline-时间线 */
.tmCode {     left: 0px;
  top: 30px;
  z-index: 2;
  width: 10px;
  height: 4px;
  background: #f1f5f9;
  position: absolute; }
.timelineBox { margin-left: 20px } 
.timelineBox .timelineDot { background: #1072b5; position: absolute; border-radius: 50%;  left: -20px; top: 4px; z-index: 2; width: 10px; height: 10px; }
.timelineBox .time_line { position: absolute; left: -15px; top: 0; width: 1px; height: 100%;background: #1072b5; }
.timelinePull { margin-right: 6em; }
.timelinePull .fright { margin-right: -6em;width: 6em;text-align: right }
.linedel { text-decoration:line-through }

.urgentBtn { background: #ff0000;padding: 1px 6px;border-radius: 4px;margin-top: 3px; }
.urgentPull { margin-left: 4em; }
.urgentPull span { margin-left: -4em;width: 4em }
.urgentRemarks { border: 1px solid #bcbcbc;padding: 2px 6px}

.urgent_alertBox { background: rgba(0, 0, 0, 0.1);position: fixed;width: calc(100vw);height: calc(100vh);top: 0;overflow: hidden;z-index: 9999; left:0;}
.urgent_alertBox textarea { line-height: 24px;resize: none;border:1px solid rgba(0, 0, 0, 0.2); }
.urgent_alertBox>div{ max-width: 500px }

.urgent_alertBox textarea::-webkit-input-placeholder { color: #666 }
.urgent_alertBox .hideFile { top: 0; width: 80px; height: 30px; opacity: 0 }
.urgent_alertBox input[type="radio" i] {
  background-color: initial;
  cursor: default;
  appearance: radio;
  box-sizing: border-box;
  margin: 0 3px 0px 5px;
  padding: initial;
  border: initial;
}
.urgentSubmit a { padding: 6px 15px;min-width:50px;text-align:center;top: 0;left: 0;font-size: 12px; }
.urgentSubmit .submitxt { pointer-events: none }
.urgentSubmit input { width: 90px; height: 25px;opacity: 0;cursor: pointer }
.urgentSubmit .urgent_unalert:hover { color:#3c3b3a;background: #e5e5e5 }
.atxtHover:hover { color:#3c3b3a; }
.cursorpointer { cursor: pointer }
.pointernone{ pointer-events: none }

/* admin login */
.orText { border:rgba(0,0,0,.1) solid 1px;width: 36px;line-height: 36px;height: 36px;top: -18px }