body {
    margin: 0;
    font-family: arial, sans-serif, 'Lora', "微软雅黑", Helvetica;
}

a {
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: none;
}

p {
    margin: 0;
}

i {
    font-style: normal;
}

#journalIndex {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 80px;
}

#journalIndex .left {
    padding-left: 40px !important;
}

.left .item {
    margin-top: 18px;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.left .item .itemTitle{
    white-space: normal;
    overflow: auto;
}

.left .title {
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.left .recentTopics {
    margin-top: 28px;
}

.left .recentTopics .row {
    margin-top: 20px !important;
}

.left .recentTopics .row > div {
    /*padding-right: 30px !important;*/
    padding: 0 15px !important;
}

.left .recentTopics .row > div:last-child {
    padding-right: 0 !important;
}

.left .recentTopics .row > div:first-child {
    padding-left: 0 !important;
}

.recentTopics div a {
    text-decoration: none;
}

.recentTopics div a p {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-top: 18px;
}

.left .recentTopics img {
    width: 100%;
    height: 176px;
}

.right > div {
    margin-top: 30px;
}

.right > div > p {
    margin-bottom: 16px;
}

.right .first {
    margin-top: 0px;
}

.right .first .item {
    width: 100%;
    height: 430px;
    padding: 19px 19px 0px;
    /*background-color: #f6f9fe;*/
    box-shadow: 10px 10px 5px #888888;
    box-sizing: border-box;
    text-align: center;
}

.right .first .item p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 20px;
    font-size: 14px;
    color: #333333;
}

.right .first .item img {
    width: 100%;
    height: 356px;
}

.right .second .text {
    padding: 43px 30px 20px 30px;
    width: 100%;
    border: 1px solid #004097;
    box-shadow: 0px 4px 10px 0px rgba(126, 163, 214, 0.18);
    position: relative;
    overflow: hidden;
}

.text .xiexian {
    height: 66px;
    width: 66px;
    position: absolute;
    top: -33px;
    left: -33px;
    border-bottom: 10px solid #004097;
    transform: rotate(-45deg);
}

.second .text .periodicalName {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.second .text .line {
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    color: #666666;
    line-height: 28px;
}

.second .text .line span{
    font-weight: bold;
}

.second .text .line a {
    text-decoration: none;
    color: #004097;
}

.third .switch {
    width: 100%;
    border-top: 1px solid #eee;
}

.switch .tabs {
    margin-top: 18px;
    color: #666666;
    display: inline-block;
}

.switch .tabs .tab{
    cursor: pointer;
}

.switch span:first-child {
    margin-right: 30px;
}

.switch .active {
    color: #E68F00;
    font-weight: bold;
}

.switch span i {
    margin-right: 8px;
}

.third .example {
    margin-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
}

.example > p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.example .line1 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.example .line2, .example .line3 {
    font-size: 12px;
    color: #666666;
    margin-top: 10px;
}

.example .line3{
    margin-top: 12px;
}

.example .line3 span {
    /*display: inline-block;*/
}

.example .line3 .fenge {
    margin: 0 9px;
}

.example .line3 span:last-child {
    color: #004097;
}

.clear {
    clear: both;
}

@media (max-width: 768px) {
    #journalIndex .left {
        padding-left: 0 !important;
        margin-top: 30px;
    }
}

.display_none {
    display: none;
}


.review-btn-new {
    font-weight: lighter;
    color: #333333;
}



#floatcont {
    background-color: RGB(0, 160, 233);
    width: 180px;
    text-align: center;
    padding-bottom: 10px;
    height: 130px;
    z-index: 1000001;
}

#floatcont a {
    color: white;
    font-size: 16px;
    font-family: 微软雅黑;
    font-weight: bolder;
    margin-top: 50px;
}

#floatcont p {
    CURSOR: pointer;
    color: white;
    font-weight: bold;
    background-color: rgba(80, 80, 80, 0.8);
    margin: 0px;
    text-align: right;
    padding-right: 10px;
}