.paging_go { overflow: hidden; margin: 60px auto 0; } .paging div { display: inline-block; cursor: pointer; margin: 0 10px; font-size: 14px; } .paging div.disable { color: #7a8087; cursor: not-allowed; } .paging div.active { border: none; background: #e10033; color: #fff; } .paging div { color: #7a8087; } .paging div:nth-child(1) { margin: 0; } .paging div:nth-child(2) { color: #e10033; } .paging .prev, .paging .next { font-size: 24px; } .pagingDiv { width: 27px; height: 27px; line-height: 27px; text-align: center; color: #000; } .go_first { display: inline-block; width: 33px; height: 27px; text-align: center; line-height: 27px; color: #fff; background: #e10033; margin-left: 19px; font-size: 12px; font-weight: bold; } .current_tf span { color: #e10033; } body { background: #edf0f5; } /* 分页结束 */ .download_search { border-radius: 50px; background: #fff; margin: 76px auto; border: 1px solid #dbdbdb; /* font-size: 16px; */ } .download_search input { line-height: 32px; height: 32px; width: 80%; } .download_search img { float: right; cursor: pointer; } .introduction_title li.introduction_title_li { display: inline-block; /* font-size: 22px; */ padding: 0 12px 10px; font-weight: bold; cursor: pointer; } .introduction_title{margin-bottom: 30px;} .introduction_title .introduction_title_li.on { position: relative; color: #e10033; border-bottom: 3px solid #e10033; display: inline-block; /* font-size: 22px; */ padding: 0 12px 10px; } .introduction_title .introduction_title_li a{color: #000;} .introduction_title .introduction_title_li.on a{ color: #e10033; } .introduction_title .introduction_title_li span { display: none; position: absolute; left: 50%; right: 50%; bottom: -13px; margin: auto; border: 5px solid; border-color: #e10033 transparent transparent; } .introduction_new_content .introduction_new_content_li { display: none; } .introduction_new_content .introduction_new_content_li:nth-child(1) { display: block; } .introduction_new_content_li .introduction_title_daughter li.active { display: inline-block!important; color: #e10033; } .introduction_new_content_li .introduction_title_daughter li.active a{ color: #e10033; } .introduction_title .introduction_title_li.on span { display: block; } .introduction_title_daughter { margin-bottom: 30px; font-size: 16px; } .introduction_title_daughter li { display: inline-block!important; margin-right: 30px; font-weight: bold; color: #8D8D8D; cursor: pointer; } .introduction_title_daughter li a{ color: #000; } .introduction_title_daughter li:hover{ color: #e10033; } .introduction_new_content_daughter li { display: none; } .introduction_new_content_daughter li .introduction_new_content_daughter_box { padding: 17px 0; } .introduction_new_content_daughter li .introduction_new_content_daughter_box:nth-child(even) { background: #fff; } .introduction_new_content_daughter li:nth-child(1) { display: block; } .introduction_new_content_daughter li { font-size: 16px; } .introduction_new_content_daughter_box .qr { position: relative; } .introduction_new_content_daughter_box .qr_bg1 { width: 33px; height: 33px; transition: all 0.5s; } .introduction_new_content_daughter_box .qr_bg1:hover{ position: relative; z-index: 3; padding: 2px; background: #fff; transform: scale(3); box-shadow: 0 0 5px #bababa; } .introduction_new_content_daughter_box .qr .fixImg { display: none; background: #ffff; padding: 10px; border: 1px solid #ccc; } .introduction_new_content_daughter_box .qr:hover .fixImg{ position: absolute; top: -1%; left: 0%; z-index: 9999; display: block; width: 100px; } .shot_windows { display: none; position: fixed; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); } .shot_windows_box { width: 260px; height: 84px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding: 50px 30px; background: #fff; } .shot_windows_box div { margin-top: 40px; } .shot_windows_box span { display: inline-block; width: 122px; height: 38px; text-align: center; line-height: 38px; } .shot_windows_box .btn_close { border: 1px solid #000; cursor: pointer; } .shot_windows_box .btn_close:hover{ color: #fff; border-color: #e10033; } .shot_windows_box .btn_register{ background: #e10033; border: 1px solid #e10033; margin-left: 12px; } .introduction_new_content_daughter_box div img, .introduction_new_content_daughter_box p img { width: 18px; } .introduction_new_content_daughter_box div, .introduction_new_content_daughter_box p { display: inline-block; } .introduction_new_content_daughter_box p:hover{ color: #b81c25; } .introduction_new_content_daughter_box div span { line-height: 19px; } .introduction_new_content_daughter_box div span a{ color: #000; } .introduction_new_content_daughter_box div span a{ /*color: #000 !important;*/ } .introduction_new_content_daughter_box p, .introduction_new_content_daughter_box .qr { float: right; } .introduction_new_content_daughter_box { position: relative; } .introduction_new_content_daughter_box p { width: 70px; position: absolute; right: 50%; left: 50%; top: 18px; margin: 0 auto; } .introduction_new_content_daughter_box p a{ color: #000; } @media screen and (min-width: 1024px) { .area { max-width: 1440px; padding: 0 20px; margin: 0 auto; } .download_search { width: 750px; } .paging_go { width: 707px; } .download_search { padding: 15px 27px 15px 32px; } .introduction_new_content_daughter_box div img { margin: 0 24px 0 61px; } .introduction_new_content_daughter_box .qr { margin: -7px 60px 0 250px; } .introduction_new_content_daughter_box p img { margin-left: 12px; } } @media screen and (max-width: 1024px) { .introduction_title{margin-bottom: 30px;} .introduction_title_daughter{margin-bottom: 10px;} } @media screen and (max-width: 1024px) and (min-width: 350px) { .introduction_new_content_daughter_box div span{ display: inline-block; max-width: 72%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .area { margin: 0 2em; } .paging div:nth-child(1),.paging div:nth-child(2){ display: none; } .download_search { padding: 5px 27px 5px 32px; } .introduction_box_title .area { margin: 0; } .introduction_title_daughter li { margin-right: 8px; font-weight: bold; padding-bottom: 10px; color: #8D8D8D; } .introduction_new_content_daughter_box .qr_bg1 { margin-top: -6px; } .introduction_new_content_daughter_box div img { margin-right: 5px; margin-left: 8px } .introduction_new_content_daughter_box p img { margin-left: 4px; } .introduction_new_content_daughter_box p{ left: auto; right: 8%; } .paging { width: 281px; margin: 0 auto 10px; } .introduction_title_daughter { /*margin: 30px 0 10px;*/ } .paging_go { margin: 20px auto 0; } .download_search { margin: 30px auto; } } @media screen and (max-width: 350px) { .area { margin: 0 2em; } .paging div:nth-child(1),.paging div:nth-child(2){ display: none; } .download_search { padding: 5px 27px 5px 32px; } .introduction_box_title .area { margin: 0; } .introduction_title_daughter li { display: block!important; margin-right: 0; font-weight: bold; /* margin-top: 10px; */ padding-bottom: 10px; } .introduction_new_content_daughter_box .qr_bg1 { margin-top: -6px; } .introduction_new_content_daughter_box div img { margin-right: 3px; } .introduction_new_content_daughter_box p img { margin-left: 4px; } .paging { width: 281px; margin: 0 auto 10px; } .introduction_new_content_daughter_box p { left: 62%; } .introduction_title_daughter { margin: 30px 0 10px; } .paging_go { margin: 20px auto 0; } .download_search { margin: 30px auto; } } .information_download .page{margin-top: 50px;} @media screen and (max-width: 767px) { .introduction_new_content_daughter_box div{width: calc(100% - 120px)} .introduction_new_content_daughter_box div span{width: calc(100% - 36px);float: right;max-width: inherit;white-space:inherit;text-overflow:inherit;} .information_download .page{margin-top: 20px} .information_download{padding-bottom: 10px;} .introduction_new_content_daughter_box .qr{margin-right: 5px;} }