#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 #efaf1a
}
#news-info .content {
    display:flex;
    justify-content:space-between;
    margin-top:28px;
    margin-bottom:20px
}
#news-info .content>.left {
    width:858px;
    padding:24px
}
#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:580px;
    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
}
#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:#efaf1a
}
#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:#efaf1a
}
#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:#efaf1a
}
#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
}