* { -webkit-tap-highlight-color: transparent; -webkit-appearance: none; padding: 0; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box }
html, body { background-image: url(about:blank); background-attachment: fixed }
html { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
.upinput1{ border:#ddd 1px solid; height:30px; line-height:30px; width:190px;}
.upbut1{ width:70px; height:30px; background:#333; border:none; color:#FFFFFF; font-size:12px; text-align:center}
body { color: #333; font-size: 14px; background: #fff }
ul, li, ol { margin: 0; padding: 0; list-style: none }
a { color: #333; text-decoration: none }
p { margin: 0; padding: 0 }
a:hover { cursor: pointer; color: #4998E7; text-decoration: none }
input { -webkit-appearance: none; appearance: none }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.btn { background: #fff; border: 0; color: #333 }
.btn:active, .btn.active { outline: 0 }
.clearfix:before, .clearfix:after { display: table; content: " " }
.clearfix:after { clear: both }
.pull-right { float: right!important }
.pull-left { float: left!important }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none }
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
@keyframes rotating { from {
transform:rotate(0deg)
}
to { transform: rotate(360deg) }
}
@-webkit-keyframes rotating { from {
-webkit-transform:rotate(0deg)
}
to { -webkit-transform: rotate(360deg) }
}
@-moz-keyframes rotating { from {
-moz-transform:rotate(0deg)
}
to { -moz-transform: rotate(360deg) }
}
@-ms-keyframes rotating { from {
-ms-transform:rotate(0deg)
}
to { -ms-transform: rotate(360deg) }
}
@-o-keyframes rotating { from {
-o-transform:rotate(0deg)
}
to { -o-transform: rotate(360deg) }
}
.rotating { -moz-animation: rotating 1s linear infinite; -o-animation: rotating 1s linear infinite; animation: rotating 1s linear infinite; -webkit-animation: rotating 1s linear infinite; -ms-animation: rotating 1s linear infinite }
#content { min-height: 90% }
#header { height: 40px; background-color: #fff; position: relative; animation-duration: 1s; -webkit-animation-duration: 1s }
.header-inner .btn { width: 40px; height: 39px; padding: 0; font-size: 18px; border-radius: 0 }
.header-inner .btn:active, .header-inner .btn.active { color: #4998E7; box-shadow: none; -webkit-box-shadow: none; outline: 0 }
.header-inner .btn.active .subtail, .header-inner .btn.active .tail { display: block; z-index: 101 }
.header-inner .btn .subtail { left: 10px; animation: fadein .3s both; display: none; position: absolute; border: 8px solid #ddd; border-top: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; bottom: -1px }
.header-inner .btn .tail { left: 11px; animation: fadein .3s both; position: absolute; display: none; border: 7px solid #fcfcfc; border-top: 7px solid transparent; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: -1px }
.logo-header { display: block; width: 300px; height: 40px; text-indent: -100%; background-image: url('assets/images/logo.png'); margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: auto 20px }
#btn-search-header, #btn-guid-header { position: absolute; right: 0; top: 0 }
#btn-guid-header { left: 0 }
#area-guid-header, #area-search-header { position: absolute; background-color: #fff; border: 1px solid #ddd; display: none; z-index: 100; width: 100%; padding: 10px; top: 38px }
#area-guid-header { left: 0; overflow: hidden; overflow-y: auto; width: 99% }
#area-guid-header .area-switch .btn { color: #999 }
#area-guid-header .area-switch .btn:hover { color: #4998E7 }
#area-guid-header .area-switch .btn-post { background-color: #4998E7; color: #fff }
#area-guid-header .area-switch .btn-post:hover { background-color: #20659c; color: #fff }
#area-guid-header .sp-line { height: 1px; background: #ddd; width: 100%; margin: 10px 0 }
#area-guid-header .area-category .list { margin: 0; padding: 0; margin-bottom: 10px }
#area-guid-header .area-category .list li { list-style: none }
#area-guid-header .area-category .list .ch-a { width: 20%; float: left }
#area-guid-header .area-category .list .ch-a li { padding: 3px 0 3px 0 }
#area-guid-header .area-category .list .ch-a li a { display: block; padding: 4px; border-radius: 4px; background-color: #eee; text-align: center }
#area-guid-header .area-category .list .ch-b { font-size: 12px; width: 80%; float: left; overflow: hidden }
#area-guid-header .area-category .list .ch-b li { float: left; width: 50%; padding: 3px 0 3px 6px }
#area-guid-header .area-category .list .ch-b li a { display: block; padding: 4px; border-radius: 4px; border: 1px solid #ddd; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
#area-search-header { right: 0 }
#area-search-header .form-search { position: relative; padding: 4px 72px 4px 0 }
#area-search-header .form-search .select-cats { padding-left: 5px; border-radius: 3px 0 0 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; font-size: 12px; height: 34px; width: 80px; position: absolute; top: 4px; left: 0; outline: 0; background: #f4f4f4; border: 1px solid #4998E7 }
#area-search-header .form-search:after { font: normal normal normal 14px/1 FontAwesome; content: '\f107'; color: #999; position: absolute; width: 16px; height: 16px; top: 13px; line-height: 16px; text-align: center; left: 60px; z-index: 2 }
#area-search-header .form-search .ipt-search { color: #333; outline: 0; padding: 1px 8px; padding-left: 85px; width: 100%; display: block; height: 34px; border-radius: 3px 0 0 3px; border: 1px solid #4998E7 }
#area-search-header .form-search .btn-search { border-radius: 0 3px 3px 0; color: #fff; outline: 0; position: absolute; width: 72px; height: 34px; right: 0; top: 4px; background-color: #4998E7; border: 1px solid #4998E7 }
#area-guid-header .area-close, #area-search-header .area-close { clear: both; margin-top: 10px; text-align: center }
#area-guid-header .area-close button, #area-search-header .area-close button { height: 30px; width: 50%; margin: 0 auto; background-color: #fcfcfc; border: 1px solid #ccc; border-radius: 3px; color: #999 }
#area-guid-header .area-close button { background-color: #eee }
#footer { margin-top: 10px; background-color: #49535d }
#footer .category-footer ul { padding: 10px 0 }
#footer .category-footer ul li { width: 25%; float: left }
#footer .category-footer ul li a { display: block; color: #95a0ac; height: 30px; line-height: 30px; text-align: center }
#footer .copyright { padding: 20px 0; line-height: 25px; text-align: center; color: #707982; background-color: #404a54 }
.btn-backToTop { font-size: 40px; color: #fff; line-height: 48px; text-align: center; width: 48px; height: 48px; position: fixed; right: 20px; bottom: 20px; background: rgba(0,0,0,.5); border-radius: 5px }
.btn-backToTop:hover { color: #fff }
#footer .button-group { border: 1px solid #313a43; display: inline-block; border-radius: 2px; background: #35414c }
#footer .button-group .button { display: inline-block; padding: 5px 10px; color: #999; border-right: 1px solid #313a43; color: #707982 }
#footer .button-group .button:last-child { border-right: 0 }
@font-face { font-family: 'FontAwesome'; src: url('assets/fonts/fontawesome-webfont.eot'); src: url('assets/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('assets/fonts/fontawesome-webfont.woff') format('woff'), url('assets/fonts/fontawesome-webfont.ttf') format('truetype'), url('assets/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }
.icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-angle-left:before { content: "\f104" }
.icon-angle-up:before { content: "\f106" }
.icon-angle-right:before { content: "\f105" }
.icon-angle-down:before { content: "\f107" }
.icon-bars:before { content: "\f0c9" }
.icon-search:before { content: "\f002" }
.icon-home:before { content: "\f015" }
.icon-random:before { content: "\f074" }
.icon-pencil:before { content: "\f040" }
.icon-file:before { content: "\f15b" }
.icon-clock-o:before { content: "\f017" }
.icon-camera:before { content: "\f030" }
.icon-eye:before { content: "\f06e" }
.icon-refresh:before { content: "\f021" }
#header { background-color: #4998E7; border-bottom: 1px solid #4998E7; color: #fff; }
#header .header-inner .btn { color: #fff; background: #4998E7 }
#header .header-inner .btn:active, #header.fixed .header-inner .btn.active { color: #fff }
#header .logo-header { background-image: url('assets/images/logo_white.png'); }
#header .btn-post { display: none; }
#stage { background-color: #f4f4f4 }
.breadcrumb { height: 35px; line-height: 35px; background: #f4f4f4; padding: 0 10px; color: #999; width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumb a { color: #999 }
::-webkit-scrollbar {
background-color: transparent;
width: 2px;
height: 2px;
border-radius: 1px;
z-index: 999
}
::-webkit-scrollbar-thumb {
background-color: #4998E7;
border-radius: 1px;
width: 2px;
height: 2px;
}
::-ms-scrollbar {
background-color: transparent;
width: 2px;
height: 2px;
border-radius: 1px;
z-index: 999
}
::-ms-scrollbar-thumb {
background-color: #4998E7;
border-radius: 1px;
width: 2px;
height: 2px;
}
::-moz-scrollbar {
background-color: transparent;
width: 2px;
height: 2px;
border-radius: 1px;
z-index: 999
}
::-moz-scrollbar-thumb {
background-color: #4998E7;
border-radius: 1px;
width: 2px;
height: 2px;
}
::-o-scrollbar {
background-color: transparent;
width: 2px;
height: 2px;
border-radius: 1px;
z-index: 999
}
::-o-scrollbar-thumb {
background-color: #4998E7;
border-radius: 1px;
width: 2px;
height: 2px;
}
.post-tip { margin-bottom: 10px; position: relative; padding: 10px; background: #fcf8e3; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #c00; font-size: 12px; line-height: 20px; }
.post-tip .closeBtn { position: absolute; right: 0; top: 0; width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 20px; color: #ccc }
.post-form .area-upload { padding: 0 10px 10px 10px; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden }
.post-form .area-upload .area-icon { position: relative; margin-top: 10px; height: 64px; width: 64px; background-color: #f1f1f1; float: left; text-align: center; color: #ddd; font-size: 32px; line-height: 64px; cursor: pointer; }
#fileImage { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; }
.post-form .area-upload .thumbs-upload { margin-left: 74px; position: relative; font-size: 16px; color: #999; overflow: hidden; }
.thumbs-upload .tip { display: block; height: 64px; line-height: 64px; margin-top: 10px; }
.thumbs-upload .thumb { margin-top: 10px; border-radius: 3px; position: relative; background-image: url('assets/images/loading.gif'); display: block; float: left; width: 64px; height: 64px; margin-right: 10px; padding: 1px; border: 1px solid #ccc; background-color: #fff; background-size: 50% auto; background-position: center; background-repeat: no-repeat; }
.thumbs-upload .thumb .closeBtn:before { font-style: normal; font-size: 12px; color: #666; font: normal normal normal 14px/1 FontAwesome; content: '\f00d'; position: absolute; width: 16px; height: 16px; top: 0; right: 0; border-radius: 50%; background: rgba(255, 255, 255, .5); text-align: center; cursor: pointer }
.area-upload .ipt-wrap { display: none; }
.area-form { margin-top: 10px; }
.area-form li { padding: 10px; background: #fff; border-bottom: 1px solid #ccc; overflow: hidden; zoom: 1; line-height: 35px; }
.area-form li .span1 { display: block; float: left; width: 65px; color: #3c3c3c }
.area-form li .span2 { display: block; margin-left: 65px; position: relative; min-height: 35px; color: #111 }
.area-form li .span2 a { color: #4998E7; }
.area-form .ipt-text { border: none; outline: none; display: inline-block; width: 100%; }
.area-form .textarea { border: none; line-height: 20px; width: 100%; display: block; outline: none; }
.area-form .select { width: 100%; display: inline-block; border: none; outline: none; }
.area-form .select option { color: #333 }
.area-form .ipt-text.short { width: 120px; }
.area-form .abs-right { position: absolute; right: 0px; top: 0px; background: #fff }
.area-form .text-gray { color: #999 }
.area-form .text-tip { width: 100px; }
.area-form .text-big { font-size: 20px; }
.area-form .group { margin-top: 10px; border-top: 1px solid #ccc; }
.area-form .area-submit { margin: 20px; }
.area-form .area-submit .btn-submit { border: none; display: inline-block; width: 100%; background: #4998E7; height: 40px; line-height: 40px; border-radius: 5px; color: #fff; font-size: 16px; }
.area-form .warn { display: block; height: 20px; line-height: 20px; font-size: 12px; color: #c00; }
.area-form .area-submit .btn-submit.bg-gray { background: #ddd; color: #666; }
.area-form .area-submit .btn-submit.bg-gray:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url('assets/images/loading.gif'); background-size: 100%; }