/* * @Author: gongjiajie * @Date: 2021-09-04 15:35 * @Last Modified by: gongjiajie * @Last Modified time: 2021-09-04 17:18 */ * { font-family: "OS-R", "微软雅黑", Arial; } .padT_50{padding-top:40px;} .sum_style { line-height: 40px; font-size: 22px; font-family: "OS-R", "微软雅黑", Arial; color: #333; text-align: justify; } /*消保视频 new*/ .byy_xbsp .mkTabP span{display: inline-block;width: 14px;height: 14px;border-radius: 50%;} .byy_xbsp .mkTabP a.on span{background: #ef7c00;} /* 二级banner */ #banner { padding-bottom: 100px; background: url(banner_bg.png); } .banner_but { position: absolute; bottom: 130px !important; text-align: center; z-index: 10; width: 100%; } .banner_but li { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: #fff; margin: 0 5px; } .banner_but li.on { background: #ef7c00; } .pageinfo { position: absolute; top: 50%; z-index: 10; left: 50%; margin-left: -40px; margin-top: -58px; } .pageinfo.xftxt { margin-left: -540px; } .pageinfo .title { font-size: 56px; font-family: "OS-M", "微软雅黑"; color: #0441a3; } .pageinfo .smy { font-size: 28px; font-family: "OS-L", "微软雅黑"; color: #34465d; line-height: 1.5em; } /* 消保动态 */ .xbdt{/* margin-bottom: 60px;*/padding-top: 45px; } #xbdt .eps-shadow.eps-dn { top: 20px !important; left: 0 !important; } .djgl_con { position: relative; width: 48%; float: right; height:280px;} .djgl_con li .date { font-size: 14px; font-family: Arial !important; } /*.first .smy { font-size: 18px; }*/ .djgl_con .news_list li a {/*display: block;*/float: left; font-size: 18px; color: #333; font-family: "OS-M", "微软雅黑"; max-width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .djgl_con li { line-height: 48px;height:48px; } .djgl_con li:hover a { color: #fc7910; } /*.first { list-style: none; height: auto; border-bottom: 1px solid #bdbfc0; margin-bottom: 15px; }*/ /*.djgl_con li.first a { float: none; max-width: 100%; line-height: 32px; font-size: 20px; white-space: initial; text-align: justify; }*/ .djgl_con .news_list li .xw_img { position: absolute; left: -108%; top: 0; display: none; min-width: 100%; } .djgl_con .news_list li .xw_img img { width: 100%; /*height: 400px;*/ height:280px; object-fit: cover; } * /*北羊羊视频*/ #byy_xbsp_phone{display:block;} #byy_xbsp_phone{display:none;} .byy_xbsp{background: url(xbsp.jpg) no-repeat center top;} .byy_xbsp .sp_con{width:50%;float:right;padding-bottom:50px !important;} .byy_xbsp .sp_list .tit{padding:35px 0 18px 0; background: #fff;} .byy_xbsp .sp_list .tit a{font-size:20px; font-family: "OS-B", "微软雅黑";} .byy_xbsp .sp_list .smy{font-size:18px;line-height:35px; font-family: "OS-R", "微软雅黑";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .byy_xbsp .video_con { width: 592px; height: 340px; position: relative; background: #000; z-index: 5; } .byy_xbsp .video_con video { width: 592px; height: 340px; } .byy_xbsp .play_gray { width: 572px; height: 320px; border: 10px solid #fff; border-color: rgba(255, 255, 255, .4); position: absolute; top: 0; left: 0; background: url(video_but.png) no-repeat center; } .byy_xbsp .sp_but {/* margin-top: 50px; width: 100%; text-align: center; */width: 15%; position: absolute; top: 95%; left: 95%; text-align: center; } .byy_xbsp .sp_but li { display: inline-block; width: 14px; height: 14px; background: #3cb4e5; border-radius: 14px; margin-right: 10px; transition: all ease-in-out 500ms; } .byy_xbsp .sp_but li.on { background: #ef7c00; } /*北羊羊课堂*/ .xbkt_con{background: url(byy.jpg) no-repeat center top;background-size:100%; padding: 60px 50px 60px 42.5%;/*padding-left: 42.5%;*/} .xbkt_con ul li{font-size:50px;color:#fff;font-family: "OS-B", "微软雅黑";box-sizing: border-box;border: 1px solid #fff;border-top:none;height: 120px;/*padding: 30px;*/position: relative;} .xbkt_con li span{margin-left:-70px;color:#fff;font-family: "OS-B", "微软雅黑"; transition: all ease-in-out 300ms;} .xbkt_con ul li a{ /* display: inline-block;margin-left: -32px;*/font-size:26px;color:#fff;font-family: "OS-R", "微软雅黑";padding: 30px;position:absolute;top:0;} .xbkt_con ul li:first-child{border-top:1px solid #fff;} .xbkt_con ul li:hover a ,.xbkt_con ul li.on a{text-decoration: underline;color:#fc7910;} .xbkt_con ul li:hover span ,.xbkt_con ul li.on span{font-size:65px;margin-left:-90px;color:#fc7910;} /*金融知识普及*/ .jrzs{background: url(jrzs.jpg) no-repeat center top;/*background-size:100%;*/margin-top:65px;height:635px;} .jrzs .mkTit{margin-bottom:27px;} .jrzs .gdycpNav {position: relative;} .jrzs .gdycpNav .oneUl{width:480px;float:right;} .jrzs .gdycpNav .oneUl .oneLi{width:50%;text-align:center;float:left;height:240px;background:#fff;box-sizing:border-box;/*border:1px solid #d2c1bf;*/} .jrzs .gdycpNav .oneUl .oneLi .yinc{margin-top:65px;} .jrzs .gdycpNav .oneUl .oneLi .yinc .hov{display:none;} .jrzs .gdycpNav .oneUl .oneLi .menuA{margin-top:30px;} .jrzs .gdycpNav .oneUl .oneLi .menuA a{color:#0441a3;font-size:20px;font-family: "OS-M", "微软雅黑";display: inline-block;width:52%;} .jrzs .gdycpNav .oneUl .oneLi.on{background:#0441a3;} .jrzs .gdycpNav .oneUl .oneLi.on .menuA a{color:#fff;} .jrzs .gdycpNav .oneUl .oneLi:first-child{border-bottom:1px solid #d2c1bf;border-right:1px solid #d2c1bf;} .jrzs .gdycpNav .oneUl .oneLi:last-child{border-top:1px solid #d2c1bf;border-left:1px solid #d2c1bf;} .jrzs .gdycpNav .oneUl .oneLi .twoUl { position: absolute;left:0;top:0;width:595px;display:none;text-align:left;} .jrzs .gdycpNav .oneUl .oneLi .twoUl .titA {line-height:120px;border-bottom:1px solid #0441a3; } .jrzs .gdycpNav .oneUl .oneLi .twoUl .titA a{line-height:118px;font-size:30px;font-family: "OS-M", "微软雅黑";border-bottom:2px solid #0441a3;display: inline-block; } .jrzs .gdycpNav .oneUl .oneLi .twoUl .txt{height:155px;margin-top:30px;line-height:38px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-family: "OS-R", "微软雅黑";font-size:18px;} .jrzs .gdycpNav .oneUl .oneLi .twoUl .twoLi{width:50%;float:left;font-family: "OS-B", "微软雅黑";margin-top:20px;} .jrzs .gdycpNav .oneUl .oneLi .twoUl .twoLi .title a{font-family: "OS-R", "微软雅黑";font-size:20px;color:#333333;} .jrzs .gdycpNav .oneUl .oneLi .twoUl .twoLi .title:hover a{color:#0441a3;text-decoration: underline;/*font-family: "OS-B", "微软雅黑";*/} /*金融教育示范基地*/ .jrjy {padding-bottom:45px;} .qywh_tit, .qywh_img { width: 49%; } .qywh_img { object-fit: cover; } .qywh_img img { border-radius: 10px; width: 100%; } .qywh_tit ul { margin-top: 40px; } .qywh_tit li { width: 45%; float: left; line-height: 50px; margin-bottom: 30px; } .qywh_tit li a { display: block; font-size: 24px; color: #788393; font-family: "OS-R"; } .qywh_tit li img { float: left; margin-right: 15px; transform: rotateY(0); transition: all ease-in-out 300ms; } .qywh_tit li:hover img { transform: rotateY(180deg); } .qywh_tit li:hover a { color: #0441a3; text-decoration: underline; } .jrjy .qywh_tit p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} /* 消保-客户投诉 */ .khts .mkTit{display: inherit;} .khts_con { overflow: hidden; } .khts_list { width: 120%; } .khts_list li { float: left; width: 380px; height: 90px; border: 1px solid #bfbfbf; margin-right: 27px; padding: 35px 0; } .khts_list li .icon { min-width: 110px; height: 90px; border-right: 1px solid #bfbfbf; text-align: center; margin-right: 25px; padding: 0 15px; } .khts_list li .icon p { font-size: 20px; color: #0441a3; font-family: 'OS-M'; margin-top: 15px; } .khts_list li .txt { margin-right: 25px; font-size: 24px; line-height: 90px; color: #34455d; } .khts_list li.li01 .txt { margin-right: 25px; font-size: 18px; line-height: 28px; } .khts_list li .icon img { transform: rotateY(0deg); transition: all ease-in-out 300ms; } .khts_list li:hover .icon img { transform: rotateY(180deg); } #khts { margin-bottom: 30px; } /* 适配样式 */ @media screen and (max-width:1280px) { /* 二级banner */ #banner { padding-bottom: 0; } /*.banner_list li img { width: 100vw; height: 50vw; }*/ .banner_but { bottom: 30px !important; } .pageinfo { left: 4vw; margin-left: 0 !important; } } @media screen and (max-width:1200px) { .djgl_con .first .smy { font-size: 14px; } /* 微视频 / .sp_con{ width: 100%; } .sp_con{ height: 52vw; } /* 金融知识宣传 */ .jrzs .jrzs_con .twoUl{width:50% ;} .jrzs .gdycpNav .oneUl , .jrzs .gdycpNav .oneUl #tuoUl{width:49%;} .jrzs .gdycpNav .oneUl .oneLi .menuA a{width:60%;} .khts_list { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .khts_list li { width: 48%; height: 160px; margin-right: 0; margin-bottom: 20px; display: flex; align-items: center; } .khts_list li .icon { min-width: 140px; } } @media screen and (max-width:1024px) { /*消保政策 10/11 GJJ改*/ .xbkt_con{background-size: cover;padding:10px 10px 10px 45px} .xbkt_con ul li{font-size: 40px;height: auto;padding:0;} .xbkt_con li span, .xbkt_con ul li:hover span, .xbkt_con ul li.on span{font-size: 30px;margin-left: -42px;} .xbkt_con ul li a{font-size:14px;padding:10px;} .djgl_con { width: 100%;height:auto;} .djgl_con .news_list li .xw_img {left:0;top:0;} .djgl_con .news_list{margin-top:55vw;} .djgl_con .news_list li .xw_img img { height: 55vw; } /* .djgl_con .news_list li a{display:block !important;}*/ .khts_list li { width: 100%; } } @media screen and (max-width:768px) { .banner_list li img { height: 65vw; } .pageinfo .title { font-size: 2.2rem; } .pageinfo .smy { font-size: 1.6rem; } .pageinfo { margin-top: -3rem; } /*金融教育示范基地*/ .qywh_con .qywh_tit , .qywh_img{width:100%;} .qywh_img{margin-bottom:20px;} /*金融知识普及 0927*/ .jrzs .jrzs_con .twoUl{display:none !important;} .jrzs .jrzs_con .oneUl{width:100%;} /*消保微视频 0927*/ .sp_con{width:100%;} .video_con{width:100%;} /*1020 消保视频*/ #byy_xbsp_pc{display:none;} #byy_xbsp_phone{display:block;} /*GJJ 10/24新增*/ .banner_list li img{ height: 45vw;} .khts_list li { height: auto; min-height: 90px; padding: 15px 0; } #juxing_f721f0d8daf248f2b4f9a1ebe38013fe{width:180px;top:120vw;} #juxing_f721f0d8daf248f2b4f9a1ebe38013fe a img{width:180px;} /*客户投诉*/ .khts .mkTit{margin-bottom:10px;} .khts .mkTit .more{position: relative;left: 0;opacity: 1;width:100%;text-align:right;} } @media screen and (max-width:640px){ html, body { width: 100%; overflow-x: hidden; } .byy_xbsp .byy_xbsp_con .sp_con,.byy_xbsp .byy_xbsp_con .sp_con .sp_list li{width:100%;} .byy_xbsp .byy_xbsp_con .sp_con .sp_list li .video_con,.byy_xbsp .byy_xbsp_con .sp_con .sp_list li .video_con video{width:92vw; height: auto;} .byy_xbsp .byy_xbsp_con .sp_con .sp_list li .video_con video { width: 92vw !important; height:52vw !important;} /*.byy_xbsp .byy_xbsp_con .sp_con{padding-bottom:0px !important;}*/ .byy_xbsp .byy_xbsp_con .sp_list .tit{padding:10px 0;} .byy_xbsp .sp_but{top:90%;} } @media screen and (max-width:460px) { .w1280 { padding-bottom: 0; } /*.djgl_con .news_list li .xw_img img { height: 100%; }*/ /*.djgl_con .first .smy { line-height: 24px; }*/ /*金融教育示范基地*/ .qywh_tit ul{margin-top:20px;} .qywh_tit li{width:50%;line-height:32px;margin-bottom:10px;} .qywh_tit li a{font-size:16px;} .qywh_tit li img{width:18%;margin-right:10px;} /*.djgl_con .news_list li.first a {max-width: 100%;font-size: 1.6rem;line-height: 2em;}*/ .djgl_con .news_list li span {font-size: 1.4rem;} .djgl_con .news_list li.first .date, .news_list li.first .smy {font-size: 1.4rem;} .djgl_con .news_list li a, .news_list li span {font-size: 1.4rem;} /*金融知识普及 0927*/ .jrzs .gdycpNav .oneUl .oneLi .menuA a{font-size:16px;} .sum_style {font-size: 16px;line-height: 1.5em;} .jrzs .gdycpNav .oneUl .oneLi .yinc{margin-top:40px;} .jrzs .gdycpNav .oneUl .oneLi .menuA{margin-top:15px;} .jrzs .gdycpNav .oneUl .oneLi{height:165px;} .jrzs {background: url(jrzs.jpg) no-repeat center center;height: 500px;} /*视频*/ .sp_list .tit a{font-size:1.4rem !important; } .khts_list li .icon img { height: 40px; } .khts_list li .icon p { font-size: 16px; } .khts_list li .txt { font-size: 20px; line-height: 1.5em; } }