/* CSS Document */ /*去除浏览器默认样式*/ .text-center{ text-align: center; } * { box-sizing: border-box; border: 0; padding: 0; margin: 0; } .layui-carousel-arrow { border-radius: 0 !important } * { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Roboto, Arial, Microsoft YaHei, sans-serif; /* color: #333; */ } * { margin: 0px; padding: 0px; border: none; outline: none; } address, caption, cite, code, dfn, em, th, var, i, b { font-style: normal; font-weight: normal; } *:before, *:after { box-sizing: border-box; } *, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, .button, textarea, iframe, table, th, td { margin: 0; padding: 0; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; } input[type="number"]{ -moz-appearance:textfield; } img { border: 0 none; vertical-align: top; } .button{ cursor: pointer; text-align: center; vertical-align: middle; display: table-cell; } body, input, select, .button, textarea { font-size: 13px; } textarea:disabled { cursor: not-allowed; } li { list-style: none; } .arial { font-family: arial; } .song { font-family: "\5b8b\4f53"; } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input[type=text], input[type=password], input[type=file], textarea { -webkit-border-radius: 0; -webkit-appearance: normal } textarea { overflow: auto; resize: none } body { background: #f4f4f4; color: #000; line-height: 1.5; margin: 0 auto; width: 100%; } html { -webkit-text-size-adjust: none; } a { color: #646464; text-decoration: none; } a * { *cursor: pointer } a { blr: expression(this.onFocus=this.blur()); } a:hover { text-decoration: none !important; outline: none; } a:focus { outline: none; } .fixed:after, .clearfix:after, .cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden } .fixed, .clearfix, .cf { zoom: 1 } .clear:after, .global-clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; } .clearfix { *zoom: 1; } .clear, .global-clearfix { zoom: 1; } .fl, .fr { display: inline; float: left; } .fr { float: right } .center { text-align: center; } .hidden02 { display: none; } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } a { blr: expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } i { font-style: normal; } img { overflow: hidden; } body { min-width: 1200px; word-wrap: break-word; color: #000; } .group-wagbar { height: 32px; background: #fafafa; position: relative; z-index: 99; border-bottom: 1px solid #f1f1f1; line-height: 1.5; color: #656565; font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif; } .group-wagbar .group-inner { width: 1200px; margin: 0 auto; } .mod-welcome { display: inline-block; font-size: 0; } .mod-welcome .app-download { position: relative; margin: 0 16px 0 10px; padding-left: 20px; height: 32px; line-height: 32px; color: #656565; display: inline-block; vertical-align: middle; font-size: 12px; } .group-wagbar .group-inner a { color: #656565; } .mod-welcome .welcome-item { display: inline-block; height: 32px; line-height: 32px; vertical-align: middle; font-size: 12px; } .mod-welcome .slogan { margin-right: 10px; } .mod-welcome .welcome-item.login-register { } .mod-welcome .login { margin-right: 8px; } .mod-welcome .login, .mod-welcome .register { font-size: 12px; } .group-wagbar .group-inner a, .mod-tools a, a, a:hover { text-decoration: none; } .group-wagbar .group-inner a.login, .group-wagbar .group-inner a:hover, .mod-welcome .welcome-item .menu-bd .user-info.active .name, .mod-welcome .welcome-item .menu-bd.show .user-info .name { color: #a92924; } .group-wagbar .group-inner a { color: #656565; } .mod-tools { float: right; } ol, ul { list-style: none; } .mod-tools .tool-item { position: relative; text-align: center; height: 32px; } .mod-tools li { float: left; } .mod-tools .bar-title { display: block; height: 32px; line-height: 32px; color: #959595; padding: 0px 10px; position: relative; } .group-wagbar .group-inner a, .mod-tools a, a, a:hover { text-decoration: none; } .wag-icon, em, i { font-style: normal; } .mod-tools .bar-title i { -webkit-transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; background: url(/static/images/dowm.png) 50% no-repeat; -webkit-background-size: contain; background-size: contain; display: inline-block; width: 10px; height: 4px; margin-left: 7px; vertical-align: 2px; } .mod-tools .bar-content { display: none; position: absolute; top: 32px; right: 0; width: 100%; padding: 12px 0; background: #fff; -webkit-box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); text-align: left; } .mod-tools .bar-content dd { height: 32px; line-height: 32px; text-align: center; } .mod-tools .bar-content dd a { display: block; padding: 0 8px; } .mod-tools .bar-content a { color: #656565; } .mod-tools .bar-title:hover { color: #a92924 } .mod-tools .tool-item:hover { z-index: 3; -webkit-box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); } .mod-tools .tool-item:hover .bar-title i { background-image: url(/static/images/dowm2.png); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .mod-tools .tool-item:hover .bar-title { background: #fff; z-index: 1; color: #a92924; } .mod-tools .tool-item:hover .bar-content { display: block; } .mod-tools .bar-content dd a:hover { background: #f5f5f5; } .mod-tools .bar-content a:hover { color: #a92924; } .tool-item2 span { background: url(/static/images/icon1.png) left center no-repeat; padding-left: 25px; display: block; background-size: 17px; } h1, h2, h3, h4, h5 { font-weight: 400; } .bar-head { transition: top .3s ease-out; } .group-head { width: 100%; position: relative; z-index: 98; background: #fff; color: #656565; font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif; transition: top .3s ease-out; } .group-head.sticky { position: fixed; z-index: 29899; left: 0; top: 0; width: 100%; -webkit-animation: slowDown-data-v-707b4ed9 .4s ease-in-out; animation: slowDown-data-v-707b4ed9 .4s ease-in-out; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .2); } .group-head { position: relative; z-index: 98; background: #fff; line-height: 1.5; color: #656565; font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif; -webkit-transition: top .3s ease-out; -o-transition: top .3s ease-out; transition: top .3s ease-out; } .group-head .group-inner { width: 1200px; margin: 0 auto; margin-bottom: 15px; } .mod-logo { height: 100%; float: left; } .group-head .group-inner a { color: #656565; text-decoration: none; } .mod-logo .logo { display: block; width: 250px; margin-top: 20px; } .mod-logo .logo img { height: 82px; max-width: 100%; } .mod-mini-search { float: left; margin: 18px 0 0 60px; width: 505px; position: relative; z-index: 1; box-sizing: border-box; transition: top .3s ease-out; } .mod-menu { float: left; line-height: 60px; } .mod-menu .hrd { position: relative; float: left; margin: 30px 0 0 16px; display: inline-block; border-radius: 2px; } .mod-mini-search .mod-hot-query { white-space: nowrap; overflow: hidden; font-size: 0; } .mod-mini-search .mod-hot-query li { display: inline-block; padding: 5px 8px; font-size: 12px; } .group-head .group-inner a { color: #656565; text-decoration: none; } .hrd-landing img { height: 19px; width: 194px; display: block; vertical-align: middle; text-align: center; margin-top: 30px; } .hrd-landing { height: 33px; display: block; vertical-align: middle; text-align: center; line-height: 33px; } .group-head:not(.fixed):not(.top) .mod-download-icon { float: right; margin: 15px 0px 0 0; } .group-head .mod-download-icon .download { display: block; } .group-head:not(.fixed):not(.top) .mod-download-icon .download { padding-top: 0px; margin: 0 auto; } .group-nav { background: #fff; } .first-level-nav { border-bottom: 2px solid #a92924; } .group-nav .mod-nav .first-level-nav ul { margin: 0 auto; padding-left: 0px; } .group-nav .mod-nav .navigation-bottom { width: 1200px; height: 40px; margin: 0px auto; } .group-nav .mod-nav ul li { position: relative; } .group-nav .linkNav ul li .nav, .group-nav .linkNav ul li a { display: block; font-size: 15px; line-height: 40px; color: #353535; font-weight: 400; } .group-nav .mod-nav .first-level-nav ul li.nav.act a, .second-level-nav .sub-nav-wraper .sub-nav a:hover, .second-level-nav .sub-nav-wraper .sub-nav.act a { color: #a92924; } .group-nav .mod-nav .entry, .login-info { float: right; width: 209px; overflow: hidden; position: relative; text-align: center; } .group-nav .mod-nav .entry .entry-link { width: 100%; height: 32px; vertical-align: middle; line-height: 32px; padding: 0; font-size: 16px; font-weight: 300; color: #fff; } .group-nav .mod-nav .entry .entry-link img { vertical-align: middle; display: block; height: 18px; line-height: 32px; margin-top: 10px; width: 172px; } .group-nav .mod-nav ul li.nav a:hover { color: #a92924; background: #fdf1f1 } .group-head .group-inner a:hover { color: #a92924; text-decoration: none } .group-nav .mod-nav ul li.nav .navigator:hover { color: #a92924; background: #fdf1f1 } .group-head .group-inner .navigator:hover { color: #a92924; text-decoration: none } .navigation-wrap * { box-sizing: border-box; } .navigation-top .searchBar .searchBar-tab { overflow: hidden; } .navigation-top .searchBar .searchBar-tab li { padding: 5px 10px; float: left; cursor: pointer; } .navigation-top .searchBar .button { float: left; width: 90px; height: 36px; line-height: 36px; background: #d0111b; border: 0; color: #fff; font-size: 14px; cursor: pointer; outline: none; } .navigation-top .searchBar .preventButton { position: absolute; z-index: -1000; top: -1000px; } .navigation-top .searchBar .searchBar-input .searchBar-input-list { position: absolute; width: 100%; max-height: 258px; overflow: auto; z-index: 22; background: #fff; border: 1px solid #dbdbdb; overflow: auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .navigation-top .searchBar .searchBar-input input { width: 390px; height: 36px; border: 2px solid #d0111b; border-right: 0; padding: 0 10px; font-size: 13px; outline: none; } button, input, select, textarea { font-size: 100%; } .navigation-top .searchBar .searchBar-tab li { padding: 5px 10px; float: left; cursor: pointer; font-size: 14px; } .navigation-top .searchBar .searchBar-tab li.active { background: #d0111b; color: #fff; } .navigation-top .searchBar .searchBar-input { position: relative; } .searchBar-input-inner { float: left; } .navigation-bottom .classification { float: left; width: 220px; height: 40px; cursor: pointer; position: relative; } .navigation-bottom .linkNav { float: left; width: 760px; overflow: hidden; } .navigation-bottom .classification .classification-text { line-height: 42px; color: #fff; font-size: 15px; text-align: center; background: #a92924; } .icon-nav-menu { width: 36px; height: 34px; vertical-align: middle; margin-right: 15px; } .icon-nav { display: inline-block; background: url(/static/images/icon2.png) no-repeat center center; } .navigation-bottom .linkNav ul li { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; text-align: center; } .group-nav .linkNav ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; width: 100%; } .slideMain { position: relative; } #bannerSwiper img { width: 100%; overflow: hidden; } .callbacks_nav { left: 60px; } .callbacks_nav.next { right: 60px; } #slide .pagination { position: absolute; left: 0; text-align: center; bottom: 0px; width: 100%; z-index: 999; } #slide .swiper-pagination-bullet { display: inline-block; width: 10px; height: 7px; opacity: 1; border-radius: 10px; background: white; margin: 0 3px; cursor: pointer; transition: width 0.3s ease-in-out; } #slide .swiper-pagination-bullet-active { background: #a92924; width: 38px; } .slideBannerWrap { width: 100%; text-align: center; position: relative; } #slide .pagination { margin: 10px 0px; } #slide .arrow-left { background: url(/static/images/banner_arrow.png) no-repeat left top; position: absolute; left: 20px; top: 50%; transform: translate(20px, -50%); width: 70px; height: 70px; z-index: 999; display: none; } #slide .arrow-right { background: url(/static/images/banner_arrow.png) no-repeat left bottom; position: absolute; right: 20px; top: 50%; transform: translate(-20px, -50%); width: 70px; height: 70px; z-index: 999; display: none; } #slideBannerWrap:hover #slide .arrow-right { display: block; } #slideBannerWrap:hover #slide .arrow-left { display: block; } .navigation-bottom .classification .banner-left { width: 220px; background: #fff; float: left; position: relative; z-index: 101; } .cate-menu { height: 500px; overflow: hidden; width: 100%; } /* rslides */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li a { text-align: center; margin: 0px auto; height: 365px; width: 760px; position: relative; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } /*pager*/ .callbacks_tabs.callbacks1_tabs { position: absolute; z-index: 100; margin-bottom: 0px; bottom: 10px; left: 0px; right: 0px; text-align: center; margin: 0px auto; } .callbacks_tabs.callbacks1_tabs li { display: inline-block; width: 23px; height: 8px; margin-left: 10px; border-radius: 10px; background: #fff; position: relative; } .callbacks_tabs.callbacks1_tabs li.callbacks_here { width: 45px; background: #a92924; } .callbacks_tabs.callbacks1_tabs li a { display: none; } /* Callback example */ .callbacks_container { position: relative; width: 100%; max-width: 100%; text-align: center; } .callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .callbacks li { position: absolute; width: 100%; left: 0; top: 0; } .callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0, 0, 0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; } .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 50%; left: 0; opacity: 0.6; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("/static/images/themes.gif") no-repeat left top; margin-top: -30px; display: none; } .callbacks_container:hover .callbacks_nav { display: block; } .callbacks_nav:active { opacity: 1.0; } .callbacks_nav.next { left: auto; background-position: right top; right: 0; } .zghome-nav-display { display: block !important } .part-category-bg { position: absolute; height: 20px; background: #fff; z-index: 3; top: 40px; width: 125px; } .part-category { position: relative; width: 100%; background: #fff; box-sizing: border-box; } .part-category { display: block; box-shadow: 0 0 16px 0 hsla(0, 0%, 77%, .5); } .part-category .cate-menu ul li .cate-menu-icon { position: absolute; left: 3px; top: 14px; width: 34px; height: 24px; } .cate-icon-1 { background: url(/static/images/icon6.png) no-repeat center center; } .cate-icon-2 { background: url(/static/images/icon3.png) no-repeat center center; } .cate-icon-3 { background: url(/static/images/icon4.png) no-repeat center center; } .cate-icon-4 { background: url(/static/images/icon5.png) no-repeat center center; } .cate-icon-5 { background: url(/static/images/icon7.png) no-repeat center center; } .cate-icon-6 { background: url(/static/images/icon19.png) no-repeat center center; } .part-category .cate-menu ul li h2 { margin-bottom: 6px; font-size: 0; color: #353535; } .part-category .cate-menu ul li h2 a { color: #353535; font-weight: 500; } .part-category .cate-menu ul li h2 .separator, .part-category .cate-menu ul li h2 a { font-size: 16px; } .cate-menu ul li { position: relative; padding: 13px 9px 2px 35px; } .part-category .cate-menu ul li .cate-item { overflow: hidden; margin-left: -16px; font-size: 0; } .part-category .cate-menu ul li .cate-item a, .part-category .cate-menu ul li .cate-item span { margin: 0 0 0 16px; line-height: 25px; display: inline-block; font-size: 12px; } a:hover { color: #a92924; } .navigator:hover { color: #a92924; } .part-category .cate-menu ul li h2 .separator, .part-category .cate-menu ul li h2 a { font-size: 16px; } .part-category .cate-menu ul li h2 a { color: #353535; line-height: 1.5; font-weight: 500; display: inline-block; } .part-category .cate-menu ul li.act { position: relative; z-index: 1; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; } .part-category .cate-cont { display: none; position: absolute; top: 0; left: 219px; width: 725px; height: 500px; } .part-category .cate-cont.current { display: block; } .part-category .cate-cont .item-main { display: none; } .part-category .cate-cont .item-main.current { display: block; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; overflow-y: scroll; } .part-category .cate-cont .item-main .part-hot-word { width: 466px; height: 432px; float: left; margin: 24px 32px; } .part-category .cate-cont .item-main .part-hot-word .item { margin-bottom: 40px; } .part-category .cate-cont .item-main .part-hot-word .title { border-bottom: 1px solid #f1f1f1; padding-bottom: 8px; margin-bottom: 16px; } .part-category .cate-cont .item-main .part-hot-word .title h2 { font-size: 14px; display: inline-block; } .part-category .cate-cont .item-main .part-hot-word .title h2 a { color: #353535; font-size: 16px; font-weight: 700; } .part-category .cate-cont .item-main .part-hot-word .title .more { float: right; color: #959595; font-size: 12px; } .part-category .cate-cont .item-main .part-hot-word .title .more i { color: #c5c5c5; } .part-category .cate-cont .item-main .part-hot-word .cont { margin-left: -16px; overflow: hidden; } .part-category .cate-cont .item-main .part-hot-word .cont a { display: inline-block; line-height: 2; margin: 0 0 3px 16px; color: #656565; font-size: 12px; } .part-category .cate-cont .item-main .part-logo-cont { width: 175px; height: 500px; float: right; background: #fafafa; } .part-category .cate-cont .item-main .part-logo-cont a { display: block; height: 240px; padding: 0px 15px 0px 20px; overflow: hidden; position: relative } .part-category .cate-cont .item-main .part-logo-cont a h2 { line-height: 2; padding-top: 20px; color: #333; text-align: left; font-size: 16px; } .part-category .cate-cont .item-main .part-logo-cont a p { text-align: left; color: #a92924; font-size: 12px; margin-bottom: 15px; height: 60px; overflow: hidden; } .part-category .cate-cont .item-main .part-logo-cont a:first-child { border-bottom: 1px solid #ddd } .part-category .cate-cont::-webkit-scrollbar { display: none; } .part-category .cate-cont { overflow-y: scroll; background: #fff; -webkit-box-shadow: 5px 1px 16px 0 hsla(0, 0%, 77.3%, .5); box-shadow: 5px 1px 16px 0 hsla(0, 0%, 77.3%, .5); } .part-category .cate-menu ul li.act { -webkit-box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); background: #fff; z-index: 888 } .part-category .cate-cont .item-main { position: absolute; left: 0px; top: 0px; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); overflow-y: scroll; } .part-category .cate-cont .item-main .part-hot-word .cont a:hover { color: #a92924; } .bannerRight { float: right; width: 250px; height: 430px; margin-top: 0px; background: #fff; z-index: 2; position: relative; } .section-head .section-banner .banner-me .me-login { height: 111px; overflow: hidden; } .mod-manage { width: 220px; background: #fff; float: right; position: relative; z-index: 3; } .login-head { text-align: center; } .me-login { padding: 15px 10px 10px; } .login-head { width: 100%; text-align: center; margin: 0px auto; margin: 0px 0px 10px; } .login-head img { height: 33px; max-width: 100%; } #banner_right_login { background: url(/static/images/icon8.png) no-repeat 57px center; display: block; color: #a92924; padding-left: 30px; text-align: center; width: 100%; font-size: 14px; line-height: 30px; } .runlings { text-align: center; width: 100%; font-weight: bold; color: #000; font-size: 18px; line-height: 2; } .me-tab { margin-bottom: 2px; } .me-tab-text { height: 28px; line-height: 28px; text-align: center; margin-bottom: 12px; } .me-tab-text li { float: left; text-align: center; width: 50%; background: #fff; border-width: 0; } .me-tab-text li.active { background: #fff; border-color: transparent; } .me-tab-text li a { display: block; color: #333; text-align: center; font-size: 14px; border-bottom: 2px solid #fff } .me-tab-text li.active a { color: #a92924; border-bottom: 2px solid #a92924 } .me-tab .me-step { margin-top: 12px; text-align: center; font-size: 12px; } .me-tab .me-step dl { display: block; text-align: center; color: #999; float: left; width: 33.3%; } .me-tab .me-step dl dt { height: 31px; position: relative; } .iconNew { display: inline-block; width: 20px; height: 23px; vertical-align: middle; overflow: hidden; } .iconNew-step-arrow { position: absolute; left: 63px; top: 13px; } .iconNew-step-arrow { width: 16px; height: 20px; vertical-align: baseline; } .me-tab-text { padding: 0px 13px; } .me-tab .me-step dl.dowslf3 { width: 100%; position: relative; } .me-tab .me-step dl.dowslf3 i { float: right; } .iconNew-step-arrow2 { position: absolute; right: 25px; top: 9px; } .me-tab .me-step dl dt img { max-width: 100%; } .me-tab-content { height: 190px; overflow: hidden; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 16px; } .wartchar { display: block; padding: 0px 10px 14px; } .wartcharlist { text-align: center; font-size: 13px; overflow: hidden; float: left; width: 50%; } .group-inner3 { width: 753px; overflow: hidden; margin: 10px auto; text-align: center; } .group-inner3-list { width: 251px; text-align: center; float: left; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .group-inner3-list a { margin: 0px 4px; background: #d8edff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; height: 125px; padding: 8px; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .group-inner3-listleft { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; text-align: left; font-size: 12px; } .group-inner3-listleft h2 { font-weight: normal; line-height: 2; font-size: 18px; } .group-inner3-listleft p { font-weight: normal; font-size: 12px; text-align: left; } .group-inner3-list:nth-child(1) a { background: #d8edff } .group-inner3-list:nth-child(2) a { background: #ffe2e1 } .group-inner3-list:nth-child(3) a { background: #ffe9ae } .group-inner3-list:nth-child(1) a h2 { color: #387be1 } .group-inner3-list:nth-child(2) a h2 { color: #c3534f } .group-inner3-list:nth-child(3) a h2 { color: #e7a200 } .group-inner3-listright { height: 99px; width: 90px; line-height: 90px; text-align: center; vertical-align: middle; overflow: hide; } .group-inner3-listright img { vertical-align: middle; max-width: 100%; } .group-inner3-list:hover a { -webkit-box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); } .group-inner3-list:hover .navigator { -webkit-box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); box-shadow: 0 0 16px 0 hsla(0, 0%, 77.3%, .5); } .new-w1180 { width: 1200px; margin: 0 auto; } .section-title { text-align: center; margin: 20px 0; position: relative; } .section-title .title-topic { line-height: 48px; } .section-title .line { border-top: 1px solid #DFDFDF; position: absolute; top: 50%; width: 100%; } .section-title .title-topic img { vertical-align: middle; padding: 0 13px; background: #f4f4f4; position: relative; z-index: 1; height: 29px; } .login-ingon { background: url(/static/images/icon8.png) left center no-repeat; padding-left: 24px; padding-right: 8px; font-size: 12px; } .page-wrapper { text-align: center; margin-top: 35px; margin-bottom: 12px; } .fe-page { display: inline-block; } .fe-page { color: #959595; font-size: 12px; } .fe-page .fe-page-linkBox, .fe-page .fe-page-operateBox { float: left; display: inline; } .fe-page .fe-page-linkBox .fe-page-next.disabled, .fe-page .fe-page-linkBox .fe-page-next.disabled:hover, .fe-page .fe-page-linkBox .fe-page-prev.disabled, .fe-page .fe-page-linkBox .fe-page-prev.disabled:hover { border-color: #fff; background: #fff; color: #e5e5e5; cursor: default; border: 1px solid #dadada; } .fe-page .fe-page-linkBox .fe-page-item, .fe-page .fe-page-linkBox .fe-page-next, .fe-page .fe-page-linkBox .fe-page-omit, .fe-page .fe-page-linkBox .fe-page-prev { float: left; display: inline; margin-left: 8px; padding: 0 6px; height: 30px; line-height: 32px; min-width: 30px; border: 1px solid #dadada; background: #fff; text-align: center; font-size: 12px; color: #656565; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .fe-page .fe-page-linkBox .fe-page-item.active, .fe-page .fe-page-linkBox .fe-page-item:hover { border: 1px solid #a92924; background: #a92924; color: #fff; cursor: pointer; } .fe-page .fe-page-operateBox { margin-left: 40px; } .fe-page .fe-page-operateBox .fe-page-btn, .fe-page .fe-page-operateBox .fe-page-input, .fe-page .fe-page-operateBox .fe-page-span { float: left; display: inline; height: 32px; line-height: 32px; } .fe-page .fe-page-operateBox .fe-page-input { margin-left: 8px; margin-right: 8px; border: 1px solid #dadada; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 64px; background: #fff; text-align: center; color: #656565; vertical-align: middle; outline: 0; } .fe-page .fe-page-operateBox .fe-page-btn { margin-left: 24px; padding: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 64px; border: 1px solid #dadada; background: #fff; color: #656565; cursor: pointer; } .fe-page .fe-page-operateBox .fe-page-input:focus { border-color: #a92924; padding: 0 3px } .YellowPageAdvg { margin-left: -17px; } .YellowPageAdvg a { margin-left: 17px; float: left; width: 591px; } .mod-popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100002 !important; overflow: hidden; display: none; } div.mod-modal { background: rgba(53, 53, 53, .6); } .mod-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; z-index: 100001; display: none; } .mod-popup .mod-dialog { position: absolute; left: 50%; top: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border: 2px; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .3); } .component-dialog { width: 484px; box-sizing: border-box; } .auth-dialog .component-dialog-title, .common-seller-dialog .component-dialog-title, .trans-period-dialog .component-dialog-title { font-size: 14px; color: #656565; } .component-dialog .title-content { position: relative; height: 48px; line-height: 48px; } .component-dialog .icon { display: inline-block; background: url(/static/images/new2x.png) center center no-repeat; background-size: 222px 72px; background-position: -84px; } .component-dialog .icon.icon-close { position: absolute; right: 32px; top: 17px; width: 14px; height: 14px; background-position: 0 0; cursor: pointer; } .component-btn { width: 100%; margin: 0 auto; overflow: hidden; padding: 0 32px; box-sizing: border-box; text-align: center; } .component-btn.confirm .HRtext { color: #fff; background: #a92924; position: relative; height: 40px; line-height: 40px; display: inline-block; width: 165px; margin-bottom: 30px; text-align: center; font-size: 15px; font-weight: 300; border: 1px solid #a92924; -webkit-box-sizing: border-box; box-sizing: border-box; } .component-dialog .icon.icon-v2 { width: 64px !important; height: 64px !important; text-align: center; margin: 0px auto; display: block; } .component-dialog-title { position: relative; height: 48px; line-height: 48px; width: 100%; margin: 0 auto; overflow: hidden; padding: 0 32px; box-sizing: border-box; } .coopart-goods { width: 100%; border-top: 1px solid #f1f1f1; padding-top: 30px; margin: 34px auto 32px; } .auth-dialog .tips { margin-top: 16px; font-size: 18px; font-weight: 500; text-align: center; } .auth-dialog .sub-tips, .auth-dialog .tips { line-height: 2; color: #353535; } /*图片弹窗*/ .imgtc { cursor: pointer; position: fixed; width: 100%; height: 100%; overflow: hidden; text-align: center; top: 0px; left: 0; display: none; z-index: 11111; background: rgba(255, 255, 255, .8); } .imgtc img { width: auto; max-width: 360px; max-height: 360px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } input:disabled { cursor: not-allowed; } .layui-input { font-size: 12px; } .layui-form-select dl dd { font-size: 12px; } .layui-carousel-ind ul { display: none !important; } .pagination { float: left; display: inline; } .pagination li { float: left; display: inline; margin-left: 8px; padding: 0 6px; height: 30px; line-height: 32px; min-width: 30px; border: 1px solid #dadada; background: #fff; text-align: center; font-size: 12px; color: #656565; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .pagination li a { display: block; } .pagination li:hover { border: 1px solid #a92924; background: #a92924; color: #fff; cursor: pointer; } .pagination li:hover a { color: #fff; } .pagination li.active { border: 1px solid #a92924; background: #a92924; color: #fff; cursor: pointer; } .pagination li.active span { color: #fff; } .pagination li.disabled { border-color: #fff; background: #fff; color: #e5e5e5; cursor: default; border: 1px solid #dadada; } .agreement_dialogs { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 19891017; text-align: center; display: none; background-color: rgba(35, 35, 35, 0.4); -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .agreement_dialogs .dialog_lay_1syd { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; width: 750px; color: #656565; font-size: 12px; line-height: 20px; background-color: #fff; text-align: left; vertical-align: middle; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .agreement_dialogs .dialog_foot_1hHfr { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #d5d5d5; margin: 0; text-align: center; } .agreement_dialogs .dialog_minorBtn_1u8nf { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px #316ccb solid; padding: 0 30px; height: 40px; background: #a92924; background: linear-gradient(90deg, #f0242e, #d0111a); line-height: 40px; cursor: pointer; font-size: 16px; vertical-align: top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; border-color: #fff; } .agreement_titley { height: 55px; line-height: 55px; font-size: 16px; color: #666; text-align: center; border-bottom: 1px solid #d5d5d5; font-weight: 400; } .agreement_content { padding: 23px 32px; } .con-subhead { font-size: 14px; font-weight: 500; color: #333; margin-bottom: 16px; } .con-content { height: 240px; overflow-y: scroll; line-height: 2; font-size: 13px; } .page-nav{ width: 1200px; margin: 0px auto; padding: 20px 0; }