/* 广告 */ .ad { display: block;margin:20px auto 0;width:1200px; } /* banner */ .bar-wp { margin:30px auto 0;width:1200px;display: flex; } .bar-banner { margin:0; } .bar-banner,.bar-banner a,.bar-banner a img { height:330px;width:512px; } .bar-banner a { position: relative; } .bar-banner a span { position: absolute;left:0;bottom:0;height:50px;padding-left:16px;background:rgba(0,0,0,0.6);width:496px; } .bar-banner a span em { color:#fff;display: block;line-height:50px;width:400px;height:50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .bar-banner .swiper-pagination-bullets { width:100px;right:0px;left:unset;bottom:16px; } .bar-banner .swiper-pagination-bullet { width:8px;height:8px;border-radius:4px;background:#fff;opacity:1;transition:all 0.6s; } .bar-banner .swiper-pagination-bullet-active { width:25px;background:#19349a; } .news-wp { flex:1;margin:0 20px; } .new-tit { display: flex;height: 44px;justify-content: space-between;} .new-tit span { position:relative;height:42px;line-height:42px;font-size:18px;font-weight:bold;display: inline-block;color:#034295 } .new-tit span em { position: absolute;left:0;bottom:-2px;height:4px;background:#034295;width:100%;border-radius:2px; } .new-tit .more-news{color: #999;font-size: 14px;line-height: 42px;} .qutit { margin:8px auto 0;height:38px;width:90%;/* overflow: hidden;text-overflow: ellipsis;white-space: nowrap; */font-size:14px;color:#008bff;font-weight: bold;text-align: center;line-height:18px; } .new-detail { height:40px;line-height:20px;color:#666;font-size:12px;overflow: hidden; } .new-detail a { color:#3790f4; } .new-lists {overflow: hidden;padding-top:2px;} .new-lists li { height:38px;width:404px;display:flex;align-items: center; } .new-lists li a { height:22px;font-size:14px;background:url(/uploads/image/tcpimages/li.png) no-repeat 2px center;padding-left:24px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;max-width:380px;line-height:22px; } .new-lists li a em { width:30px;height:14px;background:#ff4400;color:#fff;border-radius:7px 7px 7px 0;line-height:14px;text-align: center;display: inline-block;margin-left:10px;position:relative;top:-4px; } .new-lists li a:hover { color:#f73d3d;background-image:url(/uploads/image/tcpimages/h-li.png); } .new-lists li a:hover,.new-lists li:nth-child(1) a,.new-lists li:nth-child(2) a { color:#f73d3d;background-image:url(/uploads/image/tcpimages/h-li.png); } .login-wp { width:245px; } .login-wp .logins .usr{border:1px solid #ccc;margin-bottom: 10px;overflow: auto;background: #fff; } .login-wp .logins .usr input{width: 100px;float: left;margin: 0px;border: none;} .login-wp .logins .usr span{line-height: 40px;} .logins { margin-bottom:20px;height:160px; } .logins a:nth-child(1) {margin-bottom:10px;} .logins a,.logins a img { display: block;width:245px;height:75px; } .logins .tit { height:58px;line-height:58px;font-size:18px;font-weight: bold;color:#034295; } .logins .inp { display: block;padding-left:9px;height:40px;line-height:40px;border:1px #88c0ee solid;border-radius:4px;margin-bottom:10px;width:calc(100% - 11px);font-size:14px;color:#666; } .logins .btn { width:150px;height:42px;line-height:42px;text-align: center;margin:20px auto 0;display: block;cursor:pointer;color:#fff;font-size:18px;background:#008bff;border-radius:21px; } .log-btns { display: flex;justify-content: space-between;flex-wrap: wrap; } .log-btns a { display: block;width:122px;height:75px;text-align: center;line-height:75px;background:#206fb7;color:#fff;font-weight: bold; } .log-btns a:nth-child(1),.log-btns a:nth-child(2) { margin-bottom:2px; } .log-btns a:hover { background:#008bff;color:#fff; } /* 通知公告 */ .notice { background:#f3f5fa;padding:15px 0 5px;margin-bottom:30px;margin-top: 20px } .notice-wp { display: flex;justify-content: space-between; } .notice-list { width:700px;padding-top:20px; } .notice-list .new-lists li { width:700px;display: flex;justify-content: space-between;align-content: center; } .notice-list .new-lists li>* { display: block; } .notice-list .new-lists li a { width:576px; } .notice-list .new-lists li span { font-size:14px;color: rgba(40,40,40,0.5); } .tao { width:420px;display: flex;justify-content: space-between;flex-wrap:wrap; } .tao a { display: flex;width:200px;height:110px;background:#008bff;margin-bottom:10px;flex-direction: column;justify-content: center;align-items: center;overflow: hidden; } .tao a img { display: block;} .tao a span { display: block;font-size:20px;color:#fff;font-weight: bold;height:46px;line-height:46px; } /* 平台 */ .pt { margin:0 auto 30px;width:1200px;height:220px; } .pt a { display: block;width:228px;height:78px;text-align: center;color:#fff;font-size:18px;padding-top:142px;line-height:78px; } .pt a.ts1 { background:url(/uploads/image/tcpimages/ts1.png) no-repeat center center; } .pt a.ts2 { background:url(/uploads/image/tcpimages/ts2.png) no-repeat center center; } .pt a.ts3 { background:url(/uploads/image/tcpimages/ts3.png) no-repeat center center; } .pt a.ts4 { background:url(/uploads/image/tcpimages/ts4.png) no-repeat center center; } .pt a.ts5 { background:url(/uploads/image/tcpimages/ts5.png) no-repeat center center; } .pt .swiper-button-prev,.pt .swiper-button-next { color:#fff; } /* 广告位 */ .ads-wei { margin:0 auto 30px;width:1200px;height:180px; } .ads-wei a,.ads-wei a img { width:1200px;height:180px; } .ads-wei .swiper-pagination-bullet { width:10px;height:10px;background:#fff;opacity: 1;border-radius:5px;transition:all 0.6s; } .ads-wei .swiper-pagination-bullet-active { width:41px;background:#f40; } /* 品牌活动*/ .pinpai { height:450px;margin:0 auto 30px;width:1200px;background:url(/uploads/image/tcpimages/pinpai.png) no-repeat 0 0;overflow: hidden; } .pins { width:1120px;height:350px;margin:80px 0 0 80px; } .pins a { width:270px;height:350px;position:relative; } .pins a img { width:270px;height:350px; } .pins a span { position: absolute;color:#fff;top:54px;left:0;width:100%;height:68px;line-height:34px;display: flex;justify-content: center;align-items: center;font-size:24px;font-weight:bold;text-align: center; } .pins .swiper-button-prev,.pins .swiper-button-next { width:22px;height:60px; } .pins .swiper-button-prev:after,.pins .swiper-button-next:after { content: ''; } .pins .swiper-button-prev { background:url(/uploads/image/tcpimages/left.png) no-repeat center center; } .pins .swiper-button-next { background:url(/uploads/image/tcpimages/right.png) no-repeat center center; } /* 右侧浮动框 */ .right-bar { position: fixed;right:0;bottom:10px;width:80px;box-shadow: 0 0 15px #f4f4f4;z-index: 10000 } .right-bar div,.right-bar a { width:80px;background:#fff;padding-top:10px;border-bottom:1px #f0f0f0 solid;display: block; } .right-bar div *,.right-bar a * { display:block;margin:0 auto; } .right-bar div img { width:70px;height:70px; } .right-bar a img { width:34px;height:42px; } .right-bar div span,.right-bar a span { text-align: center;line-height:16px;padding:8px 0;font-size:12px;color:#999; } .right-bar div:nth-last-child(1) { border:none; } .right-bar a { display: none; } @media only screen and (min-width: 100px) and (max-width:1200px) { .right-bar a { display: block; } }