* { margin: 0px; padding: 0px; }
a { text-decoration: none; cursor: pointer; color: #2196f3; }
ul, li { list-style: none; }
body { font-family: "Microsoft YaHei", 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #eceff1; font-size: 16px; line-height: 2em; color: #6B7277;}
p { margin: 16px 0; }
img { border: 0; }
input { outline: none; }
select { width: 68px; height: 30px; }
hr { height:0px; border-top:1px solid #eceff1; border-right:0px; border-bottom:0px; border-left:0px; margin: 15px 0; }
h2,h3,h4 { font-weight: 300; font-size: 24px; color: #243238;}


.pagination {margin: 20px 0 20px 0;height: 52px; box-sizing: border-box; }
.pagination ul { list-style: none; }
.pagination li { display: block; float: left; padding: 10px; background-color: #fff; margin-right: 10px;}






.text-danger { color: #d9534f; }
.text-danger:focus, .text-danger:hover { color: #c9302c; }
.btn { display: inline-block;  border: medium none; border-radius: 0; padding: 9px 20px; margin-right: 5px; background-color: #2196f3; text-align: center;  color: white !important; font-size: 16px; cursor: pointer; }
.btn-min { padding: 10px 14px; font-size: 13px;    /*border-radius: 4px;*/ text-align: center; height: 38px; width: 72px; }
.btn:hover { background-color: #025aa5; border-color: #01549b; }
.btn-block { display: block; }
.card-article .footer .start i.full { color: #ffab00; }
.Calendar { margin-top: 15px; }
.Calendar .change { position: relative; color: #6B7277; display: inline-block; height: auto; margin-bottom: 15px;      /*margin-left: 13px;*/ width: 100%; }
.Calendar .change .calendar-angle .fa-angle-down { cursor: pointer;      /*font-size: 1.5rem;*/ margin-left: 20px; margin-right: 19px; position: relative; top: 15px; }
.Calendar .change .calendar-angle .fa-angle-up { position: relative; bottom: 15px; }
.table { margin-bottom: 15px; max-width: 100%; width: 100%; }
.fa-star { display: inline-block; width: 16px; height: 16px; background: url(/static/img/star.png)  no-repeat; }

/*heart*/
.fa-heart { padding-bottom: 8px; margin-right: 5px; display: inline-block; background: url(/static/img/heart.png) no-repeat; width: 24px; height: 24px; }
.fa-angle-down { border-top: 10px solid #818a91; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; height: 0; }
.fa-angle-up { border-bottom: 10px solid #818a91; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; height: 0; }
.w { margin: auto; width: 1126px; padding-left: 20px; padding-right: 20px; height: auto; clear: both; }


#shortcut .w { height: 40px; }
#shortcut .w a { display: inline-block; line-height: 40px; color: #90a4ae; font-size: 13px; padding-left: 8px; padding-right: 8px; margin-right: -3px; margin-left: -2px; }
#shortcut .w a:hover { background: white; }
#header { background-color: white; }
#header .w { overflow: hidden; }
#header .w .logo { margin: 0 auto; vertical-align: middle; background: url(/static/img/logo.png)  no-repeat; background-size: 170px; width: 170px; }
#header .w .logo a { text-indent: -9999px; height: 60px; display: block; }
#header .w .logo a img { vertical-align: middle; margin: 24px 0; height: 60px; }
#header .w #warpper-glob-search { margin: 16px 0}
#header #logo { padding: 10px 0; }
#warpper-glob-search .form-group .form-control { border-radius: 8px; line-height: 1.5; float: right; }
#warpper-glob-search .form-group .search-default { padding-top: 10px; }
#warpper-glob-search .form-group .search-default a { padding-left: 8px; text-decoration: underline; }

#breadcrumb .w { height: 48px; }
#breadcrumb .w strong { color: blue; }


/**/
#nav { background-color: #243238; }
#nav .w { display: flex; justify-content : space-between;line-height: 2.5em; }
#nav .w ul { padding: 0;}
#nav .w ul li { display: inline-block; }
#nav .w ul li a { display: inline-block; font-size: 16px; color: #ccc; padding: 0 10px;}
#nav .w .active, #nav .w ul li a:hover { color: #fff; }
#nav .w .active a { color: #fff; background: #ff2f00; }


#breadcrumb .w li { line-height: 78px; display: inline; _zoom: 1; *display: inline; }
#breadcrumb .w li a { font-size: 16px; }

/**/
#content .w { padding-top: 30px; padding-bottom: 30px; }
#content .w .slider-navbar { width: 300px; margin-left: 15px; height: 100%; box-sizing: border-box; }
#content .w .slider-navbar .nav {  }
#content .w .slider-navbar .nav li { overflow: hidden; color: #2196f3; height: 32px; line-height: 32px; }
#content .w .sider-content { width: 796px; height: 100%; box-sizing: border-box; }
#content .w .sider-content .card-article .nav { padding-top: 10px; border-top: 1px solid #eceff1; }
#content .w .sider-content .card-article .nav li {}
#content .w .sider-content .card-article .footer .new-body { line-height: 32px; font-size: 16px; font-weight: 300; min-height: 300px; }
#content .w .sider-content .new-body { padding-top: 15px; border-top: 1px solid #eceff1; }
#content .w .sider-content .title a, #content .w .sider-content h1.title { color: #d84314; font-size: 24px; font-weight: 400; }
#content .w .sider-content h3.title.fw3 a { font-weight: 300; color: #243238; }
#content .w .sider-content .title { padding-bottom: 0; }
#content .w .sider-content .email-form { margin-top: 20px; }

/**/
.text-center { text-align: center; }
.card-block { background-color: white; padding: 20px 20px 16px; margin-bottom: 30px; }
.card-article .author-info {  }
.overflow-hide li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.overflow-hide { overflow: hidden; }
.zs13 {  }
.card-article .author-info-bottom {  }
.card-article label a, .card-article .author-info span { font-size: 12px; color: #B2B5B7; margin-right: 10px; }
.card-block .author-info .date {  }
.card-article .footer { margin: 10px 0; }
.label-lists { text-align: center; display: block; min-height: 37px; }
.card-article .footer .label-lists .label { display: inline-block; padding: 8px 12px; font-weight: 200; border-radius: 2em; margin: 0px 5px 10px 0px; border: 1px solid #d84314; color: #d84314; }
.card-article .footer .label-lists label a:hover { background-color: #d84314; color: #fff; }
.card-article .footer .label-lists label a { text-align: center; line-height: 1; color: #fff; }
.card-article .footer .pull-right { line-height: 30px; }
.card-article { }
.card-article .footer .pull-right .heart .text { color: #d8dfe2; font-size: 14px; }
.read { font-size: 12px; color: #B2B5B7; }
.card-article .author-info .read:hover { color: #d84314; }
.card-article .footer .heart i { display: inline-block; margin-bottom: -10px; }
.card-article .footer .heart { margin-left: 15px; }
.card-article .img-responsive { display: block; height: auto; max-width: 100%; width: 100%; }
.card-article .teacher_comment_content { height: auto; padding-bottom: 15px; padding-top: 15px; }
.card-article .teacher_comment_content .teacher_comment_content_body { color: #659fda; font-size: 13px; line-height: 24px; padding: 15px 15px 0px; }
.card-article .teacher_comment_content .header { background: #659fda none repeat scroll 0 0; border-radius: 50%; color: white; font-size: 24px; height: 80px; line-height: 80px; margin: 0 auto; text-align: center; width: 80px; }
.card-article .desc {  }
.card-block.generalize { padding: 0px; background-color: #eceff1; position: relative; }
.card-block.generalize span{position:absolute;bottom:0;left:0px;background-color:#d84314;opacity:0.85;padding:5px;box-sizing:border-box;width:100%;color:#fff;font-size: 20px;}
a:hover { color: #c9313c; }
.card-block h3 a:hover, .card-block h4 a:hover {  }
.title { font-weight: 300; font-size: 24px; color: #243238; }
.sub-title {font-size: 18px;}
#user-register .title, #user-login .title { border: none; }
.text-muted, .Validform_checktip { color: #6B7277; font-size: 14px; }
.text-muted a:hover {  }
.text-muted a { line-height: 19.2px;  }
.sider-content h3.title, h1.title, h4.title { border-bottom: 0; }
.nav-link { display: inline-block; }
.avg-fixed { position: relative; width: 100%; }
.avg-fixed .img-responsive { width: 100%; position: relative; top: 0; left: 0; }
.avg-fixed .avg-icon { position: absolute; top: 0; right: 0; z-index: 99; }

.col-lg-3 { width: 218px;/*    margin-left: 15px;*/ }
.col-lg-2 { margin-right: 25px; width: 284px; }
.col-lg-4 { margin-left: 15px; margin-right: 50px; width: 316px; }
ul.friendship { float: left; padding-right: 30px; }
.col-md-6 { width: 50%; float: left; }
.login_reg.col-md-6 { margin-bottom: 30px; }

/****/
#footer .directory-title { font-size: 20px; font-weight: 300; color: #222; }
#footer .subscribe { margin-bottom: 15px; }
#footer .subscribe span { display: block; font-size: 13px; }
#footer .directory-lists li { height: 28.8px; }
#footer .directory-lists li a { font-size: 14.4px; }
#footer { clear: both; background-color: #dde2e6; line-height: 24px; color: #666; }
#footer img { width: 120px; }
#footer .w { height: 100%; padding-bottom: 30px; padding-top: 30px; }
#footer-copyright { width: 100%; background-color: #dde2e6;  }
#footer-copyright .w { height: 100%; }
#footer-copyright .copyright .text-muted { font-size: 12px; }
#footer-copyright  .copyright { text-align: center; padding: 30px; }
#footer .w .link { height: 100%; }
#footer .w .link .directory-block { display: block; float: left; }

.blog-top { background-color: #373a3c !important; }
.blog-top .w { background-color: #373a3c !important; height: 40px !important; }
.blog-top .w a { color: white !important; }
.blog-top .w a:hover, .blog-top .w .pull-right .register { color: #373a3c !important; background-color: white; }
#blog-banner-content .info img { border-radius: 50%; display: block; max-width: 100px; }
#blog-banner-content .info { display: block; height: 100px; margin: 40px auto 0; width: 100px; }
#blog-banner-content .name { color: white; font-weight: 200; margin-top: 1rem; text-shadow: 0.1rem 0.1rem 0.1rem #000; }
#blog-banner-content .w { height: 140px; }
.blog-top-bg-image { position: relative; z-index: -2; }
.blog-top-bg-image img { width: 100%; min-width: 1200px; height: 340px; display: block; position: absolute; z-index: -1; }
.blog-top-bg-image .jb { width: 100%; min-width: 1200px; content: ""; height: 340px; display: block; position: absolute; top: 0; z-index: 1; }
.blog-top-bg-image img:hover:before { left: 150%; transition: left 1s ease 0s; }
.publish .form-control { border: medium none; padding-top: 10px; padding-bottom: 10px; background-color: #fff; background-image: none; border-radius: 0.25rem; border: 1px solid #ccc; color: #55595c; border: none; }
.user-action .form-group .form-control { padding: 10px 0px 10px 12px; border: .0625rem solid #ccc; height: 16px; font-style: 13px; }
#user-register .form-group .form-control { width: 566px; }
.form-control {    /*border-radius: 0.25rem;*/
color: #55595c; display: block; font-size: 16px; width: 256px; height: 100%; }
#footer .link .form-control { line-height: 2; }
.input-by { height: 16px; width: 200px; border: #cccccc solid 1px;    /*border-radius: 5px;*/ color: #55595c; padding: 10px 0px 10px 12px; padding-left: 12px; }
.inputstyle { font-size: 16px; line-height: 2; }
.sinput { background-color: #efefef; padding: 10px; color: #888888; width: 300px; box-sizing: border-box; border: 1px solid #ccc; border: none; border-top: 1px solid #cfd8dc; }
button.sbtn.pull-right { border: none; width: 80px; height: 37px; border-radius: 0px 5px 5px 0px; font-size: 16px; cursor: pointer; color: white; background: #7CBDF1; outline: none; }
button.sbtn.pull-right:hover { background: #2196f3; }
#upload .dropzone { padding: 20px 0; text-align: center; }
#upload { border-top: 1px solid #eceff1; }
#content .w .sider-content .form .form-control-border { border-top: 1px solid #eceff1; }
.form-group { margin-bottom: 15px; }
.prompt-top { position: relative; }
.form-group span { position: absolute; left: 16px; top: 9px; color: #ccc; }
.form-inline { height: 40px; }
.form-inline .form-control { height: 30px; width: 177px; font-size: 16px; padding: 4px 12px; border: 1px solid #ccc;    /*border-radius: 5px;*/ }
.form-inline .btn-primary { height: 40px; width: auto; width: 78px; float: right; margin-right: 30px; margin-left: 5px; font-size: 16px;  /*border-radius: 5px;*/ }
.project-timeline .timeline-item .time { left: -60px; position: absolute; top: 0; width: 60px; }
.project-timeline .timeline-item { margin-bottom: 20px; padding-left: 110px; position: relative; }
.project-timeline .timeline-item .time .timeline-item_user { height: 80px; position: absolute; right: -80px; top: 15px; width: 80px; z-index: 99999; }
.project-timeline .timeline-item .time .timeline-item_user img { border-radius: 9999px; }
.project-timeline .timeline-item .timeline-item_content { font-size: 16px; font-weight: 300; background: #eceff1 none repeat scroll 0 0; height: auto; }
.project-timeline .timeline-item .timeline-item_content:after { border-color: transparent #eceff1 transparent transparent; border-style: solid; border-width: 30px 30px 0 0; content: " "; margin-left: -20px; position: absolute; top: 26px; }
.project-timeline .timeline-item .timeline-item_content p { padding-top: 10px; }
.project-timeline .timeline-item .timeline-item_content .timeline-item_content-padding { padding: 15px 15px 1px; }
.fssm { font-size: 12px; }
.comment-header { background: #eceff1 none repeat scroll 0 0; height: 42px; margin: 0; position: relative; width: 100%; }
.card .comment-header .btn { height: 24px; text-align: center; }
.comment-header .title { background: white none repeat scroll 0 0; bottom: 0; font-size: 20.8px; margin-bottom: -5px; padding: 8px; position: absolute; border-bottom: none; }
.project-timeline .timeline-item .timeline-item_content .timeline-item_content_user a, .project-timeline .timeline-item .timeline-item_content .timeline-item_content_user small { color: #666; font-size: 16px !important; font-weight: 300; }

/*page*/
.thisclass { word-spacing: -1em; display: table; font-size: 0; text-align: left; width: 776px; }
.thisclass select { height: 18px; border: #e1e0e3 solid 1px; color: #2196f3; }
#page { color: #7F7F7F; text-align: center; margin-bottom: 30px; }
#page a, #page span { word-spacing: 0;  /*min-width: 18.766px;*/ text-align: center; font-size: 16px; color: #2196f3; display: inline-block; *zoom: 1; *display: inline; width: auto; height: 24px; line-height: 24px; margin-left: 3.2px; margin-right: 3.2px; background-color: #fff; position: relative; float: left; padding: 8px 16px; line-height: 1.5; }
#page .pagination .active span, #page a:hover { color: #fff; background: #2196f3; }
#page ul li { display: inline-block; _zoom: 1; *display: inline; }

/*login and register*/
.user-action .login-close { width: 34px; height: 34px; background: #a40000 none repeat scroll 0 0; color: white; text-align: center; text-shadow: none; padding: 0; border: 0 none; position: absolute; right: 0; top: -34px; cursor: pointer; opacity: 1; font-weight: bold; }
.sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.modal-dialog { margin-top: 80px; width: 600px; position: relative; }
.modal-content { border: medium none; border-radius: 0; background-color: #fff; position: relative; }
.modal-body {    /*padding: 15px;*/
padding-top: 20px; position: relative; }
#user-register .modal-body { padding: 15px; }
.text-muted a font { font-size: 13.3333px; color: red; }
.text-muted a font:hover { text-decoration: underline; }
.user-action .modal-body .row { width: 100%; }
.user-action .modal-body .row .col-lg-6 { padding-left: 15px; padding-right: 15px; width: 270px; float: left; }
.user-action .modal-body .row .col-lg-6 .m-t { margin-top: 16px; }
.user-action .button { text-align: right; }
.user-action .forgot-passwd { margin-right: 2rem; }
.user-action .title.wecaht { font-weight: 300; border-bottom: 1px solid #eceff1; text-align: center; }
.user-action .qr { display: block; margin: 0 auto; max-width: 50%; padding-bottom: 30px; padding-top: 15px; }
#warpper-glob-search .warpper-header-search-result { position: absolute; top: 37px; right: 0px; z-index: 99999; background: white; width: 370px; border: 1px solid #ccc; border-top: none; }
.bgeee { background: #eee; }
#warpper-glob-search .pull-right a { font-size: 14px; }
.nav-stacked .nav-item { display: block; float: none; }
.nav-pills .nav-link { display: block; padding: 8px 15px; }
#fader { position: relative; overflow: hidden; width: 320px; height: 384px; }
#fader li { position: absolute; left: 0; top: 0; }
#fader ul, li { list-style: none; margin: 0; padding: 0; }
#fader img { display: block; width: 320px; height: 384px; border: 0px; }
.fader-nav { display: inline-block; margin-right: 4px; color: #fff; padding: 4px 6px; background: #333; border: 1px solid #fff; font-family: Tahoma; font-weight: bold; font-size: 10px; cursor: pointer; }
.fader-cur-nav { display: inline-block; margin-right: 4px; color: #fff; padding: 4px 6px; background: #ff7a00; border: 1px solid #fff; font-family: Tahoma; font-weight: bold; font-size: 10px; cursor: pointer; }
.footer_border3 a { color: red; }
.footer_border3 font { display: inline-block; margin-right: 80px; }
div#bar { color: #727171; font-size: 13px; }
div#bar #login_bar .red { color: #FF0000;  /*text-decoration: underline; */ }
.padding-bottom-20 { padding-bottom: 20px; }
.col-lg-6 .login_register, #user-register .register_login { font-size: 16px; float: right; color: #999; display: inline-block; padding-bottom: 16px; line-height: 36px; }
.col-lg-6 .login_register, .col-lg-6 .login_register a, #user-register .register_login, #user-register .register_login a { font-size: 13px; }
.line_block { display: inline-block; }
#user-login { float: left; display: none; width: 300px; }
#back-to-top { width: 50px; height: 50px; position: fixed; right: 30px; bottom: 30px; color: white; cursor: pointer; border: 5px; background: url(/img/top.png) no-repeat; outline: none; }
#subhead { width: 1086px; clear: both; margin: 0 auto; padding: 10px 0 5px; }
.about { line-height: 24px; margin: 16px 0; text-align: left; word-wrap: break-word; }
#about_img { background-image: url(../img/about.png); width: 348px; height: 242px; float: left; margin-top: 20px; margin-left: 20px; }
#about_info { width: 708px; margin-left: 20px; padding-right: 20px; float: left; }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../img/error.png) no-repeat left center; }
.Validform_right { color: #71b83d; height: 16px; padding-left: 20px; white-space: nowrap; background: url(../img/right.png) no-repeat left center; }
#err { padding-left: 20px; background: url(../img/error.png) left center no-repeat; color: red; }
#rig { padding-left: 20px; background: url(../img/right.png) left center no-repeat; }
.need { color: red; text-align: right; width: 50px; }
.form-method { }
.nexttitle { padding: 20px; text-align: center; overflow: hidden; width: 696px; }
.nexttitle span { width: 338px; height: 32px; line-height: 32px; display: inline-block; overflow: hidden; }
.nexttitle span, .nexttitle span a { font-size: 14px; }
.wx-parent { padding: 8px 8px; color: rgb(136, 136, 136); display: block; font-size: 12px; line-height: 17px; text-align: center; }
.slgray { color: #626262; }
.invisible { height: 18px; position: absolute; right: 4px; top: 10px; cursor: pointer; background-color: white; }
.re-invisible { height: 18px; position: absolute; right: 30px; top: 7px; cursor: pointer; background-color: white; }
ol.breadcrumb { color: #818a91; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.crumbs-arrow { font-family: simsun; font-style: normal; margin-left: 10px; margin-right: 5px; }
#content .w .sider-content .card-article .pading-10 { padding-bottom: 10px; overflow: auto; }
#content .w .sider-content .card-article .pading-10 li { color: #2196f3; float: left; line-height: 32px; height: 32px; width: 353px; overflow: hidden; background: url(../img/update_li.png) no-repeat 0 15px; padding-left: 10px; }
#content .w .sider-content .card-article .pading-10 li:nth-of-type(odd) { padding-right: 5px; }


.desc a {color:#6B7277;}


.logo img {width: 170px;}


.k-title{text-align:center;color:#d84314;font-size:24px;font-weight:400;line-height:2em;}
.k-body{line-height:32px;font-size:16px;font-weight:300;color:#6B7277; padding-top:1em; border-top: 1px solid #eceff1;}


.mob-search-btn { display: none; border-radius: 30px; font-size: 14px; text-align: center; padding: 10px 20px; color: #888; background-color: #efefef; border: 0; font-size: 14px; float: right; margin: 18px 10px; }

/*2018-06-27*/
.basebtn { display: inline-block; border: medium none; border-radius: 0; padding: 9px 20px; margin: 0px; font-size: 16px; background-color: #2196f3; text-align: center; color: white !important; font-size: 16px; cursor: pointer; }
.minbodybox {/*max-height: 800px; overflow:hidden;*/ margin-bottom: 20px;position: relative;}
.morebox {position:absolute; bottom: 0; width: 100%; height: 100px; background-image: url('/img/morebk.png'); background-repeat: repeat-x; padding: 30px 10px; text-align: center;box-sizing:border-box;}





.attr-box { display: inline-block; vertical-align:top; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }



/*PC Only*/
@media  all and (min-width:900px) {
  #nav { display: block; }
  .pull-right {float: right !important; }
  .pull-left { float: left !important; }
  .attr-box { width: 350px; margin: 10px; box-sizing: border-box; }
}

/*Mobile Only*/
@media  all and (max-width:900px) {
  #nav, #warpper-glob-search, #shortcut, #breadcrumb, .slider-navbar, .nexttitle, #footer, .dw_sub, .pconly { display: none !important; }
  .w, .k-body img, .basebtn { width: 100%; padding-left: 0; padding-right: 0;  }
  #content .w .sider-content { width: 100%; margin-left: 0; height: 100%; }
  #content .w .sider-content img { width: 100%; }
  #content .w { padding-top: 30px; padding-bottom: 0;}
  #footer-copyright .copyright { padding: 10px; }
  .card-article .footer .pull-right {display: none;}
  #header .w .logo a img { margin: 10px; }
  #header .w { height: auto; }
  #header .w .logo h1 { margin: 0; background: url(/static/img/logo.png) no-repeat; background-size: 170px; -moz-background-size:170px; }
  .thisclass { width: 100%; }
  .thisclass a:first-child, .thisclass a:last-child { display: none; }
  .mob-search-btn { display:block; }
  #page a:first-child {display: none;}
  #page a:last-child {display: none;}
  div.logo { }

	
	.attr-box { width: 100%; margin-top: 20px;}
	.attr-box small { display: none;}
}