body {background-color: #fff}

#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('../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}
.breadcrumb a {color: #999}

section {}
section dl {background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px}
section dl:first-child {margin-top: 0;}
section dl dt{height: 65px; line-height: 30px; padding: 10px; font-size: 16px; font-weight: bold; position: relative;}
section dl dt .desc {position: absolute; left: 10px; font-weight: normal; bottom: 10px; height: 15px; line-height: 15px; font-size: 12px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
section dl dt .icon-angle-down, section dl dt .icon-angle-up {position: absolute; top: 15px; right: 10px; color: #999; font-size: 18px;}
section dl dt .icon-pencil {color: #999; font-weight: normal}
section dl dd {width: 50%; float: left; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
section dl .wrap-box {overflow: hidden; zoom: 1; display: none;}
section dl .wrap-box dd:nth-child(2n){border-right: none}
section dl .wrap-box dd:nth-child(1), section dl .wrap-box dd:nth-child(2) {border-top: 1px solid #ccc;}
section dl .wrap-box dd:last-child{border-bottom: none}
section dl dd a {display: block; width: 100%; height: 45px; line-height: 45px; text-align: center;}

*{-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-attachment:fixed}html{font-family:"Helvetica Neue",Helvetica,STHeiTi,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}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('https://m.shexian100.com/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;margin-bottom:35px;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:65px;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('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#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-edit:before,.icon-pencil-square-o:before{content:"\f044"}.icon-bookmark:before{content:"\f02e"}.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('https://m.shexian100.com/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('https://m.shexian100.com/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; height: 120px; line-height: 20px; width: 100%; display: block; outline: none;}
.area-form .select {width: 100%; display: inline-block; border: none; outline: none; background: #fff}
.area-form .select option {color: #333; background: #fff}
.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('https://m.shexian100.com/assets/images/loading.gif'); background-size: 100%; }