#news-info .content>.left,
#news-info .title-tabs {
 box-shadow:0 4px 10px 0 rgba(0,0,0,.1);
 box-sizing:border-box
}
#news-info .content>.left .title-writer>div a,
iframe a {
 background-size:auto
}
#news-info .title-tabs {
 display:flex;
 flex-wrap:wrap;
 padding:20px 18px
}
#news-info .title-tabs p {
 height:34px;
 box-sizing:border-box;
 line-height:30px;
 margin-right:28px;
 padding:0 6px
}
#news-info .title-tabs .active,
#news-info .title-tabs p:hover {
 border-bottom:4px solid #C8161D;
}
#news-info .content {
 display:flex;
 justify-content:space-between;
 margin-top:28px;
 margin-bottom:20px
}
#news-info .content>.left {
 width:858px;
 padding:24px;
 line-height:35px;
}
#news-info .content>.left h3 {
 text-align:center;
 font-weight:400;
 font-size:20px;
 color:#333
}
#news-info .content>.left .title-writer {
 padding-bottom:20px;
 border-bottom:1px solid #e5e5e5
}
#news-info .content>.left .title-writer>div {
 width:700px;
 margin:20px auto 0;
 display:flex;
 justify-content:space-between
}
#news-info .content>.left .title-writer>div>.self {
 font-size:12px;
 color:#999;
 display:flex;
 align-items:center
}
#news-info .content>.left .title-writer>div>.self img {
 margin-right:6px
}
#news-info .content>.left .title-writer div>div:nth-of-type(4) {
 position:relative
}
#news-info .content>.left .title-writer>div>div:nth-of-type(4):hover #qrcodeCanvas {
 display:block
}
#news-info .content>.left .title-writer>div #qrcodeCanvas {
 display:none;
 position:absolute;
 top:140%;
 left:-50%;
 width:140px;
 height:150px;
 background-color:#f5f5f5;
 z-index:9;
 box-shadow:0 5px 5px #f5f5f5;
 text-align:center;
 border-radius:6px
}
#news-info .content>.left .title-writer>div #qrcodeCanvas canvas {
 width:100px;
 height:100px
}
#news-info .content>.left .title-writer>div #qrcodeCanvas:after {
 content:"";
 position:absolute;
 bottom:100%;
 left:50%;
 display:block;
 width:0;
 border-left:10px solid transparent;
 border-bottom:10px solid #f5f5f5;
 border-right:10px solid transparent;
 transform:translateX(-50%)
}
#news-info .content>.left .title-writer div p img,
#news-info .content>.left .title-writer div p span {
 vertical-align:middle
}
#news-info .content>.left .recommend {
 padding:20px 0 22px;
 border-bottom:1px solid #e5e5e5
}
#news-info .content>.left .recommend p {
 font-size:14px;
 color:#333
}
#news-info .content>.left .recommend p:nth-of-type(1) span {
 color:#666;
 margin-right:20px
}
#news-info .content>.left .recommend p:nth-of-type(2) span {
 color:#666;
 margin-right:10px;
 padding:4px 16px;
 background-color:#ecf3fd;
 border-radius:12px
}
#news-info .content>.left .info-text {
 padding:25px 0;

}
#news-info .content>.left .info-text div,
#news-info .content>.left .info-text p,
#news-info .content>.left .info-text span {
 line-height:34px;
  line-height:35px!important;
 font-size:16px!important;
}
#news-info .content>.left .info-text b,
#news-info .content>.left .info-text strong {
 font-size:inherit;
 color:inherit;
 line-height:inherit
}
#news-info .content>.left .info-text table {
 width:100%;
 margin-top:20px
}
#news-info .content>.left .info-text table td,
#news-info .content>.left .info-text table tr {
 text-align:center
}
#news-info .content>.left .info-text h4 {
 font-weight:600
}
#news-info .content>.left .info-text img {
 width:auto;
 display:block;
 margin:0 auto
}
#news-info .content>.left .info-text p {
 line-height:34px
}
#news-info .content>.left .keyword {
 margin:20px 0
}
#news-info .content>.left .keyword ul {
 display:flex
}
#news-info .content>.left .keyword ul li {
 padding:4px 10px;
 border:1px solid #ccc;
 margin-right:10px;
 border-radius:20px;
 color:#666;
 font-size:14px
}
#news-info .content>.left .keyword ul li:hover {
 border-color:#C8161D;
}
#news-info .content>.left .related,
#news-info .content>.left .url {
 padding:18px 0;
 border-top:1px solid #e5e5e5
}
#news-info .content>.left .keyword ul li:hover a {
 color:#C8161D;
}
#news-info .content>.left .url {
 border-bottom:1px solid #e5e5e5
}
#news-info .content>.left .url p:nth-of-type(1) {
 font-size:14px;
 color:#1d5cc4
}
#news-info .content>.left .url p:nth-of-type(1) a:hover {
 text-decoration:underline
}
#news-info .content>.left .url p:nth-of-type(2) {
 font-size:14px
}
#news-info .content>.left .url p:nth-of-type(2) span {
 color:#666;
 margin-right:10px
}
#news-info .content>.left .related ul {
 display:flex;
 flex-wrap:wrap;
 margin-top:16px
}
#news-info .content>.right .check-in .f-body .form,
#news-info .content>.right .fine ul {
 margin-top:20px
}
#news-info .content>.left .related ul li {
 width:50%;
 margin-bottom:20px;
 color:#666;
 font-size:14px
}
#news-info .content>.left .related ul li:nth-last-of-type(1),
#news-info .content>.left .related ul li:nth-last-of-type(2) {
 margin-bottom:0
}
#news-info .content>.left .next {
 padding-top:16px;
 padding-bottom:16px
}
#news-info .content>.left .next p {
 font-size:14px;
 color:#999;
 margin-bottom:12px
}
#news-info .content>.left .next a:hover {
 color:#C8161D;
}
#news-info .content>.left .next p:last-of-type {
 margin-bottom:0
}
#news-info .content>.left .next .b10 {
 display:none
}
#news-info .content>.left .next p span {
 color:#666
}
#news-info .content>.right {
 width:318px
}
#news-info .content>.right .fine {
 box-shadow:0 4px 10px 0 rgba(0,0,0,.1);
 box-sizing:border-box;
 padding:16px 12px
}
#news-info .content>.right .fine .title {
 padding-bottom:10px;
 border-bottom:2px solid #e6e6e6
}
#news-info .content>.right .fine .title p {
 font-size:20px;
 display:flex;
 align-items:center;
 position:relative
}
#news-info .content>.right .fine .title p a {
 position:absolute;
 top:50%;
 right:0;
 transform:translateY(-50%);
 font-size:14px;
 color:#666
}
#news-info .content>.right .fine .title p img {
 width:26px;
 height:21px;
 margin-right:6px;
 margin-left:6px
}
#news-info .content>.right .fine ul li {
 display:flex;
 margin-bottom:16px
}
#news-info .content>.right .fine ul li .img {
 width:100px;
 height:75px;
 background-color:#ccc;
 overflow:hidden;
 border-radius:4px
}
#news-info .content>.right .fine ul li .img img {
 width:100%
}
#news-info .content>.right .fine ul li .text {
 flex:1;
 margin-left:7px;
 position:relative
}
#news-info .content>.right .fine ul li .text p:nth-of-type(1) {
 font-size:14px
}
#news-info .content>.right .fine ul li .text p:nth-of-type(2) {
 font-size:12px;
 color:#666;
 position:absolute;
 bottom:0;
 left:0
}
#news-info .content>.right .check-in {
 width:318px;
 box-shadow:0 4px 10px 0 rgba(0,0,0,.1);
 box-sizing:border-box;
 padding:16px 12px
}
#news-info .content>.right .check-in .title {
 padding-bottom:10px;
 border-bottom:2px solid #e6e6e6
}
#news-info .content>.right .check-in .title p {
 font-size:20px;
 display:flex;
 align-items:center;
 position:relative
}
#news-info .content>.right .check-in .title p a {
 position:absolute;
 top:50%;
 right:0;
 transform:translateY(-50%);
 font-size:14px;
 color:#666
}
#news-info .content>.right .check-in .title p img {
 width:19px;
 height:19px;
 margin-right:6px;
 margin-left:6px
}
#news-info .content>.right .check-in .f-body .form>div {
 width:276px;
 height:46px;
 margin:0 auto 10px;
 box-sizing:border-box;
 border-radius:4px;
 border:1px solid #3e99ed;
 padding:0 15px;
 display:flex;
 align-items:center
}
#news-info .content>.right .check-in .f-body .form>div input {
 box-sizing:border-box;
 padding:0 10px;
 border:none
}
#news-info .content>.right .check-in .f-body .form>div select {
 width:190px;
 box-sizing:border-box;
 padding:0 10px;
 color:#999;
 font-size:14px;
 border:none
}
#news-info .content>.right .check-in .f-body .form>div input::placeholder {
 color:#999;
 font-size:14px
}
#news-info .content>.right .check-in .f-body .form>button {
 display:block;
 width:276px;
 height:46px;
 margin:0 auto;
 color:#fff;
 background-color:#3e99ed;
 border-radius:4px;
 font-size:18px;
 cursor:pointer
}
#news-info .content>.right .check-in .f-body .form .btn {
 width:276px;
 margin:0 auto;
 display:flex;
 justify-content:space-between;
 padding:0;
 border:none
}
#news-info .content>.right .check-in .f-body .form .btn button,
#news-info .content>.right .check-in .f-body .form .btn input {
 width:120px;
 height:40px;
 border-radius:4px;
 color:#fff;
 font-size:14px
}
#news-info .content>.right .check-in .f-body>button {
 display:block;
 margin:20px auto 0;
 width:276px;
 height:46px;
 color:#fff;
 background-color:#ed4023;
 border-radius:4px
}
#news-info .content>.right .school-hot-major {
 box-shadow:0 4px 10px 0 rgba(0,0,0,.1);
 box-sizing:border-box;
 padding:16px 12px
}
#news-info .content>.right .school-hot-major .m-head {
 height:150px;
 display:flex;
 border-bottom:1px solid #e6e6e6;
 position:relative
}
#news-info .content>.right .school-hot-major .m-head .hot-bgc {
 position:absolute;
 bottom:-4px;
 left:-18px;
 width:86px
}
#news-info .content>.right .school-hot-major .m-head .hot-bgc span {
 position:absolute;
 top:50%;
 right:10px;
 font-size:14px;
 color:#fff;
 transform:translateY(-50%)
}
#news-info .content>.right .school-hot-major .m-head .img {
 width:96px;
 height:96px;
 border-radius:50%;
 overflow:hidden;
 box-shadow:0 4px 10px 0 rgba(0,0,0,.1)
}
#news-info .content>.right .school-hot-major .m-head .text {
 flex:1;
 margin-left:10px
}
#news-info .content>.right .school-hot-major .m-head .text h4 {
 font-size:16px;
 font-weight:400
}
#news-info .content>.right .school-hot-major .m-head .text .xz {
 display:flex;
 align-items:center;
 margin:12px 0
}
#news-info .content>.right .school-hot-major .m-head .text .xz span {
 padding:0 10px;
 border-radius:20px;
 margin-right:6px;
 font-size:12px
}
#news-info .content>.right .school-hot-major .m-head .text .xz .color1 {
 border:1px solid #ed5d2b;
 color:#ed5d2b
}
#news-info .content>.right .school-hot-major .m-head .text .xz .color2 {
 border:1px solid #00b2fc;
 color:#00b2fc
}
#news-info .content>.right .school-hot-major .m-head .text .pos {
 display:flex;
 justify-content:space-between;
 line-height:24px
}
#news-info .content>.right .school-hot-major .m-head .text .pos img {
 width:12px;
 vertical-align:middle
}
#news-info .content>.right .school-hot-major .m-head .text .pos span {
 font-size:12px;
 color:#999
}
#news-info .content>.right .school-hot-major .m-head .text .pos a {
 font-size:12px;
 color:#1f88ea
}
#news-info .content>.right .school-hot-major .m-head .text div img {
 width:16px;
 height:16px;
 margin-right:4px
}
#news-info .content>.right .school-hot-major .m-body ul {
 padding-top:16px
}
#news-info .content>.right .school-hot-major .m-body ul li {
 margin-bottom:18px
}
#news-info .content>.right .school-hot-major .m-body ul li a {
 display:flex;
 align-items:center
}
#news-info .content>.right .school-hot-major .m-body ul li img {
 width:10px;
 transform:rotate(-90deg)
}
#news-info .content>.right .school-hot-major .m-body ul li span {
 margin-left:10px;
 font-size:14px
}
#news-info .content>.right .school-hot-major .m-body>a {
 display:block;
 width:210px;
 height:30px;
 border-radius:4px;
 border:1px solid #4ca0ee;
 text-align:center;
 line-height:30px;
 color:#4ca0ee;
 font-size:14px;
 margin:0 auto
}
#news-info .content>.right .school-hot-major .m-body>a:hover {
 color:#fff;
 background-color:#4ca0ee
}
#news-info .content>.left .school-form {
 padding:18px 0;
 border-bottom:1px solid #e5e5e5
}
#news-info .content>.left .school-form p {
 font-size:14px;
 color:#ef791a
}
#news-info .content>.left .school-form form {
 width:710px;
 margin:20px auto 0;
 display:flex;
 flex-wrap:wrap
}
#news-info .content>.left .school-form form div {
 width:210px;
 height:30px;
 box-sizing:border-box;
 padding:0 12px;
 border:1px solid #e5e5e5;
 border-radius:4px;
 margin-right:40px;
 margin-bottom:16px
}
#news-info .content>.left .school-form form div input {
 width:100%;
 height:100%;
 border:none
}
#news-info .content>.left .school-form form div input::placeholder {
 font-size:14px
}
#news-info .content>.left .school-form form div:nth-of-type(3n+3) {
 margin-right:0
}
#news-info .content>.left .school-form form button {
 width:100px;
 height:30px;
 border:1px solid #e5e5e5;
 font-size:14px;
 color:#999
}
#news-info .content>.left .school-form form .submit {
 background-color:#ed4023;
 color:#fff;
 margin-right:30px
}