/* */ .row {margin-left: 0; margin-right: 0; } .row>[class*='col-'], .container-fluid {padding-right: 0; padding-left: 0; } .demo {border: 1px solid #e2b709; word-wrap: break-word; } /*头部*/ .home_box1 {margin-top: 1.5rem !important; padding-left: 0rem; padding-right: 0rem; -moz-box-shadow: 0rem 0rem 1rem #EAE9E9; -webkit-box-shadow: 0rem 0rem 1rem #EAE9E9; box-shadow: 0rem 0rem 1rem #EAE9E9; border: 1px red solid; } /*官网第一屏头部弹窗视频*/ #show-video {position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999 !important; background: rgba(0, 0, 0, .25); display: none; } .video-close {width: 45px; height: 45px; color: #211d1e; position: absolute; right: 12%; /*方：可调节此值*/ top: 133px; /*方：调节此值，只能往下调节，不然 X 关闭不了*/ z-index: 999; cursor: pointer; border: 0px red solid; } #show-video video {outline: none; max-width: 85%; max-height: 70vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 20px 40px rgb(0 0 0 / 50%); } .gw1_play1_f {width: 23.7rem; height: 19.2rem; background: url(../images/play_f.png) no-repeat; cursor: pointer; position: absolute; right: 21%; top: 72%; } .gw1_download1_f {width: 52.3rem; height: 24.1rem; background: url(../images/download_f.png) no-repeat; cursor: pointer; position: absolute; right: 39.5%; top: 80%; border: 0px red solid; } .gw_header1_f {width: 100%; padding: 2rem 3rem; border: 0px red solid; } .gw_header1_f .gw_logo1_f {float: left; } .gw_header1_f .gw_lx1_f {float: right; margin-right: 7%; margin-top: 1.5rem; } .gw_header1_f .gw_lx1_f img {margin-left: 3rem; } .gw_header1_f .gw_lx1_f .gw_lx1_ul1_f {float: left; display: table; word-spacing: -1em; /*兼容其他浏览器*/ margin-right: 1rem } .gw_header1_f .gw_lx1_f .gw_lx1_ul1_f li {display: inline-block; font-size: 1.8rem; } .gw_header1_f .gw_lx1_f .gw_lx1_ul1_f li a {color: #ffe874; } .gw_header1_f .gw_lx1_f .gw_lx1_ul1_f li a:hover {color: #ffd22d } .gw_header1_f .gw_lx1_f .gw_lx1_ul1_f li span {color: #ffd22d; margin: 0 1rem; } .gw_header1_f .gw_lx1_f .gw_lx1_ul1_f li.active a {color: #ffd22d; font-weight: bold } .weixin {position: relative; } .weixin img.qrcode {position: absolute; z-index: 99; top: 35px; right: 50px; left: 0px; width: 13rem; max-width: none; height: auto; transform: scale(0); transform-origin: top right; opacity: 0; border: 2px solid #fff; border-radius: .25rem; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .weixin:hover img.qrcode {transform: scale(1); opacity: 1; } .wx_f {} .wx_f {width: 23px; } /*官网第二屏*/ .gw_b_box1_f {margin: 0 auto; width: 1200px; border: 0px blue solid; } .gw_b_box1_f .h2bt1_f {padding-top: 6rem; } .gw_b_box1_f .h2bt1_f img {width: 100%; } /*方：修改：b_css幻灯片轮播指标用点点改的文字显示*/ .gw_b_box1_f .gw_b_content1_f {float: left; margin: 0 auto !important; background: url(../images/gw_b_jc2_f.png) no-repeat center center; background-size: 100% 100%; width: 100%; height: 55rem; overflow: hidden; border: 0px blue solid; } /*幻灯片-框架和图片设置*/ .gw_b_box1_f .gw_b_content1_f .carousel {float: left; width: 620px; height: 374px; overflow: hidden; margin: 83px 0 0 191px; border: 0px blue solid; } .gw_b_box1_f .gw_b_content1_f .carousel .item img {width: 100%; height: 40.7rem !important; border: 0px #fff solid; } /*方：修改：b_css幻灯片轮播指标用点点改的文字显示*/ .gw_b_box1_f .gw_b_content1_f .carousel .carousel-indicators {float: left; width: 100%; margin: 0 !important; padding: 0 !important; border: 0px red solid; } .carousel-indicators {position: absolute; bottom: 0; left: 0; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; border: 0px red solid; background: rgba(113, 137, 160, 0.7); } .carousel-indicators li {float: left; display: inline-block; width: 25% !important; height: 42px !important; line-height: 42px; margin: 0px; font-size: 15px; text-indent: 0px; cursor: pointer; background-color: rgba(92, 67, 29, 0.7); border-radius: 0px; color: #e0d6ba; border: 0px solid #fff; } .carousel-indicators .active {width: 100%; height: 100%; margin: 0px; color: #efd03f; font-weight: bold; background: rgba(182, 124, 32, 0.5) !important; } /*幻灯片左右键*/ .gw_b_box1_f .gw_b_content1_f .carousel .carousel-control {padding-top: 27%; font-size: 3.5rem; font-weight: bold; } /*2屏新闻版块*/ .gw_b_news1_f {float: right; width: 310px; margin: 83px 65px 0 0; overflow: hidden; border: 0px blue solid; } /*2屏新闻版块滑动门*/ .navtab {clear: both; width: 100%; padding: 0.3rem; padding-bottom: 1rem; overflow: hidden; border-bottom: 1px #334F6B solid; } .navtab li {float: left; width: 20% !important; line-height: 30px; text-align: center; cursor: pointer; font-size: 1.8rem; border-radius: 8px; } .navtab li a {color: #352308; } .navtab li a:hover {opacity: 0.7; } .navtab .active {font-weight: bold; color: #fff; background: #49380d; border: 2px solid #e2ac48; box-shadow: 0px 0px 0px 2px #49380d; } .navtab .active a, .navtab .active a:hover {color: #e2ac48; } .navtab #tab_t1 {} .navContent {border: 0px solid red; clear: both; width: 100%; overflow: hidden; margin-top: 1rem; } .gw_b_news1_f .gw_b_list1_f {width: 100%; overflow: hidden; border: 0px #000 solid; } .gw_b_news1_f .gw_b_list1_f ul {} .gw_b_news1_f .gw_b_list1_f ul li {clear: both; width: 93% !important; line-height: 3.6rem; list-style-type: disc; margin-left: 20px; border: 0px blue solid; } .gw_b_news1_f .gw_b_list1_f ul li h3 {float: left; font-size: 1.6rem; line-height: 3.5rem; width: 100%; border: 0px red solid; } .gw_b_news1_f .gw_b_list1_f ul li h3 i {float: left; font-style: normal; font-size: 1.7rem; width: 80%; display: block; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: 0px blue solid; } .gw_b_news1_f .gw_b_list1_f ul li h3 span {float: right !important; line-height: 3.5rem; font-size: 1.7rem; border: 0px blue solid; } .gw_b_news1_f .gw_b_list1_f ul li:nth-of-type(1) {width: 100% !important; margin-left: 0px; padding: 0 1rem 0 1rem; overflow: hidden; border: 2px #e2ac48 solid; background: #4c380e; text-align: left; } .gw_b_news1_f .gw_b_list1_f ul li:nth-of-type(1) h3 i {white-space: normal; text-overflow: normal; overflow: normal; font-size: 1.9rem; font-weight: bold; width: 80%; border: 0px red solid; } .gw_b_news1_f .gw_b_list1_f ul li a {color: #4f412d; } .gw_b_news1_f .gw_b_list1_f ul li a:hover {opacity: 0.8; } .gw_b_news1_f .gw_b_list1_f ul li:nth-of-type(1) a {color: #e2ac48; } .gw_b_news1_f .gw_b_list1_f ul li:nth-of-type(1) a:hover {opacity: 0.8; } /*官网第三屏*/ .gw_c_box1_f {margin: 0 auto; width: 1200px; border: 0px blue solid; } .gw_c_box1_f .h2bt1_f {padding-top: 6rem; text-align: center; } .gw_c_box1_f .h2bt1_f img {width: 100%; } /*官网第三屏方：修改：b_css幻灯片轮播指标用点点改的文字显示*/ .gw_c_box1_f .gw_c_content1_f {float: left; margin: 0 auto !important; background: url(../images/gw_c_kuang_f.png) no-repeat center center; background-size: 100% 100%; width: 100%; height: 65.2rem; overflow: hidden; border: 0px blue solid; } /*官网第三屏幻灯片-框架和图片设置*/ .gw_c_box1_f .gw_c_content1_f .carousel {float: left; width: 100%; height: 46.8rem; overflow: hidden; margin: 64px 0 0 0; border: 0px blue solid; } .gw_c_box1_f .gw_c_content1_f .carousel .carousel-inner {width: 79.5rem; margin: 0 0 0 302px; border: 0px red solid; } .gw_c_box1_f .gw_c_content1_f .carousel .item img {width: 100%; height: 46.8rem !important; border: 0px #fff solid; } .gw_c_box1_f .gw_c_content1_f .carousel .item video {width: 100%; height: 46.8rem !important; object-fit: cover; } /*官网第三屏方：修改：b_css幻灯片轮播指标用点点改成左侧文字显示*/ .gw_c_box1_f .gw_c_content1_f .carousel .carousel-indicators {float: left; width: 100%; margin: 0 !important; padding: 0 !important; border: 0px red solid; } .gw_c_box1_f .gw_c_content1_f .carousel .carousel-indicators {position: absolute; top: 0; left: 0; z-index: 15; width: 9.645rem; height: 20.5rem; padding-left: 0; margin: 3.7% 0 0 7.6% !important; text-align: center; list-style: none; border: 0px red solid; background: transparent !important; } .gw_c_box1_f .gw_c_content1_f .carousel .carousel-indicators li {display: block; width: 100% !important; height: 42px !important; line-height: 42px; margin: 0px; font-size: 2.2rem; text-indent: 0px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border-radius: 0px; color: #4f4638; border-bottom: 1px dashed #8f826e; } .gw_c_box1_f .gw_c_content1_f .carousel .carousel-indicators li:nth-of-type(6) {border-bottom: none; } .gw_c_box1_f .gw_c_content1_f .carousel .carousel-indicators .active {width: 100%; height: 100%; margin: 0px; color: #633807; font-weight: bold; background: transparent !important; } /*官网第三屏幻灯片左右键方：自定义在图片内，正常排版 .gw_c_box1_f .gw_c_content1_f .carousel .carousel-inner .carousel-control{padding-top:27%; font-size:3.5rem; font-weight:bold; border:1px red solid;} */ /*官网第三屏幻灯片左右键方：自定义*/ .gw_c_box1_f .gw_c_content1_f .carousel .carousel-control {font-size: 3.5rem; font-weight: bold; border: 0px red solid; } /*官网第三屏幻灯片左右键原b_css代码*/ .gw_c_box1_f .gw_c_content1_f .carousel .carousel-control {position: absolute; width: 30px !important; height: 140px !important; overflow: hidden; font-size: 20px; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=100); opacity: 1; } .gw_c_box1_f .gw_c_content1_f .carousel .carousel-control.left {right: 0; left: auto; margin-top: 8.5rem; width: 100%; height: 100%; background: url(../images/gw_c_an_top1_f.png) no-repeat; background-size: 100% 100%; overflow: hidden; } .gw_c_box1_f .gw_c_content1_f .carousel .carousel-control.left:hover {background: url(../images/gw_c_an_top2_f.png) no-repeat; background-size: 100% 100%; width: 100%; height: 100%; } .gw_c_box1_f .gw_c_content1_f .carousel .carousel-control.right {right: 0; left: auto; margin-top: 25rem; width: 100%; height: 100%; background: url(../images/gw_c_an_bottom1_f.png) no-repeat; background-size: 100% 100%; overflow: hidden; } .gw_c_box1_f .gw_c_content1_f .carousel .carousel-control.right:hover {background: url(../images/gw_c_an_bottom2_f.png) no-repeat; background-size: 100% 100%; width: 100%; height: 100%; } /*首页___第四屏尾部*/ .index_footer_box1_f {margin: 0 auto; width: 1200px; overflow: hidden; border: 0px blue solid; } .index_e_box1_f {width: 100%; height: 320px; overflow: hidden; margin-top: 0rem; background: url(../images/origin_e_footer-bj1_f.jpg) no-repeat; background-size: 100% 100%; border: 0px red solid; } .index_e_box1_f .index_e_logo_f {width: 50%; float: left; text-align: left; line-height: 320px; border: 0px red solid; } .index_e_box1_f .index_e_logo_f img {} .index_e_box1_content1_f {float: left; width: 50%; text-align: left; border: 0px red solid; } .index_e_box1_content1_f {margin-top: 7.5rem; font-size: 2rem; color: #cabd89; } /*---引导页----------------------------------*/ .origin_box1_f {width: 100%; height: auto; overflow: hidden; background: #271a0b; border: 0px red solid; } .origin_box1_bj1_f {width: 100%; height: auto; background: url(../images/origin_background_f.jpg) no-repeat top center #271a0b; background-size: 100% auto; border: 0px red solid } .origin_a_con1_f {width: 100%; height: 56.25vw; border: 0px red solid; } .origin_header1_f {width: 100%; height: auto; padding: 0rem 1.2rem 0 3rem; background: url(../images/list_top_xian1_f.png) no-repeat; background-size: 100% 100%; overflow: hidden; border: 0px red solid; } .origin_header1_f .origin_logo1_f {float: left; margin-top: 0.55rem; } .origin_header1_f .origin_lx1_f {float: right; border: 0px red solid; } .origin_header1_f .origin_lx1_f li {float: left; line-height: 9.5rem; margin-left: 1rem; font-size: 1.8rem; color: #fff; } .origin_header1_f .origin_lx1_f li a {color: #cabd89; } .origin_header1_f .origin_lx1_f li a:hover {color: #e2ac48; } .origin_header1_f .origin_lx1_f li span {margin-left: 1rem; } .origin_header1_f .origin_lx1_f li.active a {color: #e2ac48; font-weight: bold } /*官网第一屏头部弹窗视频*/ #origin_show-video {position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999 !important; background: rgba(0, 0, 0, .25); display: none; } .origin_video-close {width: 45px; height: 45px; color: #211d1e; position: absolute; right: 12%; top: 113px; z-index: 999; cursor: pointer; border: 0px red solid; } .origin_video-close .icon {border: 0px blue solid; z-index: 9; margin-top: 1.6rem; } #origin_show-video video {outline: none; max-width: 85%; max-height: 70vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 20px 40px rgb(0 0 0 / 50%); } .origin_play1_f {width: 23.7rem; height: 19.2rem; background: url(../images/play_f.png) no-repeat; cursor: pointer; position: absolute; left: 21%; top: 21%; } .origin_download1_f {width: 52.3rem; height: 24.1rem; background: url(../images/download_f.png) no-repeat; cursor: pointer; position: absolute; left: 39vw; top: 44vw; margin: 0 auto; border: 0px red solid; } /*引导页___第二屏*/ .origin_b_box1_f {margin: 0 auto; margin-top: 0rem; width: 1200px; overflow: hidden; border: 0px blue solid; } .origin_b_box1_f .h2bt1_f {padding-top: 7rem; text-align: center; border: 0px blue solid; } .origin_b_box1_f .h2bt1_f img {width: 100%; } .origin_b_box1_f .origin_b_content1_f {float: left; margin: 0 auto; background: url(../images/origin_a_jcbj1_f.png) no-repeat center center; background-size: 105% 100%; width: 100%; height: 73.5rem; overflow: hidden; border: 0px red solid; } .origin_b_box1_f .origin_b_kfhd1_f {position: relative; margin: 400px 0 0 190px; } .origin_b_box1_f .origin_b_kfhd1_f ul {float: left; width: 13.5%; margin-right: 4.5rem; border: 0px red solid; } .origin_b_box1_f .origin_b_kfhd1_f ul li {font-size: 1.3rem; line-height: 2rem; text-align: left; } .origin_b_box1_f .origin_b_kfhd1_f li h3 {margin: 0 auto; text-align: center; font-weight: bold; font-size: 2.7rem; color: #cabd89; width: 85%; padding-bottom: 0.4rem; border-bottom: 1px #6C7D9A solid; } .origin_b_box1_f .origin_b_kfhd1_f li span {display: block; text-align: center; color: #cabd89; font-size: 1.5rem; font-weight: bold; margin: 0.3rem 0; } .origin_b_box1_f .origin_b_kfhd1_f li p {text-indent: 0.4rem; color: #cabd89; } .origin_b_box1_f .origin_b_kfhd1_f li p a {color: #cabd89; } .origin_b_box1_f .origin_b_kfhd1_f li p a:hover {color: #e2ac48; } /*引导页___第三屏*/ .origin_c_box1_f {margin: 0 auto; width: 1200px; border: 0px blue solid; } .origin_c_box1_f .h2bt1_f {padding-top: 10rem; text-align: center; border: 0px blue solid; } .origin_c_box1_f .h2bt1_f img {width: 100%; } /*引导页___第三屏 flash*/ .poster-main {position: relative; margin: 50px auto; } .poster-main .poster-list .poster-item {position: absolute; left: 0; top: 0; } .poster-main .poster-btn {position: absolute; top: 0; cursor: pointer; } .poster-main .poster-prev-btn {left: 0; background: url("../images/btn_l.png") no-repeat center center; } .poster-main .poster-next-btn {right: 0; background: url("../images/btn_r.png") no-repeat center center; } /*引导页___第四屏*/ .origin_d_box1_f {margin: 0 auto; overflow: hidden; width: 1200px; border: 0px blue solid; } .origin_d_box1_bj_f {margin: 0 auto; margin-top: 9rem; width: 1162px; height: 193px; background: url(../images/origin_d_rwm1_f.png) no-repeat; border: 0px red solid; } .origin_d_box1_bj_f ul {} .origin_d_box1_bj_f ul li {float: left; } .origin_d_box1_bj_f ul li img {width: 153px; height: 153px; } .origin_d_box1_bj_f ul li:nth-of-type(1) {float: left; margin-left: 11rem; } .origin_d_box1_bj_f ul li:nth-of-type(2) {margin-left: 14.5rem; } .origin_d_box1_bj_f ul li:nth-of-type(3) {margin-left: 15rem; } .origin_d_box1_bj_f ul li:nth-of-type(4) {margin-left: 14.5rem; } /*引导页___第五屏尾部*/ .origin_footer_box1_f {margin: 0 auto; width: 1200px; overflow: hidden; border: 0px blue solid; } .origin_e_box1_f {width: 100%; height: 320px; overflow: hidden; margin-top: 5rem; background: url(../images/origin_e_footer-bj1_f.jpg) no-repeat; background-size: 100% 100%; border: 0px red solid; } .origin_e_box1_f .origin_e_logo_f {width: 50%; float: left; text-align: left; line-height: 320px; border: 0px red solid; } .origin_e_box1_f img {} .origin_e_box1_f ul {float: left; width: 50%; margin-top: 9rem; font-size: 2rem; color: #cabd89; } /*---列表页----------------------------------*/ .list_box1_f {width: 100%; background: url(../images/list_bj1_f.jpg) no-repeat center top; background-size: 100% 100%; border: 0px red solid; } .list_a_con1_f {width: 100%; height: 677px; overflow: hidden; background: url(../images/list_banner1_f.jpg) no-repeat top center #201a18; background-size: 100% auto; border: 0px #fff solid; } .list_header1_f {width: 100%; height: 95px; padding: 0rem 1.2rem 0 0rem; background: url(../images/list_top_xian1_f.png) no-repeat; background-size: 100% 100%; border: 0px red solid; } .list_header1_f .list_logo1_f {float: left; padding: 0.8rem 3rem 0 3rem; } .list_header1_f .list_lx1_f {float: right; border: 0px red solid; display: table; word-spacing: -1em; /*兼容其他浏览器*/ } .list_header1_f .list_lx1_f li {display: inline-block; line-height: 9.5rem; font-size: 1.8rem; color: #fff; } .list_header1_f .list_lx1_f li a {color: #cabd89; } .list_header1_f .list_lx1_f li a:hover {color: #e2ac48; } .list_header1_f .list_lx1_f li span {color: #ffd22d; margin: 0 1rem; } .list_header1_f .list_lx1_f li.active a {color: #e2ac48; font-weight: bold } .list_a_box1_f {margin: 0 auto; width: 1200px; overflow: hidden; border: 0px blue solid; } .list_a_box1_f .list_title_f {text-align: center; line-height: 2rem; margin-top: 4rem; } .list_a_box1_f .list_title_f h2, .list_a_box1_f .list_title_f h2 a {color: #e2ac48; font-size: 3.7rem; font-weight: 400; } .list_a_box1_f .list_title_f p {font-size: 1.9rem; color: #185887; } .list_a_box1_f .list_search1_f {width: 1064px; height: 86px; margin: 0 auto; background: url(../images/list_s_bj1_f.png) center -1.6rem no-repeat; text-align: center; overflow: hidden; color: #cabd89; } .list_a_box1_f .list_search1_f .search-form1_f {margin-top: 3.9rem; } .list_a_box1_f .list_search1_f .search-form1_f .list_s_con1_f {width: 84%; height: 3.5rem; background: rgba(0, 0, 0, 0); text-indent: 0.5rem; font-size: 1.7rem; border: 0px red solid; } .list_a_box1_f .list_search1_f .search-form1_f input[type=text]::-webkit-input-placeholder {/* WebKit browsers */ color: #cabd89; } .list_a_box1_f .list_search1_f .search-form1_f input {caret-color: blue; } .list_a_box1_f .list_search1_f .search-form1_f input[type=text]:focus {outline: none; outline-color: #2ca63b; } .list_a_box1_f .list_search1_f .search-form1_f .list_ssan1_f {background: rgba(0, 0, 0, 0); border: none; font-size: 2rem; } .list_a_box1_f .list_nm1_f {text-align: center; background: url(../images/list_hx1_f.png) no-repeat 47% bottom; height: 6.5rem; margin-top: 4.5rem; border: 0px red solid; } .list_a_box1_f .list_nm1_f ul {} .list_a_box1_f .list_nm1_f ul li {display: inline-block; font-size: 1.8rem; margin: 0 2.7rem; width: auto; height: 30px; line-height: 26px; } .list_a_box1_f .list_nm1_f ul li a {color: #d4cba8; } .list_a_box1_f .list_nm1_f ul .hover1_f {background: #49380d; border: 1px #49380d solid; border-radius: 4px; } .list_a_box1_f .list_nm1_f ul .hover1_f a {color: #e2ac48; border: 2px #dab352 solid; border-radius: 4px; display: inline-block; height: 28px; width: 100%; padding: 0 1.5rem !important } .list_con1_f {width: 100%; } .list_con1_f ul {} .list_con1_f ul li {} .list_con1_f ul li a {width: 100%; display: block; overflow: hidden; padding: 3.4rem 0; border: 0px blue solid; } .list_con1_f ul li a:hover {width: 100%; display: block; overflow: hidden; background: #42321b } .list_con1_f ul li i {float: left; width: 76px; height: 41px; line-height: 41px; text-align: center; font-size: 1.4rem; font-weight: 345; color: #fff; font-style: normal; background: url(../images/list_nmm1_f.png) no-repeat; } .list_con1_f ul li img {float: left; width: 113px; height: 76px; margin-left: 2.4%; } .list_con1_f ul li h3 {float: right; width: 79.6%; font-size: 1.8rem; color: #cabd89; border: 0px red solid; } .list_con1_f ul li h3 span {float: right; font-weight: normal; font-size: 1.6rem; } .list_con1_f ul li .list_con1_txt1_f {float: right; width: 72%; margin-right: 9rem; margin-top: 1.1rem; color: #cabd89; font-size: 1.4rem; line-height: 2.2rem; border: 0px blue solid; } /*---内容页----------------------------------*/ .show_a_box1_f {margin: 0 auto; margin-top: 1.7rem; width: 1200px; overflow: hidden; border: 0px blue solid; } .show_a_box1_f ul {} .show_a_box1_f ul li {line-height: 3.5rem; } .show_a_box1_f ul li:nth-of-type(1) {float: left; font-size: 1.5rem; color: #d4cba8; } .show_a_box1_f ul li:nth-of-type(1) a {color: #d4cba8; } .show_a_box1_f ul li:nth-of-type(2) {float: right; font-size: 1.4rem; } .show_a_box1_f ul li:nth-of-type(2) a {color: #ba4125; font-weight: bold; padding-bottom: 0.3px; border-bottom: 1px solid #ba4125 } .show_b_box1_f {margin: 0 auto; width: 1200px; margin-top: 3.5rem; overflow: hidden; border: 0px blue solid; } .show_b_box1_f .show_title1_f {width: 100%; text-align: center; background: url(../images/show_title_xian1_f.png) 51.5% bottom no-repeat; } .show_b_box1_f .show_title1_f h1 {font-size: 5rem; color: #e2ac48; } .show_b_box1_f .show_title1_f p {font-size: 1.5rem; color: #cabd89; line-height: 5rem; padding-bottom: 1rem; margin-top: 1rem; } .show_b_box1_f .show_title1_f p i {margin-left: 3rem; font-style: normal; } .show_b_box1_f .show_content1_f {margin-top: 2rem; font-size: 1.8rem; color: #cabd89; line-height: 3.4rem; } .show_b_box1_f .show_sxp1 {margin-top: 2rem; } .show_b_box1_f .show_sxp1 ul li {color: #d4cba8; font-size: 1.8rem; } .show_b_box1_f .show_sxp1 ul li a {color: #d4cba8; } .show_b_box1_f .show_sxp1 ul li a:hover {color: #e2ac48; } .show_b_box1_f .show_sxp1 ul li:nth-of-type(1) {float: left; } .show_b_box1_f .show_sxp1 ul li:nth-of-type(2) {float: right; } .show_c_box1_f {margin: 0 auto; width: 1200px; margin-top: 3.5rem; overflow: hidden; border: 0px blue solid; } .show_c_box1_f .show_newsbt1_f {overflow: hidden; border-bottom: 1px #e2ac48 solid; } .show_c_box1_f .show_newsbt1_f h3 {float: left; font-size: 2.3rem; padding: 0 0rem 0.2rem 0rem; border-bottom: 2px #e2ac48 solid; color: #e2ac48; } .show_c_box1_f .show_newsbt1_f h3 a {color: #e2ac48; cursor: pointer; } .show_c_box1_f .show_newsbt1_f span {float: right; color: #d4cba8; } .show_c_box1_f .show_newsbt1_f span a {float: right; color: #d4cba8; cursor: pointer; } .show_c_box1_f .show_newsbt2_f {} .show_c_box1_f .show_newsbt2_f ul li {float: left; width: 22.5%; text-align: center; margin-right: 3.3%; margin-top: 2rem; border: 0px red solid; } .show_c_box1_f .show_newsbt2_f ul li:nth-child(4n) {float: right; margin-right: 0 !important; } .show_c_box1_f .show_newsbt2_f ul li img {width: 100%; height: 17.5rem; border-radius: 1rem; } .show_c_box1_f .show_newsbt2_f ul li p {line-height: 3.5rem; font-size: 1.6rem; color: #cabd89 } .show_c_box1_f .show_newsbt2_f ul li p:hover {color: #e2ac48 } /*内容页___第五屏尾部*/ .show_footer_box1_f {margin: 0 auto; width: 1200px; overflow: hidden; border: 0px blue solid; } .show_e_box1_f {width: 100%; height: 225px; line-height: 199px; overflow: hidden; margin-top: 5rem; background: url(../images/show_bottom_bj1_f.jpg) no-repeat; background-size: 100% 100%; border: 0px red solid; } .show_e_box1_height1_f{height:19rem} .show_e_box1_f .show_e_logo_f {width: 50%; float: left; text-align: left; padding-right: 4.5rem; margin-top: 1rem; border: 0px red solid; } .show_e_box1_f img {} .show_e_box1_f ul {float: left; width: 50%; margin-top: 4.8rem; font-size: 1.5rem; color: #cabd89; padding-left: 5%; line-height: 2.6rem; border: 0px red solid; } .show_e_box1_f ul li a {color: #cabd89; } /* 列表页翻页代码 */ .pagination {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; width: 100%; overflow: auto; text-align: center; border: 0px red solid; } .pagination li {line-height: 0.4rem; display: inline-block; } .pagination .active a {color: #d6cdaa; width: auto; background-color: #49380d; text-align: center; border: 1px #654c0d solid; } .pagination .active a:hover {background: #49380d; border: 1px #654c0d solid; } .pagination>li>a {position: relative; padding: 6px 12px; margin-left: 5px; line-height: 1.42857143; color: #d6cdaa; text-decoration: none; background-color: #48432f; border: 1px solid #5b553c; } .pagination li a:hover {display: block; padding: 6px 12px; color: #fff; background: #784b0a; border: 1px #a16714 solid; } /*搜索错误页面 mag.html*/ .msg_a1_f {text-align: center; margin-top: 2rem; line-height: 2.5rem; } .msg_a1_f p:nth-of-type(1) {color: red; } .msg_a1_f a {font-weight: bold; color: #174E7C; } /*装备页2025-5-15*/ .zhuangbei_nav1_f {text-align: center; background: url(../images/list_hx1_f.png) no-repeat 47% bottom; height: 14.8rem; margin-top: 4.5rem; border: 0px red solid; } .zhuangbei_nav1_f ul {} .zhuangbei_nav1_f ul li {display: inline-block; margin: 0 2.7rem; width: 9.2rem; height: 11.7rem; padding-top: 0.6rem; border-radius: 0.5rem; border: 0px red solid; } .zhuangbei_nav1_f ul li p {font-size: 1.8rem; height: 30px; line-height: 26px; margin-top: 0.5rem; border: 0px blue solid; } .zhuangbei_nav1_f ul li img {width: 7.8rem; height: 7.8rem; border-radius: 6rem; border: 2px #dab352 solid; } .zhuangbei_nav1_f ul li a {color: #d4cba8; } .zhuangbei_nav1_f ul .hover1_f {background: #cabd89; border: 1px #cabd89 solid; } .zhuangbei_nav1_f ul .hover1_f a {color: #49380d; font-weight: bold } /*装备页详细参数*/ .zhuangbei_con1_f {width: 100%; margin-top: 2rem; border: 0px red solid } .zhuangbei_shop_table1_f {margin-bottom: 20px; border-width: 1px; border-color: #988d67; border-collapse: collapse; color: #fff; font-size: 1.6rem; } .zhuangbei_shop_table1_f th {padding: 8px; border: solid 1px #988d67; background: #49380d; color: #cabd89; text-align: center; } .zhuangbei_shop_table1_f td {padding: 8px; border: solid 1px #988d67; text-align: center; color: #cabd89; } .zhuangbei_shop_table1_f td img {width: 12.8rem } .zhuangbei_shop_table1_f td:nth-of-type(14) {text-align: left } .zhuangbei_shop_table2_f td:nth-of-type(5) {text-align: left } .guaiwuditu_list_tr2_f td {text-align: left } .zhuangbei_shop_table2_f td:nth-of-type(7) {text-align: left } /*职业技能角色介绍*/ .zhiyejineng_jieshao_f {overflow: hidden; margin-top: 2rem; line-height: 3rem; border: 0px red solid } .zhiyejineng_jieshao_img_f {float: left; clear: both; margin-right: 3rem } .zhiyejineng_jieshao_img_f img {width: 36rem; } /*职业技能-表格类*/ .zhiyejineng_con1_f {width: 100%; border: 0px red solid } .zhiyejineng_con1_bt1_f {width: 100%; margin-top: 2rem; overflow: hidden; text-align: center; border: 0px blue solid } .zhiyejineng_con1_bt1_f ul {} .zhiyejineng_con1_bt1_f ul li {display: inline-block; margin: 0 1rem } .zhiyejineng_con1_bt1_f ul li a {display: block; padding: 0.2rem 3rem 0 3rem; line-height: 3rem; border-radius: 3rem; color: #e2ac48; background: #49380d; border: 2px #dab352 solid; font-weight: bold; font-size: 1.6rem } .zhiyejineng_con1_bt1_f ul li a:hover {background: #cabd89; border: 2px #cabd89 solid; color: #49380d } .zhiyejineng_con1_bt2_f {margin-top: 4rem; text-align: center; font-size: 2rem; font-weight: bold; border: 0px red solid } .zhiyejineng_con1_bt3_f {margin-top: 2rem; font-size: 1.6rem; line-height: 4rem; font-weight: bold; border: 0px blue solid } .zhiyejineng_con1_gd1_f {height: 5.5rem } .zhiyejineng_con1_gd2_f {height: 8.5rem } /*职业技能详细参数2025-5-28*/ .zhiyejineng_shop_table1_f {margin-bottom: 0px; border-width: 1px; border-color: #988d67; border-collapse: collapse; color: #fff; } .zhiyejineng_shop_table1_f th {padding: 8px; border: solid 1px #988d67; background: #49380d; color: #cabd89; text-align: center; } .zhiyejineng_shop_table1_f td {padding: 8px; border: solid 1px #988d67; text-align: center; color: #cabd89; } .zhiyejineng_shop_table1_f td img {width: 12.8rem } .zhiyejineng_shop_table1_f td:nth-of-type(5) {text-align: left } /*职业技能-生活技能*/ .zhiyejineng_con1_sh1_f {width: 100%; margin-top: 2rem; overflow: hidden; border: 0px blue solid } .zhiyejineng_con1_sh1_f .ul1_f {float: left; width: 48%; text-align: right; padding-right: 3rem; margin-top: 1.2rem; border: 0px red solid } .zhiyejineng_con1_sh1_f .ul1_f li {display: inline-block; margin-right: 1rem } .zhiyejineng_con1_sh1_f .ul1_f li a {display: block; padding: 0.2rem 3rem 0 3rem; line-height: 3rem; border-radius: 3rem; color: #e2ac48; background: #49380d; border: 2px #dab352 solid; font-weight: bold; font-size: 1.6rem } .zhiyejineng_con1_sh1_f .ul1_f li a:hover {background: #cabd89; border: 2px #cabd89 solid; color: #49380d } .zhiyejineng_con1_sh1_f .ul2_f {float: right; width: 52%; border: 0px blue solid } .zhiyejineng_con1_sh1_f .ul2_f li {line-height: 3rem } .zhiyejineng_con1_sh1_f .ul2_f li i {float: left; font-style: normal; font-weight: bold } .zhiyejineng_con1_sh1_f .ul2_f li em {font-style: normal; margin-left: 0.5rem } /*怪物地图导航*/ .guaiwuditu_nav1_f {text-align: center; margin-top: 2rem } .guaiwuditu_nav1_f ul {overflow: hidden; border: 0px red solid } .guaiwuditu_nav1_f ul li {float: left; margin: 0 0.45rem; margin-bottom: 0.9rem; } .guaiwuditu_nav1_f ul li a {padding: 0.5rem 1rem 0.5rem 1rem; border-radius: 0.5rem; display: block; background: #cabd89; color: #49380d; border: 1px #cabd89 solid; } .guaiwuditu_nav1_f ul li a:hover {background: #49380d; border: 1px #cabd89 solid; color: #cabd89; } .guaiwuditu_nav1_f ul .hover1_f {} .guaiwuditu_nav1_f ul .hover1_f a {color: #cabd89; font-weight: bold; background: #49380d; border: 1px #cabd89 solid; } /*怪物导航2 三级导航代码必须要，不然三级导航错位第三方作者写的*/ .dropdown-submenu {position: relative; } .dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu {display: block; } .dropdown-submenu>a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cabd89; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after {border-left-color: #49380d; } .dropdown-submenu .pull-left {float: none; } .dropdown-submenu.pull-left>.dropdown-menu {left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /*怪物导航2 提取b_css CSS修改*/ .guaiwuditu_nav2_f {height: auto; margin-top: 2rem; border: 0px red solid } .guaiwuditu_nav2_f .collapse {background: #49380d; border: 0px red solid } .guaiwuditu_nav2_f .navbar-default {background-color: transparent !important; border-color: transparent !important; } .guaiwuditu_nav2_f .navbar-default .navbar-nav>li>a {color: #cabd89 !important; } .guaiwuditu_nav2_f .navbar-default .navbar-nav>li>a:hover {background: #cabd89; color: #49380d !important; } .guaiwuditu_nav2_f .navbar-default .navbar-nav>.open>a:hover {color: #49380d; background-color: #cabd89 !important; } .guaiwuditu_nav2_f .dropdown-toggle {background: #49380d !important; } .guaiwuditu_nav2_f .dropdown-toggle:hover {background: #cabd89 !important } .guaiwuditu_nav2_f .dropdown-menu {background-color: #49380d; } .guaiwuditu_nav2_f .dropdown-menu>li>a {color: inherit; } .guaiwuditu_nav2_f .dropdown-menu>li>a:hover {background: #cabd89; color: #49380d; } .guaiwuditu_nav2_f .navbar-default .navbar-nav>.active>a {background-color: #cabd89; color: #49380d !important; font-weight: bold; } .guaiwuditu_nav2_f .navbar-default .navbar-brand {color: #cabd89; } .guaiwuditu_nav2_f .navbar-default .navbar-brand:hover {color: #cabd89; font-weight: bold; } /*怪物地图 list列表css*/ .guaiwuditu_list_td1_f {text-align: center; width: 75%; margin: 0 auto; font-size: 1.4rem; border: 0px red solid } .guaiwuditu_list_td1_f p {text-align: left; } .guaiwuditu_list_td1_f p span {color: #fff } .guaiwuditu_list_td1_f p:nth-of-type(2) span {color: #0f0 !important } .zhuangbei_con1_f .item {width: auto; height: auto; text-align: center; float: left; color: #fff; margin: 0.4rem 0.7rem 0.4rem 0.2rem; border: 0px red solid; } .zhuangbei_con1_f .item span {width: 32px; height: 32px; } .zhuangbei_con1_f .item span img {width: 100%; height: 100%; border: 1px #000 solid; border-radius: 0.5rem; box-shadow: #fff 0 0 10px; } .zhuangbei_con1_f .item .span2 {width: auto; font-size: 1.4rem; color: #cabd89; border: 0px red solid } .guaiwuditu_list_ul1_f {overflow: hidden; margin-top: 0.5rem } .guaiwuditu_list_ul1_f li {line-height: 2rem } .guaiwuditu_list_ul1_f li:nth-of-type(1) {font-weight: bold } /*怪物地图 list列表翻页css*/ .pagination {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; width: 100%; overflow: hidden; text-align: center; border: 0px red solid; } .pagination li {line-height: 0.4rem; display: inline-block; background-color: transparent; padding: 0px 0px; } .pagination .active a {color: #49380d; width: auto; background-color: #cabd89; text-align: center; border: 1px #FFC62A solid; } .pagination .active a:hover {color: #49380d; background: #cabd89; border: 1px #cabd89 solid; } .pagination>li>a {position: relative; padding: 1px 8px; margin-left: 5px; line-height: 1.42857143; color: #cabd89; text-decoration: none; background-color: #49380d; border: 1px solid #cabd89; } .pagination li a:hover {color: #49380d; background: #cabd89; border: 1px #cabd89 solid; padding: 1px 8px; } .pagination li:nth-of-type(1) a:hover {background: #49380d; color: #cabd89; } .pagination li:nth-of-type(1) span {color: #d1f700 } /*游戏系统导航*/ .youxixitong_nav1_f {width: 1200px; margin: 0 auto; text-align: center; margin-top: 2rem } .youxixitong_nav1_f ul {} .youxixitong_nav1_f ul li {display: inline-block; margin: 0 1.3rem; margin-bottom: 0.9rem; } .youxixitong_nav1_f ul li a {padding: 0.5rem 1rem 0.5rem 1rem; border-radius: 0.5rem; display: block; background: #cabd89; color: #49380d; border: 1px #cabd89 solid; } .youxixitong_nav1_f ul li a:hover {background: #49380d; border: 1px #cabd89 solid; color: #cabd89; } .youxixitong_nav1_f ul .hover1_f {} .youxixitong_nav1_f ul .hover1_f a {color: #cabd89; font-weight: bold; background: #49380d; border: 1px #cabd89 solid; } /*封神数据库-首页*/ .zhuangbei_con2_f .item {width: auto; height: auto; text-align: center; float: none; color: #fff; margin-right: 0.7rem; border: 0px red solid; } /*封神数据库-内容页*/ .fengshenshujuku_show1_f {overflow: hidden; margin-top: 2rem; padding: 2rem; border-radius: 0.5rem; border: 1px #cabd89 solid } .fengshenshujuku_show1_f span {width: 5.6rem; height: 5.6rem; display: block; float: left; } .fengshenshujuku_show1_f span img {width: 100%; height: 100%; border: 1px #000 solid; border-radius: 0.5rem; box-shadow: #fff 0 0 10px; margin: 2rem 0 0 0rem; } .fengshenshujuku_show1_f h2 {text-indent: 3rem; font-size: 2.5rem; font-weight: bold; text-shadow: #000 0 0 1px; } .fengshenshujuku_show1_ul1_f {float: left; margin: 2rem 0 0 3rem; } .fengshenshujuku_show1_ul1_f li {line-height: 2.5rem } /*封神数据库-内容页-武器掉落切换块*/ .fengshenshujuku_show2_f {overflow: hidden; margin-top: 2rem; padding: 0rem; border: 0px #cabd89 solid } .fengshenshujuku_show2_f .navtab_fssjk_f {clear: both; overflow: hidden; border-bottom: 0px #49380d solid } .fengshenshujuku_show2_f .navtab_fssjk_f li {float: left; text-align: center; cursor: pointer; background: #cabd89; padding: 1.3rem; margin-right: 1rem; border-radius: 0.5rem 0.5rem 0 0; border: 1px #988d67 solid; border-bottom: none; } .fengshenshujuku_show2_f .navtab_fssjk_f li a {color: #49380d } .fengshenshujuku_show2_f .navtab_fssjk_f .active {background: #49380d; font-weight: bold } .fengshenshujuku_show2_f .navtab_fssjk_f .active a {color: #cabd89; } .fengshenshujuku_show2_f .navtab_fssjk_f .active a:hover {color: #cabd89 !important; } .fengshenshujuku_show2_f .navtab_fssjk_f #tab_t1 {} .fengshenshujuku_show2_f .navContent_fssjk_f {border: 0px #cabd89 solid; clear: both; height: auto; border-radius: 0 0.5rem 0.5rem 0.5rem; } .fengshenshujuku_show2_f .item {width: auto; height: auto; text-align: center; float: left; color: #fff; margin-right: 2.5rem; border: 0px red solid; } .fengshenshujuku_show2_f .item span {} .fengshenshujuku_show2_f .item span img {width: 32px; height: 32px; border: 1px #000 solid; border-radius: 0.5rem; box-shadow: #fff 0 0 10px; } .fengshenshujuku_show2_f .item span i {font-style: normal; } /*封神系统*/ .fengshenxitong_box1_f {overflow: hidden; background: url(../images/fengshenxitong_bg_f.jpg) no-repeat 0 center; background-size: 100% 100%; border: 0px red solid } .fengshenxitong_djzl1_f {overflow: hidden; margin-top: 2rem; border: 0px red solid } .fengshenxitong_djzl1_h2_f {border-bottom: 1px #e2ac48 solid; line-height: 5rem; } .fengshenxitong_djzl1_h2_f h2 {width: 9.5rem; font-size: 2.3rem; text-align: center; line-height: 3rem; border-bottom: 2px #e2ac48 solid; color: #e5b045; } .fengshenxitong_djzl1_f ul {padding: 2rem 2rem 2rem 0rem; border: 0px red solid } .fengshenxitong_djzl1_f ul li {font-size: 1.8rem; line-height: 2.8rem; } .fengshenxitong_djzl1_f ul li a {color: #ccc28f; text-decoration: underline; width: 9.5rem; margin-right: 1.3rem; display: inline-block; border: 0px red solid; } .fengshenxitong_djzl1_f ul li a:hover {} .fengshenxitong_djzl1_f ul li span {color: #d9d2ad; display: inline-block; width: 10rem; border: 0px red solid; } .fengshenxitong_djzl1_f ul li i {font-style: normal } .fengshenxitong_dtzn_table1_f {margin-top: 2rem } .fengshenxitong_djzl1_h3_f {overflow: hidden } .fengshenxitong_djzl1_h3_f h3 {font-size: 1.8rem; color: #e5b045; } .fengshenxitong_djzl1_h3_con1_f {line-height: 2.5rem; margin-top: 0.5rem; font-size: 1.6rem } /*新首页-怀旧版-风格20年前老封神风格*/ .home_box1_f {width: 100%; overflow: hidden; background: url(../images/list_bj1_f.jpg) no-repeat; background-size: 100% 100%; border: 0px red solid } .home_box1_content1_f {width: 1200px; height: auto; margin: 0 auto; overflow: hidden; border: 0px blue solid } .home_header1_f {width: 100%; margin: 0 auto; background: url(../images/list_top_xian1_f.png) no-repeat; background-size: 100% 100%; overflow: hidden; height: 9.5rem; border: 0px #fff solid } .home_header1_logo_f {float: left; width: 27.8rem; margin-top: 0.6rem; border: 0px #fff solid } .home_header1_logo_f img {width: 100%; border: 0px red solid } .home_header1_nav1_f {float: right; overflow: hidden; border: 0px red solid } /*首页头部导航1 提取b_css的css*/ /*方备注：第三方的【三级导航css代码】没有单独载入，因为首页不需要3级，2级即可，现在是共用【怪物地图】的【三级导航代码的css】，是带有css样式的。*/ .home_header1_nav1_f .collapse {height: 9.5rem; border: 0px red solid } .home_header1_nav1_f .navbar-default {background-color: transparent !important; border-color: transparent !important; } .home_header1_nav1_f .navbar-default .navbar-nav>li>a {color: #cabd89; font-size: 2rem; height: 9.5rem; } .home_header1_nav1_f .navbar-default .navbar-nav>li>a:hover {background: #cabd89; color: #49380d; } .home_header1_nav1_f .navbar-default .navbar-nav>.open>a:hover {color: #49380d; background-color: #cabd89 !important; } .home_header1_nav1_f .dropdown-toggle {background: #49380d !important; } .home_header1_nav1_f .dropdown-menu {background-color: #49380d; } .home_header1_nav1_f .dropdown-menu>li>a {color: inherit; } .home_header1_nav1_f .dropdown-menu>li>a:hover {background: #cabd89; color: #49380d; } .home_header1_nav1_f .navbar-default .navbar-nav>.active>a {background-color: #cabd89; color: #49380d !important; font-weight: bold; } .home_header1_nav1_f .navbar-default .navbar-brand {color: #cabd89; } .home_header1_nav1_f .navbar-default .navbar-brand:hover {color: #cabd89; font-weight: bold; } .home_header1_nav1_f .nav>li>a {position: relative; display: block; padding: 10px 15px; } .home_header1_nav1_f .navbar-nav>li>a {padding-top: 38px; padding-bottom: 15px; } .home_header1_nav1_f .navbar-collapse {padding-right: 15px; padding-left: 0px; } /*首页头部幻灯片1【未用上，html代码隐藏了，1、挡住文字了，2、是翻页样式用的修改过的，不是原版，能将就用】*/ .home_flash1_f .carousel-indicators {position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } /*首页头部幻灯片2*/ .home_flash1_f {width: 100%; overflow: hidden; height: 45.9vw !important; border: 0px red solid; } .home_flash1_f .item img {width: 100%; height: 100% !important } /*首页头部下载区域*/ .home_xiazai1_f {overflow: hidden; margin-left: auto; width: 103rem; border: 0px blue solid; } .home_xiazai1_f .home_g_w_rwm_f {float: left; width: 181px; height: 182px; padding: 1.3rem 0 0 4rem; background: url(../images/home_btn04_f.png) no-repeat; background-size: 100% 100%; border: 0px #fff solid; } /*首页-扫描二维码特效*/ /* 方：原版背景暂时不用,是二维码后面方格底纹 .qr-scanner {background-image: linear-gradient(0deg, transparent 24%, rgba(32, 255, 77, 0.1) 25%, rgba(32, 255, 77, 0.1) 26%, transparent 27%, transparent 74%, rgba(32, 255, 77, 0.1) 75%, rgba(32, 255, 77, 0.1) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(32, 255, 77, 0.1) 25%, rgba(32, 255, 77, 0.1) 26%, transparent 27%, transparent 74%, rgba(32, 255, 77, 0.1) 75%, rgba(32, 255, 77, 0.1) 76%, transparent 77%, transparent); background-size: 3rem 3rem; background-position: -1rem -1rem; width: 100%; height: 100%; position: relative; background-color: #fff; }*/ .home_xiazai1_f .qr-scanner .box {width: 100px; height: 100px; position: relative; left: 47%; top: 50%; transform: translate(-50%, -0%); overflow: hidden; border: 0.1rem solid rgba(0, 255, 51, 0.2); background-repeat: no-repeat !important; background-size: 90% 90% !important; margin-top: 27px; } .home_xiazai1_f .qr-scanner .line {height: calc(100% - 2px); width: 100%; background: linear-gradient(180deg, rgba(0, 255, 51, 0) 43%, #4872C7 211%); border-bottom: 3px solid #fff; transform: translateY(-100%); animation: radar-beam 2s infinite; animation-timing-function: cubic-bezier(0.53, 0, 0.43, 0.99); animation-delay: 1.4s; } .home_xiazai1_f .qr-scanner .box:after, .home_xiazai1_f .qr-scanner .box:before, .home_xiazai1_f .qr-scanner .angle:after, .home_xiazai1_f .qr-scanner .angle:before {content: ''; display: block; position: absolute; width: 3vw; height: 3vw; border: 0.2rem solid transparent; } .home_xiazai1_f .qr-scanner .box:after, .home_xiazai1_f .qr-scanner .box:before {top: 0; border-top-color: #4872C7; } .home_xiazai1_f .qr-scanner .angle:after, .home_xiazai1_f .qr-scanner .angle:before {bottom: 0; border-bottom-color: #4872C7; } .home_xiazai1_f .qr-scanner .box:before, .home_xiazai1_f .qr-scanner .angle:before {left: 0; border-left-color: #4872C7; } .home_xiazai1_f .qr-scanner .box:after, .home_xiazai1_f .qr-scanner .angle:after {right: 0; border-right-color: #4872C7; } @keyframes radar-beam {0% {transform: translateY(-100%); } 100% {transform: translateY(0); } } /*首页-苹果安卓 PC下载*/ .home_xiazai1_ios_f {float: left; overflow: hidden; width: 13.7rem; margin-left: 1.3rem; margin-top: 1.9rem; border: 0px #fff solid } .home_xiazai1_ios_f a {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn01_f.png) no-repeat; background-size: 100% auto; text-indent: -80rem } .home_xiazai1_ios_f a:hover {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn01_f.png) no-repeat 0 -13.3rem; background-size: 100% auto; text-indent: -80rem } .home_xiazai1_android_f {float: left; overflow: hidden; width: 13.7rem; margin-left: 1.3rem; margin-top: 1.9rem; border: 0px #fff solid } .home_xiazai1_android_f a {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn02_f.png) no-repeat; background-size: 100% auto; text-indent: -80rem } .home_xiazai1_android_f a:hover {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn02_f.png) no-repeat 0.1rem -13.3rem; background-size: 100% auto; text-indent: -80rem } .home_xiazai1_pc_f {float: left; overflow: hidden; width: 13.7rem; margin-left: 1.3rem; margin-top: 1.9rem; border: 0px #fff solid } .home_xiazai1_pc_f a {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn03_f.png) no-repeat; background-size: 100% auto; text-indent: -80rem } .home_xiazai1_pc_f a:hover {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn03_f.png) no-repeat 0 -13.3rem; background-size: 100% auto; text-indent: -80rem } /*首页-头图客服二维码*/ .home_header_rwm1_f {overflow: hidden; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 2rem 0rem 1rem 2rem; color: #fff; width: 38rem; float: right; border: 0px #e2ac48 solid } .home_header_rwm1_f ul {} .home_header_rwm1_f ul li {float: left; line-height: 2.5rem; font-size: 1.3rem; margin-right: 2rem; } .home_header_rwm1_f ul li img {width: 10rem; margin-bottom: 0.5rem; } /*首页下载按钮提示苹果单按钮版*/ .home_xiazai1_ios2_f {float: left; overflow: visible; width: 13.7rem; margin-left: 1.3rem; margin-top: 1.9rem; border: 0px #fff solid } .home_xiazai1_ios2_f>a {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn01_f.png) no-repeat; background-size: 100% auto; text-indent: -880rem; } .home_xiazai1_ios2_f>a:hover {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn01_f.png) no-repeat 0 -13.3rem; background-size: 100% auto; text-indent: -880rem } .home_xiazai1_ios2_1_f {width: 100%; height: 13.5rem; display: block; margin-top: 1.5rem; color: rgba(0, 0, 0, 0); border: 0px blue solid; } .home_xiazai1_ios2_1_f:hover, .home_xiazai1_ios2_1_f:visited, .home_xiazai1_ios2_1_f:active {color: rgba(0, 0, 0, 0); } /*首页下载按钮提示安卓单按钮版*/ .home_xiazai1_android2_f {float: left; overflow: visible; width: 13.7rem; margin-left: 1.3rem; margin-top: 1.9rem; border: 0px #fff solid } .home_xiazai1_android2_f>a {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn02_f.png) no-repeat; background-size: 100% auto; text-indent: -880rem } .home_xiazai1_android2_f>a:hover {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn02_f.png) no-repeat 0.1rem -13.3rem; background-size: 100% auto; text-indent: -880rem } .home_xiazai1_android2_1_f {width: 100%; height: 13.5rem; display: block; margin-top: 1.5rem; color: rgba(0, 0, 0, 0); border: 0px blue solid; } .home_xiazai1_android2_1_f:hover, .home_xiazai1_android2_1_f:visited, .home_xiazai1_android2_1_f:active {color: rgba(0, 0, 0, 0); } /*首页下载按钮提示 PC端单按钮版*/ .home_xiazai1_pc2_f {float: left; overflow: visible; width: 13.7rem; margin-left: 1.3rem; margin-top: 1.9rem; border: 0px #fff solid } .home_xiazai1_pc2_f>a {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn03_f.png) no-repeat; background-size: 100% auto; text-indent: -880rem } .home_xiazai1_pc2_f>a:hover {float: left; width: 100%; height: 13.5rem; background: url(../images/home_btn03_f.png) no-repeat 0 -13.3rem; background-size: 100% auto; text-indent: -880rem } .home_xiazai1_pc2_1_f {width: 100%; height: 13.5rem; display: block; margin-top: 1.5rem; color: rgba(0, 0, 0, 0); border: 0px blue solid; } .home_xiazai1_pc2_1_f:hover, .home_xiazai1_pc2_1_f:visited, .home_xiazai1_pc2_1_f:active {color: rgba(0, 0, 0, 0); } /*首页下载按钮提示-弹出代码*/ .custom-tooltip {position: relative; } .custom-tooltip::after {content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: #2c3e50; color: white; padding: 8px 12px; border-radius: 4px; white-space: nowrap; opacity: 0; transition: opacity 0.3s; } .custom-tooltip:hover::after {opacity: 1; } /*首页江湖热点*/ .home_jhrd1_f {overflow: hidden; margin-top: 5rem; border: 0px red solid; } .home_jhrd1_f h2 {width: 100%; text-align: right; border: 0px red solid } .home_jhrd1_f h2 img {border: 0px red solid } .home_jhrd1_con1_f {overflow: hidden; border: 0px #fff solid } /*首页绝美江湖*/ .home_jmjh1_f {overflow: hidden; margin-top: 12rem; border: 0px red solid; } .home_jmjh1_f h2 {width: 100%; text-align: right; } .home_jmjh1_f h2 img {border: 0px red solid } .home_jmjh1_con1_f {overflow: hidden; border: 0px #fff solid }