.container_news, .container_detail { background:linear-gradient(180deg,rgba(243,236,232,1) 0%,rgba(255,255,255,1) 100%); } .container_news .main, .container_detail .main{ display:flex;flex-direction: row;min-height:675px; } .container_news .left, .container_detail .left{ width:800px;background-color:#fff;padding:16px;box-sizing: border-box; } .container_detail .left{ margin-top:15px;padding:19px 30px; } .container_news .right, .container_detail .right{ width:360px;background:#E8E3DF;height:562px; } .container_detail .right{ height:750px;padding:15px 25px;box-sizing: border-box; } .container_news .right img{ width:100%;height:200px; } .container_news .right .time{ font-size:24px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600; color:#6F6358;margin-top:15px;padding-left:15px; } .container_news .right .title{ font-size:16px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600; color:#4a4a4a;padding-left:15px;padding-right:22px;line-height:22px; } .container_news .right .summary{ font-size:13px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400; color:#666;padding-left:15px;padding-right:22px;margin-top:15px;line-height:22px; } .container_news .right .opt_detail { font-size:13px;font-family:PingFangSC-Medium,PingFang SC,Microsoft Yahei;font-weight:500; color:#6F6358;margin-top:30px;padding-left:15px;margin-bottom:60px; cursor: pointer; } .container_news .left .item { display:flex;flex-direction: row;height:127px;border-bottom:1px solid #9B9B9B; } .container_news .left .item:hover{ cursor: pointer; } .container_news .left .item .time{ height:127px;width:127px;display:flex;justify-content: center;align-items: center; flex-direction: column;padding:20px 32px;box-sizing: border-box; transition: all 400ms; } .container_news .left .item:hover .time{ background-color:#009DC4;transition: all 400ms; } .container_news .left .item:hover .time .month{ color:#fff; } .container_news .left .item .time .day{ width:63px;height:63px;background-size:100%; } .container_news .left .item .time .month{ color:#CFCBCB;font-size:12px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight: 600; margin-top:6px; } .container_news .left .item .content{ padding:19px 30px;box-sizing: border-box;position:relative;width:640px; } .container_news .left .item .title { font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600; color:#4a4A4A;z-index:20;position:absolute;height:18px;overflow:hidden; } .container_news .left .item .summary { font-size:12px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400; color:#666;line-height:19px;margin-top:6px;z-index:20;position:absolute;top:50px; height:57px;overflow: hidden; } .container_news .left .item .content span{ width:0;height:100%;position:absolute;left:0;top:0;z-index:8; /*background:-webkit-gradient(linear,100% 0%, 0% 100%, from(#CCCEEA), to(#CCCEEA), color-stop(1.2,#CCCEEA));*/ background-image:linear-gradient(to right, #CCCEEA, #CCCEEA); -webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s; } .container_news .left .item:hover .content span{ width:100%; } .container_news .left .opt_more{ cursor:pointer;background-color:#009DC4;height:56px; background-image: url("../img/news/icon_more.png");background-size: 40px 40px; background-position: center center;background-repeat: no-repeat; } .container_detail .left .time { font-size:24px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(111,99,88,1);line-height:33px; } .container_detail .left .title { font-size:20px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1);line-height:28px; } .container_detail .left .intro{ font-size:12px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(119,119,119,1);line-height:19px; margin-top:11px; } .container_detail .left .content{ margin-top:15px; } .container_detail .right .en{ font-size:18px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(111,99,88,1);line-height:25px; } .container_detail .right .cn{ font-size:16px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(111,99,88,1);line-height:22px; } .container_detail .right .item{ margin-top:25px;cursor: pointer; } .container_detail .right .item .date{ font-size:14px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(111,99,88,1);line-height:20px; } .container_detail .right .item .title{ font-size:14px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1);line-height:20px; margin-top:4px; } .container_detail .right .item .summary{ font-size:12px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(102,102,102,1);line-height:20px; margin-top:6px;height:40px;overflow: hidden; } .container_detail .right .qrcode { text-align:center;margin-top:55px; } .container_detail .right .qrcode img { width:121px;height:121px; } .container_detail .right .qrcode div{ font-size:12px;font-family:PingFangSC-Medium,PingFang SC,Microsoft Yahei;font-weight:500;color:rgba(119,119,119,1);line-height:17px; margin-top:7px; } .container_detail .right .qrcode div:last-child{ font-size:10px;font-family:PingFangSC-Medium,PingFang SC,Microsoft Yahei;font-weight:500;color:rgba(119,119,119,1);line-height:14px; margin-top:3px; } .container_news .left .item .time .day_01{ background-image: url("../img/date/g/01.png"); } .container_news .left .item:hover .time .day_01{ background-image: url("../img/date/w/01.png"); } .container_news .left .item .time .day_02{ background-image: url("../img/date/g/02.png"); } .container_news .left .item:hover .time .day_02{ background-image: url("../img/date/w/02.png"); } .container_news .left .item .time .day_03{ background-image: url("../img/date/g/03.png"); } .container_news .left .item:hover .time .day_03{ background-image: url("../img/date/w/03.png"); } .container_news .left .item .time .day_04{ background-image: url("../img/date/g/04.png"); } .container_news .left .item:hover .time .day_04{ background-image: url("../img/date/w/04.png"); } .container_news .left .item .time .day_05{ background-image: url("../img/date/g/05.png"); } .container_news .left .item:hover .time .day_06{ background-image: url("../img/date/w/06.png"); } .container_news .left .item .time .day_07{ background-image: url("../img/date/g/07.png"); } .container_news .left .item:hover .time .day_07{ background-image: url("../img/date/w/07.png"); } .container_news .left .item .time .day_08{ background-image: url("../img/date/g/08.png"); } .container_news .left .item:hover .time .day_08{ background-image: url("../img/date/w/08.png"); } .container_news .left .item .time .day_09{ background-image: url("../img/date/g/09.png"); } .container_news .left .item:hover .time .day_09{ background-image: url("../img/date/w/09.png"); } .container_news .left .item .time .day_10{ background-image: url("../img/date/g/10.png"); } .container_news .left .item:hover .time .day_10{ background-image: url("../img/date/w/10.png"); } .container_news .left .item .time .day_11{ background-image: url("../img/date/g/11.png"); } .container_news .left .item:hover .time .day_11{ background-image: url("../img/date/w/11.png"); } .container_news .left .item .time .day_12{ background-image: url("../img/date/g/12.png"); } .container_news .left .item:hover .time .day_12{ background-image: url("../img/date/w/12.png"); } .container_news .left .item .time .day_13{ background-image: url("../img/date/g/13.png"); } .container_news .left .item:hover .time .day_13{ background-image: url("../img/date/w/13.png"); } .container_news .left .item .time .day_14{ background-image: url("../img/date/g/14.png"); } .container_news .left .item:hover .time .day_14{ background-image: url("../img/date/w/14.png"); } .container_news .left .item .time .day_15{ background-image: url("../img/date/g/15.png"); } .container_news .left .item:hover .time .day_15{ background-image: url("../img/date/w/15.png"); } .container_news .left .item .time .day_16{ background-image: url("../img/date/g/16.png"); } .container_news .left .item:hover .time .day_16{ background-image: url("../img/date/w/16.png"); } .container_news .left .item .time .day_17{ background-image: url("../img/date/g/17.png"); } .container_news .left .item:hover .time .day_17{ background-image: url("../img/date/w/17.png"); } .container_news .left .item .time .day_18{ background-image: url("../img/date/g/18.png"); } .container_news .left .item:hover .time .day_18{ background-image: url("../img/date/w/18.png"); } .container_news .left .item .time .day_19{ background-image: url("../img/date/g/19.png"); } .container_news .left .item:hover .time .day_19{ background-image: url("../img/date/w/19.png"); } .container_news .left .item .time .day_20{ background-image: url("../img/date/g/20.png"); } .container_news .left .item:hover .time .day_20{ background-image: url("../img/date/w/20.png"); } .container_news .left .item .time .day_21{ background-image: url("../img/date/g/21.png"); } .container_news .left .item:hover .time .day_21{ background-image: url("../img/date/w/21.png"); } .container_news .left .item .time .day_22{ background-image: url("../img/date/g/22.png"); } .container_news .left .item:hover .time .day_22{ background-image: url("../img/date/w/22.png"); } .container_news .left .item .time .day_23{ background-image: url("../img/date/g/23.png"); } .container_news .left .item:hover .time .day_23{ background-image: url("../img/date/w/23.png"); } .container_news .left .item .time .day_24{ background-image: url("../img/date/g/24.png"); } .container_news .left .item:hover .time .day_24{ background-image: url("../img/date/w/24.png"); } .container_news .left .item .time .day_25{ background-image: url("../img/date/g/25.png"); } .container_news .left .item:hover .time .day_25{ background-image: url("../img/date/w/25.png"); } .container_news .left .item .time .day_26{ background-image: url("../img/date/g/26.png"); } .container_news .left .item:hover .time .day_26{ background-image: url("../img/date/w/26.png"); } .container_news .left .item .time .day_27{ background-image: url("../img/date/g/27.png"); } .container_news .left .item:hover .time .day_27{ background-image: url("../img/date/w/27.png"); } .container_news .left .item .time .day_28{ background-image: url("../img/date/g/28.png"); } .container_news .left .item:hover .time .day_28{ background-image: url("../img/date/w/28.png"); } .container_news .left .item .time .day_29{ background-image: url("../img/date/g/29.png"); } .container_news .left .item:hover .time .day_29{ background-image: url("../img/date/w/29.png"); } .container_news .left .item .time .day_30{ background-image: url("../img/date/g/01.png"); } .container_news .left .item:hover .time .day_30{ background-image: url("../img/date/w/01.png"); } .container_news .left .item .time .day_31{ background-image: url("../img/date/g/31.png"); } .container_news .left .item:hover .time .day_31{ background-image: url("../img/date/w/31.png"); } .bdshare-button-style0-24 a.bds_weixin{ background-image:url("../img/icon/icon_weixin.png");width:24px;height:24px; background-position:center center;background-size: 24px 24px;padding-left:0; } .bdshare-button-style0-24 a.bds_tsina{ background-image:url("../img/icon/icon_weibo.png");width:24px;height:24px; background-position:center center;background-size: 24px 24px;padding-left:0; } .bdshare-button-style0-24 span{ float:left;font-size:12px; font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei; font-weight:400; color:rgba(74,74,74,1); line-height:36px; } .bdshare-button-style0-24 a.bds_more{ display:none; } .bdshare-button-style0-24 a.bds_qzone{ background-image:url("../img/icon/icon_qzone.png");width:24px;height:24px; background-position:center center;background-size: 24px 24px;padding-left:0; } .bdshare-button-style0-24 a.bds_sqq{ background-image:url("../img/icon/icon_qq.png");width:24px;height:24px; background-position:center center;background-size: 24px 24px;padding-left:0; }