@charset "UTF-8";

input, textarea {
    word-wrap: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
html { -webkit-text-size-adjust: none;overflow-x: hidden}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, input, textarea, p, span {padding: 0;margin: 0;}
body { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft Yahei", sans-serif;color: #333;}
img, html, body {border: 0;}
/** 重置表格元素 **/
input {border: 0;outline: 0;}
ol, ul {list-style: none;}
em, strong {font-weight: normal;font-style: normal;}
em, i {font-weight: normal;font-style: normal;font-size: 100%;}
h1, h2, h3, h4, h5, h6, em {font-weight: normal;}
.clearfix {*zoom: 1;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
a {color: #333333;text-decoration: none;}
a:hover {text-decoration: none;color: #d7000f !important;}
img {vertical-align: middle;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hide, .none {display: none}
.hidden {visibility: hidden;}
.show, .block {display: block;}
.inlineb {display: inline-block;}
.tc {text-align: center;}
.cp {cursor: pointer;}
.fl {float: left;}
.fr {float: right;}
.pr {position: relative}
.pa {position: absolute}
.w1200 {width: 1200px!important;margin: 0 auto;position: relative;}
.mt6 {margin-top: 6px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt11 {margin-top: 11px;}
.mt12 {margin-top: 12px;}
.mt20 {margin-top: 20px;}
.mt13 {margin-top: 13px;}
.mt14 {margin-top: 14px;}
.mt15 {margin-top: 14px;}
.mt16 {margin-top: 16px;}
.mt17 {margin-top: 17px;}
.mt18 {margin-top: 18px;}
.mt28 {margin-top: 28px;}
.nmt8 {margin-top: -8px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}
.ml40 {margin-left: 40px;}
.nmr20 {margin-right: -20px;}
.mr5 {margin-right: 5px;}
.mr6 {margin-right: 6px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 14px;}
.mr20 {margin-right: 20px;}
.mt22 {margin-top: 22px;}
.mr60 {margin-right: 60px;}
.mb60 {margin-bottom: 60px;}
.pl10 {padding-left: 10px;}
.pl3 {padding-left: 3px;}
.bold {font-weight: bold}
.border0 {border: 1px solid #d5d5d5;border-right: 0;}
.color8011 {color: #d7000f;}
.color999 {color: #999;}
.color666 {color: #666;}
.color333 {color: #333;}
.color80 {color: #808080;}
.col44 {color: #444;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font15 {font-size: 14px;}
.font16 {font-size: 16px;}
.font32 {font-size: 26px;}
.w106 {width: 106px;}
.w137 {width: 137px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w87 {width: 87px;}
.w70 {width: 70px;}
.w124 {width: 124px;}

/*头部*/
#headers {height: 28px;line-height: 28px;font-size: 12px;color: #ffffff;background-color: #333333;}
#headers .header-nav a {font-size: 12px;font-weight: 400;color: #ffffff;line-height: 18px;padding: 0 10px;}
#headers .search-box {margin-left: 20px;width: 65px;}
#headers .search-box .but-search {width: 65px;height: 18px;border-radius: 9px;border: 1px solid #FFFFFF;line-height: 16px;margin-top: 5px;box-sizing: border-box;text-align: center;cursor: pointer;}
#headers .search-box .but-search img {width: 12px;height: 12px;margin-bottom: 2px;margin-right: 3px;}
#headers .search-box .but-search span {font-size: 12px;font-weight: 400;color: #ffffff;}
#headers .search-box .but-close-search {cursor: pointer;display: none;}
#headers .search-box .but-close-search img {width: 11px;height: 11px;margin-bottom: 2px;margin-right: 5px;}
#headers .search-box .but-close-search span {font-size: 12px;font-weight: 400;color: #ffffff;}
#headers a.ac {position: relative;}
#headers a.ac:hover {color: #ffffff!important;}
#headers a.ac:hover .ac-code {display: block;}
#headers a.ac .ac-code {position: absolute;top: 35px;left: -110px;width: 300px;box-sizing: border-box;padding: 10px;border-radius: 4px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);text-align: center;z-index: 9999;display: none;background: #ffffff;}
#headers a.ac .ac-code::before {
    position: absolute;
    top: -6px;
    left: 145px;
    z-index: 10;
    content: '';
    width: 10px;
    height: 10px;
    background: #ffffff;
    transform: rotate(135deg);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
}
#headers a.ac .ac-code p {font-size: 14px;color: #222222;margin-top: 10px;}


.h-login a {color: #2882e8;margin: 0 5px;}
.h-login a:hover {color: #0256eb!important;}

.main-content {width: 100%;background: #ffffff;}

.main-content .search-box-part {width: 100%;position: absolute;top: 0;background: #ffffff;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;opacity: 0;z-index: 9999;}
.main-content .search-box-part-show {opacity: 1;height: 100%;padding-top: 60px;}
.main-content .search-box-part-show .p-s-1 {display: block!important;}
.main-content .search-box-part-show .p-s-2 {display: block!important;}
.main-content .search-box-part .p-s-1 {width: 100%;border-bottom: 1px solid #f2f2f2;height: 30px;line-height: 30px;padding-bottom: 10px;display: none;}
.main-content .search-box-part .p-s-1 input {width: 70%;height: 100%;box-sizing: border-box;padding-top: 11px;font-size: 18px;color: #444444;font-weight: 400;}
/*Chrome/Safari*/
::-webkit-input-placeholder {font-size: 18px;color: #999999;font-weight: 400;}
/*Firefox*/
::-moz-placeholder {font-size: 18px;color: #999999;font-weight: 400;}
/*IE*/
::-ms-input-placeholder {font-size: 18px;color: #999999;font-weight: 400;}
.main-content .search-box-part .p-s-1 .do-box .close {margin-right: 20px;display: none;}
.main-content .search-box-part .p-s-1 .do-box .close img.im-2 {display: none;}
.main-content .search-box-part .p-s-1 .do-box .search {margin-right: 10px;}
.main-content .search-box-part .p-s-1 .do-box .search img.im-2 {display: none;}
.main-content .search-box-part .p-s-1 .do-box .close:hover img.im-1 {display: none;}
.main-content .search-box-part .p-s-1 .do-box .close:hover img.im-2 {display: inline;}
.main-content .search-box-part .p-s-1 .do-box .search:hover img.im-2 {display: inline;}
.main-content .search-box-part .p-s-1 .do-box .search:hover img.im-1 {display: none;}
.main-content .search-box-part .p-s-2 {width: 100%;margin-top: 30px;display: none;}
.main-content .search-box-part .p-s-2 .lab {font-size: 24px;font-weight: 400;color: #444444;line-height: 36px;}
.main-content .search-box-part .p-s-2 .word-list {width: 100%;margin-top: 15px;}
.main-content .search-box-part .p-s-2 .word-list ul {margin-right: -35px;}
.main-content .search-box-part .p-s-2 .word-list li {float: left;margin-right: 34.3px;margin-bottom: 20px;}
.main-content .search-box-part .p-s-2 .word-list li span {display: inline-block;width: 120px;height: 36px;box-sizing: border-box;background: #f6f6f6;text-align: center;line-height: 36px;font-size: 15px;color: #888888;font-weight: 400;cursor: pointer;}
.main-content .search-box-part .p-s-2 .word-list li:hover span {background: #FFFFFF;box-shadow: 0px -1px 15px 0px rgba(0, 0, 0, 0.1);font-size: 16px;color: #444444;font-weight: 400;}

/*尾部*/
#cfooter{ background-color: #333; color: #dadada;width: 100%;height: 195px;}
#cfooter .contact {height: 100%;padding-top: 20px;}
#cfooter .contact p {text-align: center;}
#cfooter .contact .p-1 {font-size: 15px;color: #ffffff;line-height: 22px;width: 1037px;margin: 0 auto;text-align: center;}
#cfooter .contact .p-1 a {font-size: 15px;color: #ffffff;line-height: 22px;margin: 0 5px 0 0;vertical-align: text-top;}
#cfooter .contact .p-2 {font-size: 18px;color: #ffffff;line-height: 22px;margin-top: 20px;}
#cfooter .contact .p-3 {margin-top: 20px;}
#cfooter .contact .p-3 a {font-size: 15px;color: #ffffff;line-height: 30px;margin: 0 30px;}
#cfooter .contact .p-3 a:hover {color: #ffffff!important;}
#cfooter .contact .p-3 a img {margin-bottom: 2px;margin-right: 6px;}
#cfooter .contact .p-4 {margin-top: 10px;}
#cfooter .contact .p-4 a {font-size: 15px;color: #ffffff;line-height: 30px;margin: 0 30px;}
#cfooter .contact .p-4 a img {margin-bottom: 2px;margin-right: 6px;}
#cfooter .contact .p-5 {margin: 10px auto 0 auto; border-top: 1px solid #666666;width: 1200px;font-size: 15px;color: #999999;padding-top: 10px;}
#cfooter .contact .p-5 a {font-size: 15px;color: #999999;}
#cfooter .contact .p-6 {margin-top: 10px;font-size: 15px;color: #999999;line-height: 22px;}
#cfooter .contact .p-6 a{color:#999;}
#cfooter .contact .p-6 img {margin-bottom: 3px;margin-right: 5px;}



.t-header {width: 100%;box-sizing: border-box;padding: 20px 0;border-bottom: 2px solid #eb0011;}
.t-header p.name {font-size: 26px;font-weight: 400;color: #D7000F;padding: 0 20px;border-left: 1px solid #e6e6e6;margin-left: 20px;margin-top: 26px;height: 33px;line-height: 30px;}
.t-header .scan-code {width: 20px;height: 20px;background: url('../image/code.png') no-repeat;background-size: 100% 100%;margin-top: 32px;cursor: pointer;position: relative;}
.t-header .scan-code .off-acc-code {width: 300px;height: 127px;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-sizing: border-box;padding: 10px;text-align: center;position: absolute;top: 40px;left: -140px;z-index: 99;display: none;border-radius: 4px;}
.t-header .scan-code .oBlock {display: block;}
.t-header .scan-code .off-acc-code p {font-size: 13px;font-weight: 400;color: #222222;line-height: 20px;margin-top: 10px;}
.t-header .scan-code .off-acc-code::before {
    position: absolute;
    top: -6px;
    left: 145px;
    z-index: 10;
    content: '';
    width: 10px;
    height: 10px;
    background: #ffffff;
    transform: rotate(135deg);
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);
}
.t-header .contribute {width: 80px;height: 32px;background: #FFFFFF;border-radius: 18px;border: 1px solid #333333;display: block;text-align: center;line-height: 32px;font-size: 15px;color: #333333;margin-top: 25px;margin-left: 15px;}
.t-header .formCon{ width: 548px; height: 64px;padding-top: 5px;box-sizing: border-box;}
.t-header .formCon dl dd{ float: left; margin-right: 10px;font-size: 12px;}
.t-header .formCon dl dd:last-child {margin-right: 0;}
.t-header .formCon dl dd a{color: #666;text-decoration: none;font-size: 12px;}
.t-header .formCon dl dd a:hover {color: #d7000f;text-decoration: none}
.t-header .search-box {position: relative;}
.t-header .search-box form {display: flex;align-items: center;position: relative;}
.t-header .search-box input {border: 2px solid #d7000f;border-left: 1px solid #d7000f;width: 356px;height: 35px;box-sizing: border-box;padding-left: 10px;}
.t-header .search-box input:focus {border-color: #D7000F}
.t-header .search-box button {background: #d7000f;width: 100px;height: 35px;border: 0;font-size: 15px;color: #fff;box-sizing: border-box;}
.t-header .search-box .select {min-width: 86px;height: 35px;border: 2px solid #d7000f;box-sizing: border-box;background: url("../image/s.png") no-repeat 90% center transparent;background-size: 5px 4px;display: block;position: relative;padding: 6px 10px;}
.t-header .search-box .com-opt {width: 86px;border: 1px solid #e6e6e6;box-sizing: border-box;position: absolute;top: 32.5px;left: -2px;z-index: 100000;background: #ffffff;padding: 2px 0;display: none;}
/* .t-header .search-box .select:hover .com-opt{display: block;} */
.t-header .search-box .com-opt li {text-align: center;line-height: 23px;font-size: 12px; color: #666666;cursor: pointer;}
.t-header .search-box .com-opt li:hover {background: #eb0011;color: #ffffff}
.t-header .search-box .select .show-selecd {display: inline-block; width: 51px; border-right: 1px solid #e6e6e6;font-size: 12px;color: 3333333;line-height: 16px;}

.main-content {}
.main-content .nav-top {width: 100%;height: 43px;background: #f6f6f6;box-sizing: border-box;}
.main-content .nav-top a {font-size: 17px;color: #333333;font-weight: 400;text-align: center;height: 100%;line-height: 43px;display: block;}
.main-content .nav-top a:nth-child(1) {width: 183px;height: 100%;background: #eb0011;color: #ffffff;}
.main-content .nav-top a:nth-child(1):hover {color: #ffffff!important;}
.main-content .nav-top a.l-it {padding: 0 112.8px;box-sizing: border-box;}

.main-content  .part-01 {width: 100%;}
.main-content  .part-01 .lp {margin-top: 30px;}
.main-content  .part-01 .lp .big-img {width: 555px;height: 340px;overflow: hidden;margin-right: 20px;}
.main-content  .part-01 .lp .big-img a {display: block;position: relative;text-align: center;line-height: 340px;height: 340px;}
.main-content  .part-01 .lp .big-img a img {transition: all 1s;max-width: 100%;}
.main-content  .part-01 .lp .big-img a p {width: 100%;height: 37px;line-height: 37px;box-sizing: border-box;padding: 0 20px;font-size: 15px;color: #ffffff;font-weight: 400;position: absolute;bottom: 0;left: 0; background: rgba(0, 0, 0, 0.5);text-align: left;}
.main-content  .part-01 .lp .big-img a:hover img {transform: scale(1.08);}
.main-content  .part-01 .lp .kr-home-banner-right {width: 264px;}
.main-content  .part-01 .lp .kr-home-banner-right .banner-right-item:nth-child(1) {margin-bottom: 18px;}
.main-content  .part-01 .lp .kr-home-banner-right .banner-right-item {position: relative;height: 161px;width: 264px;overflow: hidden;}
.main-content  .part-01 .lp .kr-home-banner-right .banner-right-item .banner-right-item-article {height: 100%;}
.main-content  .part-01 .lp .kr-home-banner-right .banner-right-item .banner-right-item-article:hover .banner-right-item-pic {transform: scale(1.12);}
.main-content  .part-01 .lp .kr-home-banner-right .banner-right-item .banner-right-item-article:hover .banner-right-item-info {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);background-image: linear-gradient(-180deg, hsla(0, 0%, 74.9%, 0), rgba(0, 0, 0, .78) 97%);}
.main-content  .part-01 .lp .kr-home-banner-right .banner-right-item .banner-right-item-article:hover .banner-right-item-info p {font-size: 15px;line-height: 18px;color: #fff;text-align: justify;padding: 0 15px;max-height: 72px;overflow: hidden;position: absolute;bottom: 72px;transform: translateY(50%);opacity: 1;background: none;text-overflow: unset;display: block;}
.main-content  .part-01 .lp .kr-home-banner-right .banner-right-item .banner-right-item-article .banner-right-item-pic {width: 100%;height: 100%;transition: all 1s;}
.main-content  .part-01 .lp .kr-home-banner-right .banner-right-item .banner-right-item-article .banner-right-item-info {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(-180deg, hsla(0, 0%, 74.9%, 0), rgba(0, 0, 0, .78) 97%);transition: all .5s;}
.main-content  .part-01 .lp .kr-home-banner-right .banner-right-item .banner-right-item-article .banner-right-item-info p {font-size: 15px;color: #fff;text-align: justify;padding: 8px;height: 55px;position: absolute;bottom: 0px;overflow: hidden;transition: bottom .5s;background: rgba(0, 0, 0, 0.5);box-sizing: border-box;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.main-content  .part-01 .rp {width: 315px;margin-top: 30px;}
.main-content  .part-01 .rp .lab {width: 100%;}
.main-content  .part-01 .rp .lab img {margin-top: 3px;margin-right: 10px;}
.main-content  .part-01 .rp .lab span {font-size: 22px;font-weight: bold;color: #333333;line-height: 33px;}
.main-content  .part-01 .rp .h-list {width: 100%;}
.main-content  .part-01 .rp .h-list li {width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.main-content  .part-01 .rp .h-list li span {display: inline-block;width: 4px;height: 4px;background: #888888;border-radius: 100%;line-height: 34px;margin-bottom: 3px;margin-right: 10px;}
.main-content  .part-01 .rp .h-list li a {font-size: 15px;color: #222222;line-height: 34px;}

/* 杂志 */
.main-content .magazine {width: 100%;margin-top: 30px;}
.main-content .magazine .lab {width: 100%;border-bottom: 2px solid #eb0011;}
.main-content .magazine .lab .la-l img {margin-top: 5px;margin-right: 10px;}
.main-content .magazine .lab .la-l a {font-size: 22px;font-weight: bold;color: #333333;line-height: 33px;}
.main-content .magazine .lab .la-r {box-sizing: border-box;padding-top: 10px;}
.main-content .magazine .lab .la-r a {font-size: 14px;color: #333333;line-height: 21px;}
.main-content .magazine .lab .la-r span {font-size: 14px;color: #333333;line-height: 21px;margin: 0 40px;cursor: pointer;}
.main-content .magazine .lab .la-r .mobile-read {position: relative;}
.main-content .magazine .lab .la-r .mobile-read .x-code {width: 98px;height: 98px;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-sizing: border-box;padding: 4px;position: absolute;top: 26px;left: 20px;border-radius: 4px;display: none;}
.main-content .magazine .lab .la-r .mobile-read .xblock {display: block;}
.main-content .magazine .lab .la-r .mobile-read .x-code::before {
    position: absolute;
    top: -4px;
    left: 47px;
    content: '';
    width: 8px;
    height: 8px;
    background: #ffffff;
    transform: rotate(135deg);
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);
}
.main-content .magazine .mag-con {width: 100%;height: 290px;background: #F9F9F9;box-sizing: border-box;padding: 10px;margin-top: 20px;}
.main-content .magazine .mag-con .date-item {width: 580px;height: 270px;background: #FFFFFF;border: 1px solid #F2F2F2;box-sizing: border-box;padding: 20px 30px;}
.main-content .magazine .mag-con .date-item .m-info {width: 321px;margin-top: 10px;margin-left: 20px;}
.main-content .magazine .mag-con .date-item .m-info p.p1 {font-size: 20px;font-weight: bold;color: #222222;line-height: 30px;}
.main-content .magazine .mag-con .date-item .m-info p.p2 {font-size: 15px;font-weight: 400;color: #333333;line-height: 23px;margin-bottom: 20px;}
.main-content .magazine .mag-con .date-item .m-info p.p3 {font-size: 15px;font-weight: 400;color: #222222;line-height: 22px;text-align: justify;margin-bottom: 10px;height: 105px;}
.main-content .magazine .mag-con .date-item .m-info a {display: block;width: 140px;height: 30px;background: #F6F6F6;text-align: center;line-height: 30px;font-size: 14px;color: #333333;position: relative;bottom: 0;}
.main-content .magazine .mag-con .other-date-item {margin-left: 46px;}
.main-content .magazine .mag-con .other-date-item li {width: 140px;text-align: center;float: left;margin-right: 46px;}
.main-content .magazine .mag-con .other-date-item li:last-child {margin-right: 0;}
.main-content .magazine .mag-con .other-date-item li p {width: 100%;font-size: 15px;font-weight: 400;color: #333333;line-height: 23px;margin-top: 9px;}
.main-content .magazine .mag-con .other-date-item li a {display: block;width: 140px;height: 30px;background: #FFFFFF;font-size: 14px;color: #333333;text-align: center;line-height: 30px;margin-top: 15px;}
.main-content .magazine .mag-con .other-date-item li a:hover {background: #333333;color: #ffffff!important;}


/* 杂志item */
.top-part {position: fixed;top: 0; width: 100%;z-index: 560;transition: all .2s ease-out;}
.m-header {width: 100%;box-sizing: border-box;padding: 20px 0;background: #ffffff;height: 79px;}
.m-header a.mh1 {margin-right: 60px;}
.m-header .mi-item-nav {margin-top: 3px;margin-right: 80px;position: relative;}
.m-header .mi-item-nav li.l1 {position: relative;margin-right: 40px;cursor: pointer;float: left;box-sizing: border-box;}
.m-header .mi-item-nav li.l1 span {font-size: 20px;color: #333333;font-weight: bold;line-height: 36px;text-align: center;display: inline-block;}
.m-header .mi-item-nav li.l1::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    opacity: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #d7000f;
    -webkit-transition: all .2s cubic-bezier(.18,.89,.17,.88) 0s,opacity .15s ease 0s;
    -o-transition: all .2s cubic-bezier(.18,.89,.17,.88) 0s,opacity .15s ease 0s;
    transition: all .2s cubic-bezier(.18,.89,.17,.88) 0s,opacity .15s ease 0s;
    left: 0;
    bottom: 0;
    height: 3px;
    border-radius: 1.5px;
}
.m-header .mi-item-nav li.l1.active::before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    opacity: 1;
}
.m-header .mi-item-nav li.l1.active span {color: #D7000F;}
.m-header .mi-item-nav li.l1:last-child {margin-right: 0;}
.m-header .mi-item-nav li.l1 .s-level {-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;height: 0px;width: 100%;overflow: hidden;z-index: 100;position: fixed;left: 0px;background: #ffffff;top: 87px;text-align: left;box-sizing: border-box;}
.m-header .mi-item-nav li.l1 .s-level ul {width: 100%;height: 40px;box-sizing: border-box;}
.m-header .mi-item-nav li.l1 .s-level li {margin: 0 26px;float: left;height: 40px;}
.m-header .mi-item-nav li.l1 .s-level a {font-size: 16px;color: #666666;}
.m-header .mi-item-nav li.l1 .s-level li:hover a {color: #333333!important;}
.m-header .mi-item-nav li.l1:hover .s-level {height: 55px;z-index: 500;box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.08);padding-top: 25px;line-height: 20px;}

.m-header a.mh2 {display: block;width: 80px;height: 31px;background: #FFFFFF;border-radius: 18px;border: 1px solid #333333;box-sizing: border-box;font-size: 15px;color: #333333;text-align: center;line-height: 30px;margin-top: 4px;}
.m-header a.mh2:hover {color: #333333!important;}
.m-header .mh3 {margin-top: 13px;}
.m-header .mh3 a {font-size: 16px;font-weight: 400;color: #333333;line-height: 15px;display: inline-block;height: 15px;}
.m-header .mh3 a:nth-child(1) {margin-right: 10px;position: relative;}
.m-header .mh3 a:nth-child(2) {position: relative;border-left: 1px solid #e6e6e6;padding-left: 15px;}
.m-header .mh3 a:nth-child(2):hover .x-code {display: block;}
.m-header .mh3 a .x-code {width: 98px;height: 98px;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-sizing: border-box;padding: 4px;position: absolute;top: 28px;left: -7px;border-radius: 4px;display: none;}
.m-header .mh3 a .xblock {display: block;}
.m-header .mh3 a .x-code::before {
    position: absolute;
    top: -4px;
    left: 47px;
    content: '';
    width: 8px;
    height: 8px;
    background: #ffffff;
    transform: rotate(135deg);
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);
}

.location {width: 100%;height: 60px;background: #F9F9F9;box-sizing: border-box;line-height: 60px;margin-top: 105px;}
.location img {margin-right: 5px;}
.location span {font-size: 13px;color: #888888;}
.location a {font-size: 13px;color: #888888;}

.main-content .part01 {width: 100%;padding-top: 30px;box-sizing: border-box;}
.main-content .part01 .b-img {width: 865px;height: 460px;box-sizing: border-box;overflow: hidden;position: relative;}
.main-content .part01 .b-img p.title {line-height: 36px;letter-spacing: 0.7px;position: absolute;bottom: 0px;left: 0;z-index: 20;width: 100%;box-sizing: border-box;padding: 30px;background-image: linear-gradient(-180deg,transparent 13%,rgba(0,0,0,8) 97%);}
.main-content .part01 .b-img p.title a {font-size: 28px;color: #ffffff;}
.main-content .part01 .b-img p.title a:hover {color: #ffffff!important;}
.main-content .part01 .b-img img {max-width: 100%;transition: all 1s;}
.main-content .part01 .b-img:hover img {transform: scale(1.08);}
/* .main-content .part01 .b-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.2)),color-stop(60%,rgba(0,0,0,.4)),color-stop(80%,rgba(0,0,0,.6)),to(rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,hsla(0,0%,100%,.2),rgba(0,0,0,.4) 60%,rgba(0,0,0,.6) 80%,rgba(0,0,0,1));
  background: -o-linear-gradient(top,hsla(0,0%,100%,.2) 0,rgba(0,0,0,.4) 60%,rgba(0,0,0,.6) 80%,rgba(0,0,0,1) 100%);
  background: linear-gradient(180deg,hsla(0,0%,100%,.2) 0,rgba(0,0,0,.4) 60%,rgba(0,0,0,.6) 80%,rgba(0,0,0,1));
  z-index: 10;
} */
.main-content .part01 .mag-read {width: 305px;height: 460px;background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 10px 20px;text-align: center;}
.main-content .part01 .mag-read p {font-size: 18px;font-weight: bold;color: #333333;line-height: 27px;margin-top: 10px;}
.main-content .part01 .mag-read a.re-but {width: 230px;height: 34px;background: #F8F8F8;box-sizing: border-box;font-size: 14px;color: #333333;text-align: center;line-height: 34px;display: block;margin: 0 auto;margin-top: 20px;}
.main-content .part01 .mag-read a.re-but:hover {background: #d7000f;color: #ffffff!important;}

.main-content .part02 {width: 100%;margin-top: 10px;}
.main-content .part02 .mag-hot {width: 866px;}
.main-content .part02 .mag-hot .lab {width: 100%;border-bottom: 1px solid #e6e6e6;}
.main-content .part02 .mag-hot .lab img {margin-bottom: 6px;margin-right: 5px;}
.main-content .part02 .mag-hot .lab span {font-size: 20px;font-weight: bold;color: #333333;line-height: 30px;}
.main-content .part02 .mag-hot .con {width: 100%;margin-top: 15px;}
.main-content .part02 .mag-hot .con li {float: left;width: 50%;}
.main-content .part02 .mag-hot .con li span {width: 4px;height: 4px;background: #888888;display: inline-block;border-radius: 100%;margin-right: 10px;margin-bottom: 3.5px;}
.main-content .part02 .mag-hot .con {font-size: 16px;color: #333333;line-height: 30px;}
.main-content .part02 .mag-mini {width: 305px;height: 140px;background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 15px;}
.main-content .part02 .mag-mini img {margin-right: 20px;}
.main-content .part02 .mag-mini .pd {margin-top: 30px;}
.main-content .part02 .mag-mini p {font-size: 16px;font-weight: bold;color: #333333;line-height: 24px;text-align: center;}

.main-content .part03 {width: 100%;margin-top: 30px;}
.main-content .part03 ul {margin-right: -30px;}
.main-content .part03 ul li {width: 380px;height: 315px;background: #f2f2f2;box-sizing: border-box;position: relative;margin-right: 30px;margin-bottom: 30px;float: left;}
.main-content .part03 ul li a {display: block;width: 100%;height: 100%;position: relative;}
.main-content .part03 ul li a .im-box {width: 380px;height: 228px;position: absolute;top: 0;left: 0;-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
.main-content .part03 ul li a .im-box img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.main-content .part03 ul li a p.la {/* width: 70px; */height: 24px;background: rgba(0, 0, 0, 0.47);box-sizing: border-box;text-align: center;line-height: 24px;font-size: 13px;font-weight: bold;color: #ffffff;position: absolute;left: 10px;top: 195px;z-index: 1;padding: 0 10px;}
.main-content .part03 ul li a .in-box {width: 100%;height: 87px;-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;position: absolute;bottom: 0;left: 0;z-index: 100;box-sizing: border-box;padding: 20px;background: #f2f2f2;}
.main-content .part03 ul li a .in-box p.title {font-weight: 600;font-size: 17px;color: #333333;line-height: 22px;-webkit-transition: all .4s ease-in;-o-transition: all .4s ease-in;transition: all .4s ease-in;}
.main-content .part03 ul li a .in-box p.intro {box-sizing: border-box;font-size: 16px;color: #333333;line-height: 24px;background-color: #f4f4f4;word-break: break-all;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-webkit-transition: all .4s ease-in;-o-transition: all .4s ease-in;transition: all .4s ease-in;text-align: justify;opacity: 0;height: 0;}
.main-content .part03 ul li:hover a .in-box {height: 108px;}
.main-content .part03 ul li:hover a .in-box p.title {display: none;}
.main-content .part03 ul li:hover a .in-box p.intro {font-size: 16px;line-height: 24px;opacity: 1;height: auto;}
.main-content .part03 ul li:hover a .im-box {height: 207px;}

.main-content .previous-mag {width: 100%;background: #f9f9f9;box-sizing: border-box;padding: 60px;}
.main-content .previous-mag .lab {}
.main-content .previous-mag .lab .lab01 span {font-size: 22px;font-weight: bold;color: #333333;line-height: 23px;padding-left: 10px;border-left: 4px solid #eb0011;}
.main-content .previous-mag .lab .lab02 a {font-size: 15px;font-weight: 400;color: #666666;line-height: 23px;}
.main-content .previous-mag .lab .lab02 a img {margin-bottom: 5px;margin-left: 5px;}
.main-content .previous-mag .con {width: 100%;margin-top: 20px;}
.main-content .previous-mag .con li {width: 215px;height: 292px;border: 1px solid #F2F2F2;box-sizing: border-box;overflow: hidden;position: relative;margin-right: 30.26px;float: left;}
.main-content .previous-mag .con li:last-child {margin-right: 0;}
.main-content .previous-mag .con li .pm01 {width: 100%;height: 100%;position: relative;}
.main-content .previous-mag .con li .pm01 img {max-width: 100%;}
.main-content .previous-mag .con li .pm01 p {width: 215px;height: 50px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);font-size: 16px;color: #ffffff;text-align: center;line-height: 65px;position: absolute;bottom: 0;left: 0;}
.main-content .previous-mag .con li .pm02 {width: 100%;height: 100%;position: relative;background: rgba(255, 255, 255, 0.8);position: absolute;top: 0;left: 0;display: none;}
.main-content .previous-mag .con li .pm02 .pm02-b {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.main-content .previous-mag .con li .pm02 .pm02-b p {font-size: 18px;font-weight: bold;color: #222222;line-height: 25px;}
.main-content .previous-mag .con li .pm02 .pm02-b a {display: block;width: 150px;height: 30px;background: url('../image/but-1.png') no-repeat;background-size: 100% 100%;margin-top: 15px;}
.main-content .previous-mag .con li .pm02 .pm02-b a:hover {background: url('../image/but-2.png') no-repeat;background-size: 100%;}
.main-content .previous-mag .con li:hover .pm02 {display: block;}


/* 杂志文章详情 */
.mag-detail {width: 100%;padding-top: 30px;}
.mag-detail .mag-detail-content {width: 100%;padding-bottom: 50px;}
.mag-detail .mag-detail-content .l-p {width: 853px;background: #FFFFFF;}
.mag-detail .mag-detail-content .l-p .lp01 {width: 100%; background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 40px;}
.mag-detail .mag-detail-content .l-p .article-title {width: 100%;}
.mag-detail .mag-detail-content .l-p .article-title p.p1 {font-size: 28px;font-weight: bold;color: #444444;line-height: 42px;text-align: center;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;}
.mag-detail .mag-detail-content .l-p .article-title p.p2 {text-align: center;margin-top: 15px;}
.mag-detail .mag-detail-content .l-p .article-title p.p2 span {font-size: 13px;color: #444444;line-height: 20px;}
.mag-detail .mag-detail-content .l-p .article-title p.p2 a {font-size: 13px;color: #0256EB;line-height: 20px;margin-right: 10px;}
.mag-detail .mag-detail-content .l-p .article-con {width: 100%;margin-top: 40px;}
.mag-detail .mag-detail-content .l-p .article-con p {font-size: 15px;font-weight: 400;color: #333333;line-height: 23px;margin-bottom: 10px;text-align: justify;}
.mag-detail .mag-detail-content .l-p .article-con p img {max-width: 100%;}
.mag-detail .mag-detail-content .l-p .article-con p:last-child {margin-bottom: 0;}
.mag-detail .mag-detail-content .l-p .keyword-lab {width: 100%;margin-top: 30px;}
.mag-detail .mag-detail-content .l-p .keyword-lab a {display: block;height: 25px;background: #F8F8F8;text-align: center;line-height: 25px;box-sizing: border-box;padding: 0 10px;font-size: 13px;color: #444444;margin-right: 10px;float: left;}
.mag-detail .mag-detail-content .l-p .keyword-lab a:last-child {margin-right: 0;}
.mag-detail .mag-detail-content .l-p .statement {width: 100%;margin-top: 40px;}
.mag-detail .mag-detail-content .l-p .statement p {font-size: 13px;color: #999999;line-height: 22px;margin-bottom: 10px;}
.mag-detail .mag-detail-content .l-p .statement p:nth-child(1) {font-size: 13px;color: #555555;font-weight: bold;}
.mag-detail .mag-detail-content .l-p .statement p:last-child {margin-bottom: 0;}
/* 平台二维码 */
.mag-detail .mag-detail-content .l-p .code-show {width: 100%;box-sizing: border-box;border: 1px solid #E6E6E6;padding: 40px;margin-top: 20px;}
.mag-detail .mag-detail-content .l-p .code-show .center-all {text-align: center;width: 180px;}
.mag-detail .mag-detail-content .l-p .code-show .center-all img {width: 180px;height: 180px;}
.mag-detail .mag-detail-content .l-p .code-show .center-all p {font-size: 15px;color: #333333;width: 100%;box-sizing: border-box;padding: 0 15px;}
.mag-detail .mag-detail-content .l-p .code-show .center-all:nth-child(1) {margin-right: 110px;}
.mag-detail .mag-detail-content .l-p .code-show .center-all p span {color: #D7000F;}

.mag-detail .mag-detail-content .r-p {width: 312px;}
.mag-detail .mag-detail-content .r-p .mag-read {width: 100%;/* height: 460px; */background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 10px 20px 20px 20px;text-align: center;}
.mag-detail .mag-detail-content .r-p .mag-read p {font-size: 18px;font-weight: bold;color: #333333;line-height: 27px;margin-top: 10px;}
.mag-detail .mag-detail-content .r-p .mag-read a.re-but {width: 230px;height: 34px;background: #F8F8F8;box-sizing: border-box;font-size: 14px;color: #333333;text-align: center;line-height: 34px;display: block;margin: 0 auto;margin-top: 20px;}
.mag-detail .mag-detail-content .r-p .mag-read a.re-but:hover {background: #d7000f;color: #ffffff!important;}
.mag-detail .mag-detail-content .r-p .mag-read img {max-width: 100%;}

.mag-detail .mag-detail-content .r-p .mag-mini {width: 100%;height: 140px;background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 15px;margin-top: 10px;}
.mag-detail .mag-detail-content .r-p .mag-mini img {margin-right: 20px;}
.mag-detail .mag-detail-content .r-p .mag-mini .pd {margin-top: 30px;}
.mag-detail .mag-detail-content .r-p .mag-mini p {font-size: 16px;font-weight: bold;color: #333333;line-height: 24px;text-align: center;}

.mag-detail .mag-detail-content .r-p .part-07 {width: 100%;margin-top: 30px;}
.mag-detail .mag-detail-content .r-p .part-07 .lab {width: 100%;}
.mag-detail .mag-detail-content .r-p .part-07 .lab span {font-size: 20px;font-weight: bold;color: #444444;line-height: 33px;}
.mag-detail .mag-detail-content .r-p .part-07 .lab img {margin-bottom: 5px;margin-right: 6px;}
.mag-detail .mag-detail-content .r-p .part-07 .list-item {width: 100%;margin-top: 15px;}
.mag-detail .mag-detail-content .r-p .part-07 .list-item ul {margin-right: -6px;}
.mag-detail .mag-detail-content .r-p .part-07 .list-item li {float: left;}
.mag-detail .mag-detail-content .r-p .part-07 .list-item li a {display: inline-block;width: 100px;height: 30px;box-sizing: border-box;text-align: center;line-height: 30px;background: #f6f6f6;font-size: 14px;font-weight: 400;color: #444444;margin-right: 6px;margin-bottom: 10px;}
.mag-detail .mag-detail-content .r-p .part-07 .list-item li:hover a {background: #FFFFFF;box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);color: #d7000f;font-size: 15px;}
/* 相关阅读 */
.mag-detail .mag-detail-content .r-p .related-read {width: 100%;margin-top: 30px;}
.mag-detail .mag-detail-content .r-p .related-read .lab {width: 100%;border-bottom: 1px solid #e6e6e6;box-sizing: border-box;padding-bottom: 15px;}
.mag-detail .mag-detail-content .r-p .related-read .lab span {font-size: 20px;font-weight: bold;color: #444444;line-height: 33px;}
.mag-detail .mag-detail-content .r-p .related-read .lab img {margin-bottom: 5px;margin-right: 6px;}
.mag-detail .mag-detail-content .r-p .related-read .l-item {width: 100%;margin-top: 15px;}
.mag-detail .mag-detail-content .r-p .related-read .l-item li {width: 100%;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #e6e6e6;}
.mag-detail .mag-detail-content .r-p .related-read .l-item li a {display: block;width: 100%;}
.mag-detail .mag-detail-content .r-p .related-read .l-item li a p.tit {font-size: 15px;font-weight: 400;color: #333333;line-height: 22px;text-align: justify;height: 44px;}
.mag-detail .mag-detail-content .r-p .related-read .l-item li a p.time {font-size: 13px;font-weight: 400;color: #666666;line-height: 20px;text-align: right;}
.mag-detail .mag-detail-content .r-p .related-read .l-item li:hover a p.tit {color: #D7000F;font-weight: bold;}
.mag-detail .mag-detail-content .r-p .related-read .l-item li:hover a p.time {color: #111111;}
/* 点击排行 */
.mag-detail .mag-detail-content .r-p .click-list {width: 100%;margin-top: 30px;}
.mag-detail .mag-detail-content .r-p .click-list .lab {width: 100%;box-sizing: border-box;}
.mag-detail .mag-detail-content .r-p .click-list .lab span {font-size: 20px;font-weight: bold;color: #444444;line-height: 33px;}
.mag-detail .mag-detail-content .r-p .click-list .lab img {margin-bottom: 5px;margin-right: 6px;}
.mag-detail .mag-detail-content .r-p .click-list .l-item {width: 100%;margin-top: 15px;}
.mag-detail .mag-detail-content .r-p .click-list .l-item li {width: 100%;margin-bottom: 10px;}
.mag-detail .mag-detail-content .r-p .click-list .l-item li .box {width: 100%;height: 50px;background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 14px 0;}
.mag-detail .mag-detail-content .r-p .click-list .l-item li span {display: block;width: 32px;height: 20px;background: #CFCFCF;border-radius: 0px 100px 100px 0px;box-sizing: border-box;text-align: center;line-height: 20px;font-size: 14px;color: #ffffff;margin-right: 10px;}
.mag-detail .mag-detail-content .r-p .click-list .l-item li a {font-size: 15px;color: #333333;line-height: 20px;width: 250px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mag-detail .mag-detail-content .r-p .click-list .l-item li:nth-child(1) span {background: #EB0011;}
.mag-detail .mag-detail-content .r-p .click-list .l-item li:nth-child(2) span {background: #FF5200;}
.mag-detail .mag-detail-content .r-p .click-list .l-item li:nth-child(3) span {background: #F7B500;}
.mag-detail .mag-detail-content .r-p .click-list .l-item li:hover a {color: #D7000F;}
/* 杂志阅读 */
.mag-detail .mag-detail-content .r-p .mag-sub {width: 100%;margin-top: 30px;}
.mag-detail .mag-detail-content .r-p .mag-sub .lab {width: 100%;box-sizing: border-box;}
.mag-detail .mag-detail-content .r-p .mag-sub .lab span {font-size: 20px;font-weight: bold;color: #444444;line-height: 33px;}
.mag-detail .mag-detail-content .r-p .mag-sub .lab img {margin-bottom: 5px;margin-right: 6px;}
.mag-detail .mag-detail-content .r-p .ms-box {width: 100%;height: 214px;background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 15px;margin-top: 15px;}
.mag-detail .mag-detail-content .r-p .ms-box .from-item {width: 100%;margin-bottom: 15px;}
.mag-detail .mag-detail-content .r-p .ms-box .from-item input.inp {width: 100%;height: 34px;background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 0 15px;}
.mag-detail .mag-detail-content .r-p .ms-box .from-item input.but {display: block; width: 120px;height: 34px;background: #D7000F;font-size: 15px;color: #ffffff;font-weight: bold;}
.mag-detail .mag-detail-content .r-p .ms-box .from-item:last-child {margin-bottom: 0;}
.mag-detail .mag-detail-content .r-p .ms-box p {font-size: 15px;font-weight: 400;color: #333333;line-height: 23px;}
.mag-detail .mag-detail-content .r-p .ms-box p.p1 {margin-bottom: 15px;}
.mag-detail .mag-detail-content .r-p .ms-box p.p2 {margin-top: 33px;}
 

/* 左侧分享栏 */
.operation-icons {position: fixed;width: 48px;bottom: 40px;}
@media (max-width:1400px) {
    .operation-icons {
        display: none;
    }
}
@media (max-width:1450px) and (min-width:1300px) {
    .operation-icons {
        left: 2%;
        margin-right: 0;
    }
}

@media (min-width:1450px) {
    .operation-icons {
        right: 50%;
        margin-right: 650px;
    }
}
.operation-icons .operation-box {width: 48px;height: 48px;box-sizing: border-box;border: 1px solid #C5C5C5;border-radius: 100%;position: relative;text-align: center;line-height: 48px;cursor: pointer;}
.operation-icons .back-top {
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .3s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .3s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .3s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1)
}
.operation-icons .back-top.active {
    opacity: 1;
    /* -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    visibility: hidden; */
    -webkit-transition: visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1)
}
.operation-icons .operation-box .img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.operation-icons .operation-box .img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    -webkit-transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .3s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .3s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .3s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1)}
.operation-icons .operation-box .img.active {
    opacity: 0;
    -webkit-transform: translateY(35%);
    -ms-transform: translateY(35%);
    transform: translateY(35%);
    visibility: hidden;
    -webkit-transition: visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1)
}
.operation-icons .share-icon {margin: 20px 0;}
.operation-icons .operation-box span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    color: #555555;
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    -webkit-transition: visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    transition: visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .3s cubic-bezier(.77, 0, .175, 1), visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .3s cubic-bezier(.77, 0, .175, 1), visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .3s cubic-bezier(.77, 0, .175, 1), visibility 0s .4s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1)
}
.operation-icons .operation-box span.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: inherit;
    -webkit-transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1)
}
.operation-icons .zan-icon {position: relative;}
.operation-icons .zan-icon b {display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 14px;color: #ffffff;background: #d7000f;position: absolute;top: -4px;right: -4px;border-radius: 100%;}
.operation-icons .cancel-zan {display: none;}
.operation-icons .share-icon {position: relative;}
.operation-icons .share-icon .weibo {width: 38px;height: 38px;position: relative;box-sizing: border-box;border: 1px solid #C5C5C5;border-radius: 100%;position: absolute;top: -25px;left: -40px;opacity: 0;-webkit-transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1)}
.operation-icons .share-icon .weibo img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.operation-icons .share-icon .weibo img.im-2 {display: none;}
.operation-icons .share-icon .weibo:hover img.im-2 {display: inline-block;}
.operation-icons .share-icon .weibo:hover img.im-1 {display: none;}
.operation-icons .share-icon .weixin {width: 38px;height: 38px;position: relative;box-sizing: border-box;border: 1px solid #C5C5C5;border-radius: 100%;position: absolute;bottom: -25px;left: -40px;opacity: 0;-webkit-transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);z-index: 9999;}
.operation-icons .share-icon .weixin img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.operation-icons .share-icon .weixin img.im-2 {display: none;}
.operation-icons .share-icon .weixin:hover img.im-2 {display: inline-block;}
.operation-icons .share-icon .weixin:hover img.im-1 {display: none;}
.operation-icons .share-icon.active .weixin {opacity: 1;}
.operation-icons .share-icon.active .weibo {opacity: 1;}
.operation-icons .share-icon .weixin .code-img {
    width: 100px;
    height: 100px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 100;
    left: -80px;
    top: -30px;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1)
}
.operation-icons .share-icon .weixin .code-img img {/* position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); */max-width: 100%;}
.operation-icons .share-icon .weixin:hover .code-img {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    /* visibility: inherit; */
    -webkit-transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    -o-transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), visibility 0s, opacity .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1)
}

/* 投稿 */
.contribute-box {width: 100%;background: #f9f9f9;padding-bottom: 40px;position: relative;}
.contribute-box .contr-con {width: 100%;background: #FFFFFF;box-sizing: border-box;padding: 40px 80px;}
.contribute-box .contr-con p.title {font-size: 30px;color: #333333;font-weight: bold;line-height: 30px;position: relative;text-align: center;}
.contribute-box .contr-con p.title::before {content: '';position: absolute;width: 42px;height: 10px;background: linear-gradient(270deg, rgba(215, 0, 15, 0) 0%, rgba(215, 0, 15, 0.67) 100%);left: 315px;bottom: 0;}
.contribute-box .contr-con p.title::after {content: '';position: absolute;width: 10px;height: 10px;background: linear-gradient(90deg, rgba(215, 0, 15, 0) 0%, rgba(215, 0, 15, 0.67) 100%);top: 1px;right: 305px;}
.contribute-box .contr-con .con-part {margin-top: 40px;}
.contribute-box .contr-con .con-part p {font-size: 15px;font-weight: 400;color: #333333;line-height: 24px;text-align: justify;margin-bottom: 10px;}
.contribute-box .contr-con .con-part p.last {text-align: right;margin-top: 40px;margin-bottom: 0;}

.contribute-box .box1 {margin-top: 30px;}
.contribute-box .box1 .code-show {width: 853px;height: 310px;box-sizing: border-box;padding: 40px;background: #ffffff;}
.contribute-box .box1 .code-show .center-all {text-align: center;width: 180px;}
.contribute-box .box1 .code-show .center-all img {width: 180px;height: 180px;}
.contribute-box .box1 .code-show .center-all p {font-size: 15px;color: #333333;width: 100%;box-sizing: border-box;padding: 0 15px;}
.contribute-box .box1 .code-show .center-all:nth-child(1) {margin-right: 110px;}
.contribute-box .box1 .code-show .center-all p span {color: #D7000F;}

.contribute-box .box1 .mag-sub {width: 312px;height: 310px;background: #ffffff;padding: 30px 15px;box-sizing: border-box;}
.contribute-box .box1 .mag-sub .lab {width: 100%;box-sizing: border-box;}
.contribute-box .box1 .mag-sub .lab span {font-size: 20px;font-weight: bold;color: #444444;line-height: 33px;}
.contribute-box .box1 .mag-sub .lab img {margin-bottom: 5px;margin-right: 6px;}
.contribute-box .box1 .mag-sub .ms-box {width: 100%;height: 214px;box-sizing: border-box;margin-top: 15px;}
.contribute-box .box1 .mag-sub .ms-box .from-item {width: 100%;margin-bottom: 15px;}
.contribute-box .box1 .mag-sub .ms-box .from-item input.inp {width: 100%;height: 34px;background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 0 15px;}
.contribute-box .box1 .mag-sub .ms-box .from-item input.but {display: block; width: 120px;height: 34px;background: #D7000F;font-size: 15px;color: #ffffff;font-weight: bold;}
.contribute-box .box1 .mag-sub .ms-box .from-item:last-child {margin-bottom: 0;}
.contribute-box .box1 .mag-sub .ms-box p {font-size: 15px;font-weight: 400;color: #333333;line-height: 23px;}
.contribute-box .box1 .mag-sub .ms-box p.p1 {margin-bottom: 15px;}
.contribute-box .box1 .mag-sub .ms-box p.p2 {margin-top: 33px;}
.contribute-box .search-box-part-show {opacity: 1;height: 100%;padding: 60px;box-sizing: border-box;}

/* 期刊服务 */
.m-header .mh3 a .per-service {width: 312px;height: 0;position: absolute;top: 32px;left: -116px;background: #ffffff;box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;box-sizing: border-box;z-index: 99999;}
.m-header .mh3 a .per-service::before {
    position: absolute;
    top: -5px;
    left: 146px;
    content: '';
    width: 10px;
    height: 10px;
    background: #ffffff;
    transform: rotate(135deg);
    box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.m-header .mh3 a .per-service .mag-sub {width: 312px;height: 0;background: #ffffff;box-sizing: border-box;overflow: hidden;}
.m-header .mh3 a .per-service .mag-sub .lab {width: 100%;box-sizing: border-box;}
.m-header .mh3 a .per-service .mag-sub .lab span {font-size: 20px;font-weight: bold;color: #444444;line-height: 33px;}
.m-header .mh3 a .per-service .mag-sub .lab img {margin-bottom: 5px;margin-right: 6px;}
.m-header .mh3 a .per-service .mag-sub .ms-box {width: 100%;box-sizing: border-box;margin-top: 15px;}
.m-header .mh3 a .per-service .mag-sub .ms-box .from-item {width: 100%;margin-bottom: 15px;}
.m-header .mh3 a .per-service .mag-sub .ms-box .from-item input.inp {width: 100%;height: 34px;background: #FFFFFF;border: 1px solid #E6E6E6;box-sizing: border-box;padding: 0 15px;}
.m-header .mh3 a .per-service .mag-sub .ms-box .from-item input.but {display: block; width: 120px;height: 34px;background: #D7000F;font-size: 15px;color: #ffffff;font-weight: bold;}
.m-header .mh3 a .per-service .mag-sub .ms-box .from-item:last-child {margin-bottom: 0;}
.m-header .mh3 a .per-service .mag-sub .ms-box p {font-size: 15px;font-weight: 400;color: #333333;line-height: 23px;}
.m-header .mh3 a .per-service .mag-sub .ms-box p.p1 {margin-bottom: 15px;}
.m-header .mh3 a .per-service .mag-sub .ms-box p.p2 {margin-top: 33px;}
.m-header .mh3 a:nth-child(1) {padding-bottom: 20px;}
.m-header .mh3 a:nth-child(1):hover .per-service {height: 310px;}
.m-header .mh3 a:nth-child(1):hover .per-service .mag-sub {height: 100%;padding: 30px 15px;}
.m-header .mh3 a:nth-child(1):hover .per-service::before {opacity: 1;}



/* 杂志广告 */
.mag-ad {width: 100%;background: #f9f9f9;}
.mag-ad .magAd-box {width: 100%;height: 950px; background: #ffffff;box-sizing: border-box;padding: 30px 0;position: relative;}
.mag-ad .magAd-box .mySwiper {width: 630px!important;height: 844px;}
.mag-ad .magAd-box .swiper-slide {width: 630px!important;height: 844px;}
.mag-ad .magAd-box .swiper-slide img {max-width: 100%;}
.mag-ad .magAd-box .swiper-button-prev::after {content: none;}
.mag-ad .magAd-box .swiper-button-next::after {content: none;}
.mag-ad .magAd-box .swiper-button-prev {background-image: url('../image/l.png');width: 50px;height: 50px;background-size: 100% 100%;top: 460px;left: 140px;}
.mag-ad .magAd-box .swiper-button-next {background-image: url('../image/r.png');width: 50px;height: 50px;background-size: 100% 100%;top: 460px;right: 140px;}
.mag-ad .magAd-box .swiper-pagination {bottom: 10px;left: 0;width: 100%;}
.mag-ad .magAd-box .s-pag {width: 630px;margin: 0 auto;margin-top: 20px;}
.mag-ad .magAd-box .s-pag p.p1 {font-size: 16px;color: #333333;line-height: 24px;}
.mag-ad .magAd-box .s-pag p.p2 {font-size: 16px;color: #333333;line-height: 24px;margin-left: 20px;letter-spacing: 2px;}
.mag-ad .magAd-box .s-pag p.p2 span {color: #D7000F;}
.mag-ad .previous-mag  {padding: 0;margin-top: 50px;}
.mag-ad .magAd-box .s-pag .p-name li {display: none;}
.mag-ad .magAd-box .s-pag .p-name .lblock {display: block;}