/* CSS Document */
@charset "gb2312";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    line-height: 30px;
}

td {
    line-height: 30px;
}

fieldset,
img {
    border: 0 none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal
}

ol,
ul,
li {
    list-style: none outside none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

a {
    color: #2e73c2;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

body,
input,
button,
textarea,
select {
    font-size: 12px;
}

u {
    text-decoration: none;
}

.indexWidth {
    width: 1100px;
    margin: 0 auto;
}

/*head*/
.header {
    height: 80px;
    margin: 0 auto;
    line-height: 80px;
    box-shadow: 0px 3px 3px 0px rgba(224, 226, 231, 0.68);
    overflow: hidden;
}

.header_box {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.logo {
    width: 100px;
    height: 46px;
    background: url("../img/logo.jpg") no-repeat;
    float: left;
    margin-top: 16px;
}

.kouhao {
    width: 175px;
    height: 46px;
    background: url("../img/kouhao.jpg") no-repeat;
    float: left;
    margin-top: 16px;
    margin-left: 13px;
}

.nav {
    float: left;
    width: 600px;
    overflow: hidden;
    margin-left: 13px;
}

.nav li {
    float: left;
    margin-left: 30px;
    font-size: 15px;
}

.nav li a {
    color: #333;
}

.rougao {
    float: right;
    margin-top: 21px;
}

.rougao a {
    float: right;
    font-size: 12px;
    margin-left: 9px;
    width: 88px;
    height: 34px;
    background-color: #3986f3;
    border-radius: 17px;
    color: #fff;
    line-height: 34px;
}

.rougao .tg {
    margin-left: 0;
}

.rougao .tg i {
    width: 28px;
    height: 26px;
    display: block;
    background: url("../img/ico1.png") no-repeat center;
    margin: 0 0 4px 4px;
    float: left;
}

.rougao .jianyi {
    background: #ff7171;
    color: #fff;
}

.rougao .jianyi i {
    float: left;
    width: 26px;
    height: 28px;
    display: block;
    background: url("../img/ico2.png") no-repeat center;
    border-radius: 21px;
    margin: 0 0 4px 4px;
}



.right_fixed {
    width: 336px;
    bottom: 80px;
    position: fixed !important;
}

/*head*/
.side_box {
    float: left;
    width: 100%;
    height: 35px;
    background: #fff;
    border-bottom: solid 1px #f2f2f2;
    margin-bottom: 5px;
}

.side_box .logo {
    float: left;
    margin-top: 5px;
}

.side_box .logo img {
    width: 100px;
}

.side_box .login {
    float: right;
    height: 30px;
    line-height: 30px;
    background: #1a6eb0;
    border-radius: 0 0 4px 4px;
    padding: 0 10px;
}

.side_box .login a {
    color: #fff;
    font-size: 14px;
}

.side_box .login code {
    color: #fff;
    margin: 0 5px;
}

.sidebar {
    width: 510px;
    float: left;
    line-height: 35px;
    font-size: 12px;
    color: #b0afaf;
    height: 35px;
    overflow: hidden;
}

.sidebar a {
    color: #b0afaf;
    padding: 0 4px;
}

/*search*/
.search {
    float: right;
    margin: 4px 0 0 0px;
    width: 270px;
    display: none;
}

.search .text1 {
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 6px 10px 6px 10px;
    width: 180px;
    font-size: 12px;
    float: left;
}

.search form {
    width: 100%;
}

.sec_tex {
    float: left;
    width: 100%;
}

.search-but input,
.search-but1 input {
    border-radius: 0 4px 4px 0;
    border: solid 1px #aaa;
    height: 35px;
    width: 110px;
    cursor: pointer;
    outline: 0;
    font-size: 15px;
    color: #444;
    margin: 0;
}

.search-but {
    padding: 0 20px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    float: left;
    background: #00b6d9;
    border-radius: 0 2px 2px 0;
    border: 1px solid #00b6d9;
    outline: 0;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
}

.search-but1 {
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #1a6eb0;
    color: #1a6eb0;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 10px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 15px;
}

.search-but:hover {
    background: #1a6eb0;
    color: #fff;
    border: 1px solid #1a6eb0;
}

.banner {
    float: left;
    width: 100%;
    background: url(../img/banner.jpg) no-repeat center;
    height: 266px;
}

.banner .title_box {
    font-size: 28px;
    font-weight: 700;
    float: left;
    margin-left: 20px;
    height: 80px;
    line-height: 80px;
}

.banner .title {
    font-size: 28px;
    color: #fff;
    float: left;
    border: 1px solid #808080;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    border-radius: 50px;
    margin-top: 18px;
    font-weight: 700;
}

.banner .title_box code {
    font-size: 28px;
    color: #3d9ccc;
    font-weight: 400;
    float: left;
    margin-top: 2px;
    margin-left: 10px;
}

.topic {
    background: #fff;
    margin-bottom: 16px;
    float: left;
    width: 100%;
}

.pic {
    float: left;
    overflow: hidden;
    padding: 6px;
    border: 1px solid #dbdada;
    width: 69px;
    height: 66px;
    display: none;
}

.pic img {
    width: 100%;
    height: 100%;
}

.inf {
    float: left;
    width: 96%;
    background: #f7f7f7;
    padding: 1% 2%;
}

.inf p {
    float: left;
    color: #827f7f;
    width: 100%;
    text-indent: 2.2em;
    line-height: 26px;
}

.topcontent {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    height: 150px;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.topcontent h3 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #3d9ccc;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 700;
}

.topcontent h3:before {
    content: "";
    float: left;
    background: #e0dada;
    height: 5px;
    width: 5px;
    margin-top: 7px;
    margin-right: 5px;
}

.topcontent p {
    text-indent: 2.2em;
    line-height: 200%;
    color: #333;
    font-size: 14px;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.topcontent p span {
    width: 230px;
    float: left;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
}

.topcontent p font {
    width: 100px;
    float: left;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
}

.topcontent p em {
    width: 110px;
    float: left;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    border: 1px solid #e4e4e4;
    border-bottom: 0;
    border-right: 0;
}

.topcontent .table {
    border-right: 1px solid #e4e4e4;
    float: left;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 5px;
    padding-bottom: 0;
}

.mulu {
    width: 99.8%;
    overflow: hidden;
    height: 35px;
    line-height: 35px;
    float: left;
    margin-top: 20px;
}

.mulu h2 {
    float: left;
    width: 60px;
    height: 100%;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 200;
    background: url(https://static.pincai.com/img/pc/pincai_icon.png) no-repeat 20px -698px;
    background-color: #f50;
    padding-left: 44px;
}

.mulu h2 span {
    display: inline-block;
}

.mulu ul {
    display: inline-block;
}

.mulu ul li {
    float: left;
    font-size: 14px;
    background: #3d9ccc;
    text-align: center;
    margin-left: 15px;
    height: 36px;
    padding: 0 18px;
    line-height: 36px;
    webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
}

.mulu ul li i {
    display: inline-block;
    font-style: initial;
    margin-right: 5px;
    color: #1a6eb0;
}

.mulu ul li a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

.mulu ul li:hover {
    background-color: #4ab0e4
}

.mulu ul li:hover a {
    color: #fff !important;
}

/*min_top*/
.min_top {
    float: left;
    width: 96%;
    background: #f9f9f9;
    padding: 2%;
    margin-bottom: 20px;
}

.min_tl {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

.min_tl h3 {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    border-left: 4px solid #f50;
    height: 18px;
    line-height: 18px;
    padding-left: 10px;
    display: inline-block;
}

.min_pic {
    float: left;
    width: 50%;
    margin: 10px 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.min_pic img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.min_pic a {
    font-size: 16px;
    color: #333;
    width: 60%;
    float: left;
    line-height: 24px;
    margin-bottom: 2px;
    height: 24px;
    overflow: hidden;
    font-weight: 700;
    margin-top: 5px;
}

.min_pic p {
    font-size: 12px;
    color: #838383;
    float: left;
    width: 60%;
    overflow: hidden;
    line-height: 24px;
    height: 24px;
}

.min_pic p a {
    margin-left: 10px;
    color: #ff9300;
    width: auto;
    font-size: 12px;
    float: none;
}

.min_list {
    float: left;
    width: 100%;
    background: #f7f7f7;
    padding: 10px;
    display: none;
}

.min_list li {
    float: left;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    width: 100%;
    font-size: 14px;
}

.min_list li a {
    color: #333;
    font-size: 16px;
}

.min_list li span {
    margin-right: 10px;
    color: #a5a5a5;
    font-size: 14px;
}

.min_list li a:before {
    content: "";
    float: left;
    background: #6f6f6f;
    height: 3px;
    color: #ccc;
    width: 3px;
    margin-top: 15px;
    margin-right: 8px;
}

.min_list li code {
    font-size: 12px;
}

.min_list li code a {
    color: #60a842;
    font-size: 12px;
    float: right;
}

.min_list li code a:before {
    display: none;
}

/* main-left */
.main .main-left {
    width: 740px;
    float: left;
}

.main-left .news {
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 10px;
    float: left;
    border-bottom: 2px solid #c4d9f8;
    text-align: left;
}

.main-left .news span {
    font-size: 18px;
    color: #3a85f8;
    font-weight: 400;
    border-left: 4px solid #3b81ff;
    height: 18px;
    line-height: 18px;
    padding-left: 10px;
    display: inline-block;
    font-weight: 700;
}

.main-left {
    background: #fff;
    float: left;
    width: 720px;
}

.main-left .column {
    font-size: 12px;
    color: #afafaf;
    float: right;
}

.main-left .info .column a {
    color: #3986f3;
}

.main-left ul {
    width: 100%;
    display: inline-block;
}

.main-left ul li {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
    border-bottom: 1px dashed #eaeaea;
    font-size: 16px;
    line-height: 32px;
}

.main-left ul li:last-child {
    border-bottom: 0 none;
}

.main-left ul li .t_img {
    display: inline-block;
    margin-right: 20px;
    width: 140px;
    float: left;
    height: 90px;
    margin-top: 5px;
}

.main-left ul li .t_img img {
    width: 140px;
    height: 90px;
    webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.main-left ul li .t_img:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.main-left ul li .title {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    color: #333;
    margin-left: 10px;
    line-height: 80px;
}

.main-left ul li .con .person {
    font-size: 12px;
    color: #3d9ccc;
    float: left;
    margin-right: 10px;
    width: 100%;
}

.main-left ul li .con .cont a {
    line-height: 30px;
    font-size: 16px;
    height: 30px;
    display: inline-block;
}

.main-left ul li .con .cont p {
    line-height: 24px;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    font-size: 15px;
    color: #808080;
}

.main-left ul li .con .cont a h2 {
    font-weight: 700;
    color: #333;
    font-size: 16px;
}

.main-left ul li .con .cont a:hover h2 {
    color: #2965b1
}

.main-left ul li .con .info {
    line-height: 25px;
    margin: 0;
    overflow: hidden;
    border-bottom: none;
    padding: 0;
}

.main-left ul li .con .info img {
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-top: 5px;
}

.main-left ul li .con .info .time {
    font-size: 12px;
    color: #afafaf;
    float: left;
    background: #f3f3f3;
    padding: 0 10px;
}

.main-left ul li .con .info .pinglun {
    width: 18%;
    float: right;
    overflow: initial;
    line-height: 30px;
    height: 30px;
}

.top_nav ul li a:hover,
.main-left ul li .con .cont a:hover,
.hot_so ul li a:hover,
.hot_tj ul li a:hover {
    color: #ca5b5b;
}

.main-left .pages {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 10px 0;
}

.main-left .pages a,
.main-left .pages span {
    padding: 5px 12px;
    font-size: 14px;
    color: #3d9ccc;
    border: 1px solid #3d9ccc;
    margin-right: 5px;
    display: inline-block;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
}

.main-left .pages span,
.main-left .pages a:hover {
    background: #3d9ccc;
    color: #fff !important;
    border: 1px solid #3d9ccc;
}


.main-left ul li h2 {
    width: 100%;
    float: left;
    height: 35px;
    line-height: 35px;
}

.main-left ul li h2 a {
    font-weight: 700;
    color: #333;
    font-size: 18px;
    float: left;
}

.main-left ul li em {
    float: right;
    color: #b4afaf;
}

.main-left .txt {
    line-height: 24px;
    display: inline-block;
    height: 46px;
    overflow: hidden;
    font-size: 15px;
    color: #808080;
    margin: 5px 0;
}

.main-left .tr {
    float: left;
    font-size: 14px;
}


/* main-right */
.main-right .right_box {
    float: right;
    width: 304px;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
    padding: 15px;
    margin-top: 10px;
}

.main-right .right_box_t {
    width: 100%;
    font-size: 18px;
    color: #333;
    border-left: 4px solid #f50;
    height: 18px;
    line-height: 18px;
    padding-left: 10px;
    display: inline-block;
    font-weight: 700;
}


/*foot*/
.footer {
    padding-bottom: 10px;
    margin-top: 15px;
    background: #3e4445;
    padding-top: 10px;
    overflow: hidden;
    float: left;
    width: 100%;
}

.footer p {
    width: 100%;
    text-align: center;
    color: #eaeaea;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
}

.footer p a {
    color: #ffffff;
    font-size: 12px;
}

.flink {
    width: 1100px;
    background: #fafafa;
    padding: 12px 0;
    overflow: hidden;
    margin-top: 15px;
}

.flink ul {
    width: 1100px;
    margin: auto;
}

.flink b {
    line-height: 22px;
    font-weight: 400;
    float: left;
    font-size: 14px;
}

.flink li {
    line-height: 22px;
    color: #b7b7b7;
    margin: 6px 6px;
    float: left;
}

.flink li a {
    color: #797979;
    font-size: 12px;
}

.flink li a:hover {
    color: #4586f1;
}

.phone_qrcode_pic {
    margin-top: 0px !important;
    margin-right: 0px !important;
}

.job_request {
    float: left;
    width: 100%;
    line-height: 26px;
    color: #444;
    font-family: "microsoft yahei";
    position: relative;
}

.wx_marker {
    float: left;
    position: absolute;
    width: 100%;
    margin-top: 88px;
    height: 80px;
    background: #fff;
    background: rgba(255, 255, 255, 0.82);
    filter: alpha(opacity=97);
    cursor: pointer;
}

.wx_bgmarker {
    float: left;
    position: absolute;
    background: #fff;
    background: rgba(255, 255, 255, 0.89);
    filter: alpha(opacity=90);
    opacity: 0.96;
    width: 100%;
    height: 40px;
    z-index: 10;
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0.75)), to(#fff));
    margin-top: 30px;
}

.wx_marker .wx_readmore {
    width: 75px;
    margin: auto;
    z-index: 100;
    margin-top: 5px;
    position: absolute;
    right: 450px;
}

.wx_marker .wx_readmore span {
    float: left;
    color: #ff5500;
    width: 96%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    background: #ffffff;
    border: 1px solid #f5b798;
    border-radius: 4px;
    webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.wx_marker .wx_readmore span:hover {
    background: #ff5500;
    border: 1px solid #f5b798;
    color: #fff;
}

.s_rg {
    float: left;
}

.main {
    width: 1100px;
    margin: auto;
    overflow: hidden;
}

.main_top {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.p_left_box {
    width: 805px;
    float: left;
}

.banner_box {
    float: right;
    width: 611px;
}

.banner2 {
    width: 611px;
    height: 318px;
    background: url("../img/banner2.jpg") no-repeat;
    float: left;
    border-radius: 10px;
}

.l_art {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 11px;
}

.l_art a {
    width: 145px;
    display: inline-block;
    background: #ff8989;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

.l_art a:nth-child(1) {
    background: #4d4d4d;
}

.l_art a:nth-child(2) {
    background: #689eff;
}

.l_art a:nth-child(3) {
    background: #e6c166;
}


.img_box {
    float: left;
    width: 180px;
}


.img_box img {
    width: 100%;
    height: 116px;
    float: left;
    margin-right: 13px;
    border-radius: 8px;
}



.pc_l_bot {
    float: left;
    width: 100%;
}

.pc_l_bot_t {
    float: left;

    margin-top: 6px;
}

.pc_l_bot_t a {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.pc_l_bot_t i {
    float: left;
    width: 54px;
    background: #3b81ff;
    color: #fff;
    height: 20px;
    line-height: 20px;
    border-radius: 30px;
    text-align: center;
    font-size: 12px;
    font-style: normal;
}

.pc_l_bot_t h2 {
    display: inline-block;
    margin-left: 7px;
    font-size: 14px;
    font-weight: 400;
    width: 65%;
    height: 21px;
    overflow: hidden;
    line-height: 21px;
}

.pc_l_bot_t span {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    color: #888;
    margin-top: 2px;
    height: 44px;
    overflow: hidden;
}

.pc_l_bot ul {
    float: right;
    width: 77%;
}

.pc_l_bot ul li {
    float: left;
    width: 48%;
    line-height: 35px;
    height: 35px;
    margin-left: 10px;
}

.pc_l_bot ul li a {
    float: left;
    margin-left: 8px;
    font-size: 14px;
    color: #333;
    width: 66%;
    height: 35px;
    overflow: hidden;
}

.pc_l_bot ul li i {
    float: left;
    width: 15px;
    height: 15px;
    background: #ff8c8c;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    border-radius: 2px;
    margin-top: 10px;
    font-style: normal;
}

.pc_l_bot ul li span {
    color: #999;
    float: right;
    font-size: 12px;
    margin-left: 3px;
}

.pc_right_box {
    width: 277px;
    float: right;
}

.pc_r_title {
    width: 100%;
    height: 43px;
    background-color: #f8f8f8;
    float: left;
    border-radius: 60px;
}

.pc_r_title span {
    width: 86px;
    height: 42px;
    line-height: 42px;
    border-radius: 0px 30px 0px 0px;
    float: left;
    color: #4690f3;
    font-size: 18px;
    font-weight: 700;
}

.pc_r_title i {
    width: 4px;
    height: 18px;
    background-color: #488be6;
    float: left;
    color: #fff;
    margin: 13px;
    margin-right: 7px;
}

.pc_right_box ul {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

.pc_right_box li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 9px;
    line-height: 24px;
}

.pc_right_box li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    width: 57%;
    float: left;
    color: #333;
}

.pc_right_box li span {
    width: 45px;
    height: 19px;
    float: left;
    color: #fff;
    line-height: 19px;
    font-size: 10px;
    background: #d7d9df;
    text-align: center;
    border-radius: 59px;
    margin-top: 4px;
    margin-right: 7px;
    overflow: hidden;
    padding: 0 5px;
}

.pc_right_box li:nth-child(1) span {
    background: #3b81ff;
}

.pc_right_box li:nth-child(2) span {
    background: #689eff;
}

.pc_right_box li:nth-child(3) span {
    background: #8bb4ff;
}

.pc_right_box li i {
    color: #999;
    float: right;
    font-size: 13px;
    font-style: normal;
}

.main_top_b {
    width: 1100px;
    margin: 0 auto;
}

.main_top_b ul {
    margin-right: -20px;
    overflow: hidden;
}

.main_top_b li {
    margin-right: 20px;
    width: 260px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
}

.main_top_b li span {
    color: #999;
    letter-spacing: 2px;
}

.pc_sort {
    width: 1100px;
    margin: 26px auto 0;
    overflow: hidden;
}

.pc_sort_left {
    width: 100%;
    float: left;
}

.pc_title {
    height: 37px;
    line-height: 37px;
    margin-bottom: 16px;
    border-bottom: 2px solid #2d8bef;
}

.pc_title span {
    min-width: 80px;
    height: 37px;
    background-color: #2d8bef;
    float: left;
    padding: 0 10px 0 10px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.pc_title ul {
    float: right;
    font-size: 14px;
    color: #666;
}

.pc_title ul li {
    float: left;
    margin: 0 10px;
}

.pc_title ul li a {
    float: left;
    font-size: 14px;
}

.pc_title .more {
    font-size: 12px;
    float: right;
    margin: 0 10px;
    color: #ff7676;
}


.pc_left {
    float: left
}

.pc_left_title {
    font-size: 16px;
    color: #2d8bef;
    overflow: hidden;
}

.pc_left_title span {
    width: 4px;
    height: 16px;
    background-color: #547de4;
    float: left;
    margin: 4px 8px 0 0;
}


.jx_img {
    position: relative;
    display: block;
    margin-top: 16px;
}

.jx_img img {
    width: 306px;
    height: 190px;
}

.jx_typename {
    background: #ff7171;
    padding: 0 8px;
    height: 31px;
    line-height: 31px;
    font-size: 15px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
}

.jx_img_title {
    position: absolute;
    bottom: 3px;
    left: 0;
    text-align: center;
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 15px;
    background-color: rgb(0 0 0 / 32%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc_left li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    font-size: 15px;
    margin-top: 12px;
}

.pc_left li span {
    float: left;
    width: 18px;
    height: 18px;
    background: #ebebeb;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 3px 6px 0 0;
}

.pc_left li:nth-child(1) span {
    background: #ff5722;
    color: #fff;
}

.pc_left li:nth-child(2) span {
    background: #ff9800;
    color: #fff;
}

.pc_left li:nth-child(3) span {
    background: #ffc107;
    color: #fff;
}

.pc_left li i {
    font-size: 12px;
    color: #999;
    float: right;
    font-style: normal;
}

.pc_right {
    float: right;
    width: 752px;
}

.pc_right ul {
    margin-right: -14px;
    margin-top: 4px;
}

.pc_right li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 14px;
    width: 365px;
    float: left;
    line-height: 26px;
    margin-top: 11px;
}
.pc_right ul li a,.pc_sort_right ul li a,.pc_left ul li a{
    text-decoration: none;
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 15px;
}

.pc_right li span {
    width: 4px;
    height: 4px;
    background: #6f90e4;
    float: left;
    margin: 10px 6px 0 0;
}

.pc_right li i {
    float: right;
    color: #999;
    font-size: 12px;
    margin-left: 6px;
    font-style: normal;
}

.pc_sort_right {
    width: 270px;
    float: right;
}

.pc_r_tw {
    float: left;
    margin-top: 12px;
}

.pc_r_tw a {
    float: left;
    margin-bottom: 12px;
}

.tw_msg {
    float: right;
    width: 55%;
}

.tw_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    font-weight: 700;
}

.pc_r_tw img {
    width: 108px;
    height: 70px;
    float: left;
    border-radius: 4px;
}

.twmsg {
    width: 154px;
    float: right;
}

.tw_desc {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin: 6px 0;
}



.dsr_title {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-weight: bold;
    color: #3283ff;
    background: #f5f4f4;
}

.dsr_title span {
    width: 4px;
    height: 17px;
    float: left;
    background: #3283ff;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 12px;
}

.pc_sort_right ul {
    margin-top: 16px;
}

.pc_sort_right li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px;
}

.pc_sort_right li span {
    width: 16px;
    height: 16px;
    float: left;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    background: #cccfd9;
    text-align: center;
    border-radius: 3px;
    margin-top: 4px;
    margin-right: 10px;
}

.pc_sort_right li:nth-child(1) span {
    background: #3b81ff;
}

.pc_sort_right li:nth-child(2) span {
    background: #77a8ff;
}

.pc_sort_right li:nth-child(3) span {
    background: #a3c4ff;
}

.pc_sort_right li i {
    color: #999;
    float: right;
    font-size: 12px;
    margin-left: 6px;
    font-style: normal;
}

.flink {
    width: 1100px;
    background: #fafafa;
    padding: 12px 0;
    overflow: hidden;
    margin-top: 15px;
}

.flink ul {
    width: 1100px;
    margin: auto;
}

.flink b {
    line-height: 22px;
    font-weight: 400;
    float: left;
    font-size: 14px;
}

.flink li {
    line-height: 22px;
    color: #b7b7b7;
    margin: 6px 6px;
    float: left;
}

.flink li a {
    color: #797979;
    font-size: 12px;
}

.flink li a:hover {
    color: #4586f1;
}

/*header*/
.sidebar {
    font-size: 14px;
    width: 100%;
    height: 30px;
    line-height: 36px;
    float: left;
    clear: both;
    margin-top: 6px;
    overflow: hidden;
    color: #999;
}

.sidebar a {
    font-size: 14px;
    float: left;
    margin-right: 8px;
    color: #999;
}

.sidebar code {
    float: left;
    margin-right: 8px;
    color: #999;
}

/*main*/
.main_box {
    float: left;
    width: 100%;
}

/*left*/
.main-left {
    float: left;
    width: 720px;
}

.main-left h1 {
    line-height: 36px;
    text-align: center;
    margin: 8px 0px 2px;
    color: #333;
    font-weight: bold;
    font-size: 31px;
}

.main-left .info {
    line-height: 24px;
    padding: 11px 0;
    color: #b7b6b6;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
    margin: 15px 0;
}

.main-left .info span {
    padding: 0 5px;
}

.main-left .info a {
    color: #b7b6b6;
}

.main-left .content {
    color: #333;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    float: left;
}

.main-left .content p {
    color: #333;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    padding-bottom: 12px;
}

.content a {
    color: #444;
}

.content h2,
.content h2 a,
.content h2 a u {
    text-decoration: none;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    line-height: 31px;
    clear: both;
    color: #ff0000;
    margin-top: 15px;
}


/*previous*/
.main-left .previous {
    line-height: 26px;
    float: left;
    width: 100%;
    color: #2b2b2b;
    font-size: 14px;
    margin-bottom: 10px;
}

.main-left .previous a {
    color: #333;
}

.main-left .previous .next {
    float: left;
    width: 50%;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    text-align: right;
}

.main-left .previous .pre {
    float: left;
    width: 50%;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}


.related_article_img {
    float: left;
    width: 100%;
}

.related_article_img .related_top {
    height: 30px;
    width: 100%;
    border-bottom: 1px solid #EEE;
}

.related_article_img .related_top code {
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    color: #333;
    background: #fff;
    border-bottom: 2px solid #1c1c1c;
    font-family: initial;
    font-weight: 700;
}

.related_article_img ul {
    margin-top: 13px;
    width: 100%;
    float: left;
}

.related_article_img ul li {
    overflow: hidden;
    width: 156px;
    height: 127px;
    float: left;
    margin-right: 1px;
    margin-left: 10px;
    text-align: center;
}

.related_article_img ul li a:hover span {
    text-decoration: underline;
}

.related_article_img ul li a img {
    height: 104px;
    float: left;
    width: 100%;
    border: 1px solid #ddd;
}

.related_article_img ul li a span {
    float: left;
    height: 24px;
    width: 100%;
    line-height: 24px;
    font-size: 16px;
    color: #2965b1;
    overflow: hidden;
}

/*related_article*/
.related_about {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-top: 15px;
    margin-bottom: 10px;
}

.related_about .related_about_t {
    float: left;
    width: 100%;
    height: 28px;
    line-height: 28px;
    color: #494949;
    font-size: 16px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 10px;
}

.related_about .related_about_t code {
    color: #000;
    font-size: 18px;
    float: left;
    font-family: inherit;
    border-bottom: 2px solid #000;
    font-weight: 700;
}

.related_about ul {
    float: left;
    width: 100%;
}

.main-left .related_about ul li {
    float: left;
    width: 50%;
    height: 30px;
    font-size: 16px;
    overflow: hidden;
    line-height: 30px;
}

.related_about ul li a {
    font-size: 16px;
    color: #2965b1;
}

.related_about ul li a:before {
    float: left;
    content: "";
    width: 3px;
    height: 3px;
    background: #000;
    margin-top: 14px;
    margin-right: 5px;
}

.related_about ul li a:hover {
    color: #000;
}

/*right*/
.main-right {
    float: right;
    width: 340px;
    margin-top: 10px;
}

.main-right .right_box {
    float: left;
    width: 91%;
    margin-bottom: 10px;
    padding: 4%;
    margin-top: 10px;
    border: 1px solid #eaedf4;
}

.main-right .right_box .right_box_t {
    float: left;
    padding: 0 2%;
    font-weight: 700;
    width: 96%;
    font-size: 17px;
    color: #333;
    margin: 0;
    line-height: 17px;
    border-left: 4px solid #3986f3;
    margin-bottom: 10px;
}

.main-right .right_box ul {
    float: left;
    width: 100%;
}

.main-right .right_box ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.main-right .right_box ul li span {
    width: 16px;
    height: 16px;
    float: left;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    background: #cccfd9;
    text-align: center;
    border-radius: 3px;
    margin-top: 8px;
    margin-right: 6px;
}

.main-right .right_box ul li:nth-child(1) span {
    background: #3986f3;
}

.main-right .right_box ul li:nth-child(2) span {
    background: #64a4ff;
}

.main-right .right_box ul li:nth-child(3) span {
    background: #85b4f6;
}

.main-right .right_box ul li:nth-child(4) span {
    background: #abceff;
}

.main-right .right_box ul li a {
    font-size: 15px;
    color: #333;
}

.main-right .right_box ul li a:before {
    background: #d1cbc2;
    height: 4px;
    width: 4px;
    float: left;
    margin-top: 14px;
    margin-right: 6px;
}

.main-right .right_box .you_like li {
    width: 50%;
}