.ui-index-zsjz { text-align: center; background-color: #f9f9f9; padding: 20px; border-radius: 5px; } .ui-index-zsjz .carousel-control.left, .ui-index-zsjz .carousel-control.right { background: none; position: absolute; top: 50%; height: 40px; line-height: 40px; width: 40px; border: 2px solid #ccc; border-radius: 20px; text-align: center; } .ui-index-zsjz .carousel-control.left .glyphicon, .ui-index-zsjz .carousel-control.right .glyphicon { color: #ccc; } .ui-index-zsjz .carousel-control { text-shadow: none; } .ui-index-zsjz img { max-height: 545px; margin: 0 auto; } .ui-index-cwc-info-box { padding: 40px 40px; height: 374px; color: #fff; } .ui-index-cwc-info-box h3 { padding: 0; margin-bottom: 40px; } .ui-index-cwc-info-box p { line-height: 2em; } .ui-right-sidebar { position: fixed; right: 2%; top: 30%; width: 190px; background-color: #fff; display: flex; flex-direction: column; } .ui-right-sidebar .top { width: 100%; } .ui-right-sidebar .content { padding: 10px 10px 10px 10px; border-left: 5px solid #c3323b; border-right: 5px solid #c3323b; } .ui-right-sidebar .content h5 { color: #c3323b; } .ui-right-sidebar .content h5 .glyphicon { margin-right: 10px; } .ui-right-sidebar .content .qr { text-align: center; } .ui-right-sidebar .content .qr img { width: 100px; } .ui-right-sidebar .content .qr p { font-size: 12px; } .ui-right-sidebar .footer { display: flex; } .ui-right-sidebar .footer .left { flex: 4; content: ""; height: 15px; background-color: #c3323b; } .ui-right-sidebar .footer .right { flex: 1; content: ""; height: 15px; background-color: #d2ab66; } .ui-footer-index { background-image: url("../img/footer_bg.png"); background-repeat: no-repeat; background-position: center bottom; } .ui-index-ad .item { padding: 0 1px; } .ui-index-ad .item .c { padding: 10px 1px; background-repeat: no-repeat; background-position: 10px 20px; background-size: auto 100%; background-image: url("../img/wai.png"); text-align: center; } .ui-index-ad .item .c a { color: #fff; text-decoration: none; } .ui-index-ad .item .c a h3 { margin: 20px 0 10px 0; } .ui-index-ad .item .c a p { margin: 10px 0 20px 0; } .ui-index-ad .item .c .gold { position: absolute; right: 1px; bottom: 0; width: 60px; height: 10px; background-color: #d2ab66; } .ui-index-ad .item .c .red { position: absolute; left: 1px; top: 0; width: 60px; height: 10px; background-color: #c3323b; } .ui-index-ad .item:hover .c { background-color: #2d3e50; } .ui-lib-search { position: absolute; bottom: 80px; width: 100%; } .ui-lib-search .ui-lib-search-c { width: 900px; margin: 0 auto; padding: 20px; background-color: rgba(255, 255, 255, 0.7); border-radius: 5px; } .ui-lib-search .ui-lib-search-c .nav-tabs > li > a { padding: 15px 30px; background-color: #f1f1f1; } .ui-lib-search .ui-lib-search-c .nav-tabs > li.active > a, .ui-lib-search .ui-lib-search-c .nav-tabs > li.active > a:focus, .ui-lib-search .ui-lib-search-c .nav-tabs > li.active > a:hover { border-top: 1px solid #c3323b; border-right: 1px solid #c3323b; border-left: 1px solid #c3323b; background-color: #c3323b; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; } .ui-lib-search .ui-lib-search-c .form-content { padding: 30px; background: #f1f1f1 url("../img/wai_red.png") no-repeat; background-position: calc(100% - 20px) 20px; background-size: auto 100%; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 2px solid #c3323b; } .ui-lib-search .ui-lib-search-c .form-content .info { margin-top: 10px; } .ui-lib-db { margin-bottom: 30px; } .ui-lib-db .ui-lib-db-c { margin: 0 auto; border-radius: 5px; } .ui-lib-db .ui-lib-db-c .nav-tabs { border-bottom: 1px solid #c3323b; } .ui-lib-db .ui-lib-db-c .nav-tabs > li > a { border: none; } .ui-lib-db .ui-lib-db-c .nav-tabs > li.active > a, .ui-lib-db .ui-lib-db-c .nav-tabs > li.active > a:focus, .ui-lib-db .ui-lib-db-c .nav-tabs > li.active > a:hover { border-top: 1px solid #c3323b; border-right: 1px solid #c3323b; border-left: 1px solid #c3323b; border-top-left-radius: 5px; border-top-right-radius: 5px; } .ui-lib-db .ui-lib-db-c .list-content { padding: 20px; background: #ffffff url("../img/wai_red.png") no-repeat; background-position: calc(100% - 20px) 20px; background-size: auto 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-left: 1px solid #c3323b; border-right: 1px solid #c3323b; border-bottom: 1px solid #c3323b; } .ui-lib-db .ui-lib-db-c .list-content p { padding: 0; margin: 0; line-height: 2.5em; }