* { padding: 0; margin: 0; /* 做一下兼容处理,360浏览器下不支持中文申明 */ font-family: "PingFang SC", "Microsoft YaHei"; font-family: '微软雅黑', "PingFang SC"; border: 0; color: #666; } body { background: #fff; font-size: 14px } b, i { font-style: normal; font-weight: normal; } dd, dl, dt, li, ul { list-style: none } a { text-decoration: none; color: #333 } #shouye-nav .navLis>ul>li>a{ color: #333; } #shouye-nav .navLis>ul>li.now a{ color: #e2383a; } #shouye-nav .navLis>ul>li:hover a{ color: #e2383a; } #captcha,.show-captcha{ border-radius: 4px; } input { outline: none } select{ background: transparent; } textarea { outline: none } h4, h5, h6 { font-weight: 400 } body h1,body h2,body h3,body h4{ margin: 0; } ::-webkit-input-placeholder { color: #a9a9a9 } :-moz-placeholder { color: #a9a9a9; opacity: 1 } ::-moz-placeholder { color: #a9a9a9; opacity: 1 } :-ms-input-placeholder { color: #b3b3b3 } .center { width: 1200px; margin: 0 auto } .textEllipsis { overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; word-break: normal !important; } .fr { float: right } .fl { float: left } .bg-f5{ background-color: #f5f5f5 !important; } .bg-fff{ background-color: #fff !important; } .no-float { *overflow: hidden } .no-float:after { content: ""; display: block; clear: both } #bread { position: absolute; top: 0; left: 0; height: 50px; width: 100%; line-height: 50px } #bread div.center { line-height: 50px; background: transparent !important; padding: 0 !important; } #bread b { font-weight: 400 } #bread a, #bread b { color: #666 } #bread a.this-location { color: #dd2726 } .header { width: 100%; height: 30px; background: #f6f6f6; padding-bottom: 80px; min-width: 1200px; background: #f5f5f5; color: #6C6C6C; } .header .headerLeft { line-height: 30px; height: 100%; color: #666; font-size: 12px; float: left } .header .headerLeft:after { content: ""; display: block; clear: both } .header .headerRight { float: right; height: 100% } .header .headerRight .header-float { float: left; line-height: 30px; height: 100%; color: #ccc; font-size: 12px } .header .headerRight .header-float a { color: #ccc; font-size: 12px } .header .headerRight .header-float a:hover { border-bottom: 1px solid #ccc } .header .headerRight .header-float span { font-size: 12px } .header .headerRight .link { position: relative; display: none } .header .headerRight .link .line { width: 1px; height: 13px; background: #606260; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto } .header .headerRight .link a { margin: 0 5px } .header .headerRight .login-bingo { display: none } .header .headerRight .show { display: block } .header .headerRight>ul { height: 100% } .header .headerRight>ul:after { content: ""; display: block; clear: both } .header .headerRight>ul>li { float: left; line-height: 30px; padding-left: 24px; font-size: 12px } .header .headerRight>ul>li a { color: #ccc } .header .headerRight>ul>li a span { color: #ff0000; padding-left: 4px; text-decoration: none } .nav { background: #fff; height: 80px; position: absolute; width: 100%; min-width: 1200px; top: 30px; z-index: 1; border-bottom: 1px solid #e4e4e4; box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.1); z-index: 100; /* 有些页面定义了全局border-box,这里重置一下 */ box-sizing: content-box !important; } .nav .center { position: relative; height: 100% } .nav .center .logo { position: absolute; top: 0; left: 0; height: 100%; padding: 0 } .nav .center .logo:after { content: ''; display: inline-block; height: 100%; margin-right: -1px; vertical-align: middle } .nav .center .logo img { vertical-align: middle } .nav .center .navLis { height: 100%; float: right } .nav .center .navLis ul { height: 100% } .nav .center .navLis ul:after { content: ""; display: block; clear: both } .nav .center .navLis ul li { float: left; height: 80px; padding: 0 3px; margin-left: 30px; line-height: 80px; box-sizing: border-box; position: relative; } .icon-mianfei { width: auto; background: #E2383A; display: inline-block; position: absolute; z-index: 2; top: 6px; right: -38px; color: #fff; text-align: center; line-height: normal; padding: 2px 4px; font-size: 12px; font-family: '宋体' } .icon-mianfei::after { border-right: 8px solid transparent; border-top: 8px solid #E2383A; content: ""; position: absolute; top: 18px; left: 4px } .nav .center .navLis>ul li>a { font-size: 16px; line-height: 44px; display: inline-block; margin-top: 18px; transition: all 0.1s linear; -webkit-transform: translate3d(0,0,0); } .nav .center .navLis>ul li.now>a{ border-bottom: 4px solid #e2383a; color: #e2383a } .nav .center .navLis ul li:hover a{ border-bottom: 4px solid #e2383a; } .nav .center .navLis ul li:hover .icon-line { opacity: 1; z-index: 1; filter: alpha(opacity=100); transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transform: translate3d(0,0,0); } .nav .center .navLis ul li:hover a { color: #e2383a } /* .nav .center .navLis ul .now { border-bottom: 4px solid #e2383a } */ .nav .center .navLis ul .now .icon-line { opacity: 1; z-index: 1; filter: alpha(opacity=100); transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transform: translate3d(0,0,0); } /* .nav .center .navLis ul .now a { color: #e2383a } */ .footer { min-width: 1200px } .footer .top { height: 110px; background: #e84047 } .footer .top .center { position: relative; height: 100% } .footer .top .center img { position: absolute; z-index: 0 } .footer .top .center>div { position: relative; z-index: 1; width: 1000px; margin: 0 auto; height: 100% } .footer .top .center>div:after { content: ""; display: block; clear: both } .footer .top .same { float: left; padding: 0; height: 100%; line-height: 110px } .footer .top h1 { font-size: 30px; color: #fff; font-weight: 400 } .footer .top .btn-same { width: 180px; padding: 0 25px; position: relative; *line-height: 110px } .footer .top .btn-same a { width: 182px; font-size: 16px; height: 42px; box-sizing: border-box; display: block; text-align: center; line-height: 42px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 4px; *position: static; *top: auto; *left: auto; *right: auto; *bottom: auto; *margin-top: 34px } .footer .top .btn-same.create a { background: #fff; color: #e84047 } .footer .top .btn-same.become a { border: 1px solid #fff; color: #fff } .footer .service-lis { height: 225px; width: 100%; background: #2c343d } .footer .service-lis ul { padding-top: 40px } .footer .service-lis ul:after { content: ""; display: block; clear: both } .footer .service-lis ul li { float: left; height: 145px } .footer .service-lis ul li dt { color: #fff; font-weight: 500; padding-bottom: 20px; font-size: 14px } .footer .service-lis ul li dd { padding-bottom: 10px; font-size: 10px } .footer .service-lis ul li dd a { color: #999 } .footer .service-lis ul li dd a:hover { border-bottom: 1px solid #999 } .footer .service-lis ul li+li { padding: 0 80px; border-left: 1px solid #555 } .footer .service-lis ul .first { padding-right: 80px } .footer .service-lis ul .last { padding-right: 0; position: relative } .footer .service-lis ul .last .icon.same { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/footer_icon.png"); background-repeat: no-repeat } .footer .service-lis ul .last h3 { font-size: 22px; font-weight: 400 } .footer .service-lis ul .last h3 span { font-size: 22px; color: #e84047 } .footer .service-lis ul .last .show-hide-icon { width: 108px; height: 100px; position: absolute; right: 152px; bottom: 5px; display: none } .footer .service-lis ul .last .icon.wxewm { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/ewm.png") } .footer .service-lis ul .last .icon.same { width: 26px; height: 26px; position: absolute; right: 122px; top: 0 } .footer .service-lis ul .last .show-hide-icon.show { display: block } .footer .service-lis ul .last .icon.wxshow { background-position: 0 -30px } .footer .service-lis ul .last .icon.qqshow { background-position: 0 -64px } .footer .service-lis ul .last .icon.xlshow { background-position: 0 0 } .footer .service-lis ul .last .icon.wx { background-position: -36px -30px } .footer .service-lis ul .last .icon.qq { background-position: -36px -64px } .footer .service-lis ul .last .icon.xl { background-position: -36px 0 } .footer .service-lis ul .last dd { text-align: right; position: relative } .footer .service-lis ul .last .show1 { display: none } .footer .service-lis ul .last .show2 { display: block } .footer .service-lis ul .last .show .icon.show1 { display: block } .footer .service-lis ul .last .show .icon.show2 { display: none } .footer .bottom { width: 100%; height: 42px; background: #e6e6e6; margin-bottom: 20px } .footer .bottom .center { position: relative; height: 100% } .footer .bottom ul { width: 840px; height: 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; *position: static; *margin: 13px auto } .footer .bottom ul:after { content: ""; display: block; clear: both } .footer .bottom ul li { float: left; padding: 0 14px; height: 15px; line-height: 15px } .footer .bottom ul li a { color: #333 } .footer .bottom ul li+li { border-left: 1px solid #656565 } .footer p { margin: 0; text-align: center; line-height: 20px; padding-bottom: 10px; font-size: 12px; color: #666 } .footer p.logo a { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/footer-logo.png"); background-repeat: no-repeat; height: 35px; display: inline-block } .footer p.logo a+a { margin-left: 10px } .footer p.logo .l1 { background-position: 0 0; width: 87px } .footer p.logo .l2 { background-position: -85px 0; width: 40px } .footer p.logo .l3 { background-position: -124px 0; width: 28px } .footer p.logo .l4 { background-position: -156px 0; width: 32px } .footer p.logo .l5 { background-position: -192px 0; width: 84px } .footer p.logo .l6 { background-position: -273px 0; width: 36px } .footer p.logo .l7 { background-position: -309px 0; width: 70px } .footer p.logo .l8 { background-position: -384px 0; width: 82px } .footer .link a { padding: 0 10px; color: #999 } .footer .link a:first-of-type { padding-left: 0 } .footer .link .line { color: #666 } .search-input { z-index: 1; width: 1000px; margin: 15px auto 0; height: 50px; position: relative } .search-input .search-text { position: absolute; width: 810px; height: 100%; color: #999; padding-left: 20px; line-height: 50px; font-size: 16px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background: #fff; border: 0 } .search-input .search-button { width: 190px; height: 50px; position: absolute; top: 0; right: 0; background: #e2383a; border: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .search-input .search-button a { display: block; width: 100%; height: 100%; text-align: center; line-height: 50px; font-size: 22px; color: #fff; font-weight: 400 } .search-input .search-button a span { padding-left: 30px; position: relative; color: #fff; font-size: 22px } .search-input .search-button a .icon-search { position: absolute; width: 21px; height: 21px; left: 0; top: 0; bottom: 0; margin: auto; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/search.png"); background-repeat: no-repeat; background-position: center; *top: 5px } .page-commonBanner { position: relative; height: 220px; width: 100%; overflow: hidden; background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/helpBanner.jpg") no-repeat center center; } .page-commonBanner h1 { padding: 0; line-height: 98px; font-size: 40px; color: #747474; position: relative; z-index: 1; text-align: center } .page-commonBanner .bg-img { position: absolute; top: 0; left: 50%; margin-left: -960px; z-index: 0 } .page-commonBanner .bg-img img { margin: auto } .page-commonBanner .search input { border: 1px solid #e6e6e6; height: 48px; color: #a9a9a9 } .page-commonBanner .search .keyFont { width: 980px; margin: 15px auto; padding-left: 20px; position: relative; z-index: 1 } .page-commonBanner .search .keyFont span { color: #444 } .page-commonBanner .search .keyFont a { color: #ff8500; margin-right: 22px } .page-commonContent { position: relative; padding: 50px 0; background: #fff } .page-commonContent .center #bread .center{ width: auto; } .page-commonContent:after { content: ""; display: block; clear: both } .page-commonContent .bread-crumbs { height: 35px; border-bottom: 1px solid #e8e8e8; color: #444444 } .page-commonContent .bread-crumbs a { padding: 0 5px } .page-commonContent .bread-crumbs .now { color: #1296db } .page-commonContent .bread-crumbs .jt { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/help-mine.png"); height: 9px; width: 5px; display: inline-block; *margin-bottom: 4px } .page-commonContent .ys { text-align: center; padding: 8px 0 } .page-commonContent .ys a { padding: 4px 10px; border: 1px solid #dddddd; margin: 5px; border-radius: 4px; color: #999 } .page-commonContent .left { border-right: 1px solid #e8e8e8 } .page-commonContent .left li { width: 195px; height: 50px; border-top: 1px solid #e8e8e8; border-left: 4px solid #000 } .page-commonContent .left li a { padding-left: 60px; position: relative; line-height: 50px; display: block; height: 100%; color: #898989; font-size: 14px } .page-commonContent .left li a .icon { position: absolute; width: 28px; height: 26px; top: 12px; left: 17px; background-repeat: no-repeat } .page-commonContent .right { width: 951px; padding-top: 50px; position: relative } @keyframes virtualBannerh1 { from { transform: translateY(100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } @-moz-keyframes virtualBannerh1 { from { transform: translateY(100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } @-webkit-keyframes virtualBannerh1 { from { transform: translateY(100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } @-o-keyframes virtualBannerh1 { from { transform: translateY(100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } @keyframes virtualBannerh3 { from { transform: translateY(100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } @-moz-keyframes virtualBannerh3 { from { transform: translateY(100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } @-webkit-keyframes virtualBannerh3 { from { transform: translateY(100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } @-o-keyframes virtualBannerh3 { from { transform: translateY(100px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } @keyframes virtualBannerhimg { from { transform: translateX(100px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } @-moz-keyframes virtualBannerimg { from { transform: translateX(100px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } @-webkit-keyframes virtualBannerimg { from { transform: translateX(100px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } @-o-keyframes virtualBannerimg { from { transform: translateX(100px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } .AD ul { padding: 50px 0 } .AD li { width: 379px; height: 177px; line-height: 177px; text-align: center; border: 1px solid #e6e6e6 } .AD li+li { margin-left: 20px } .footer .service-lis a { font-size: 14px; cursor: pointer } body .pc_href_a { color: #333; padding: 0 4px; float: right } .footer .top .h1 { font-size: 30px; color: #fff; font-weight: 400 } .suspension-right { position: fixed; right: 5px; bottom: 10%; z-index: 100 } .suspension-right-menu { position: relative } .suspension-right-btn { width: 48px; height: 48px; border: 1px solid #ddd; text-align: center; display: block; margin-bottom: 6px; position: relative; background-color: #fff } .suspension-right-btn span { color: #848484; font-size: 26px; line-height: 48px; display: inline-block } .suspension-right-btn p { color: #e84047; font-size: 14px; line-height: 18px; padding-top: 5px; display: none } .suspension-right-menu:hover .suspension-right-btn span { display: none } .suspension-right-menu:hover .suspension-right-btn p { display: block } .meau-car .suspension-right-btn { border-color: #e84047; margin-bottom: 20px } .meau-car.suspension-right-menu:hover .suspension-right-btn { background-color: #e84047 } .meau-car.suspension-right-menu:hover .suspension-right-btn span { color: #fff; display: block } .meau-car .suspension-right-btn span { color: #e84047 } .meau-sev .suspension-right-btn { border-color: #e84047; background-color: #e84047 } .meau-sev .suspension-right-btn p, .meau-sev .suspension-right-btn span { color: #fff } .meau-top .suspension-right-btn span { font-size: 12px; line-height: 12px; padding-top: 10px; display: block } .meau-top .suspension-right-btn i { display: block; color: #999 } .meau-top.suspension-right-menu:hover .suspension-right-btn { background-color: #e84047; border-color: #e84047 } .meau-top.suspension-right-menu:hover .suspension-right-btn span { display: block; color: #fff } .meau-top.suspension-right-menu:hover .suspension-right-btn i { color: #fff; font-size: 14px } .suspension-right-box { position: absolute; top: -15px; right: 48px; padding-right: 25px; display: none } .suspension-right-box .box-border { overflow: hidden; border: 1px solid #ccc; border-top: 4px solid #e84047; padding: 20px; background-color: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15); box-shadow: 0 3px 8px rgba(0, 0, 0, .15); position: relative } .suspension-right-box .box-border .sev-t span { font-size: 42px; float: left; display: block; line-height: 56px; margin-right: 20px; color: #d3d3d3 } .suspension-right-box .box-border .sev-t p { float: left; color: #e84047; font-size: 24px; line-height: 28px } .suspension-right-box .box-border .sev-t p i { display: block; font-size: 14px; color: #aaa } .suspension-right-box .box-border .sev-b { padding-top: 15px; margin-top: 15px; border-top: 1px solid #e4e4e4 } .suspension-right-box .box-border .sev-b h4 { color: #666; font-size: 14px; font-weight: normal; padding-bottom: 15px } .suspension-right-box .box-border .sev-b li { float: left; width: 33.33333% } .suspension-right-box .box-border .sev-b li a { display: inline-block; color: #999; font-size: 13px; padding-left: 43px; line-height: 36px } .suspension-right-box .box-border .sev-b li a:hover { color: #e84047 } .meau-contact .suspension-right-box .box-border { width: 230px } .suspension-right-menu:hover .suspension-right-box { display: block } .meau-code .suspension-right-box { top: inherit; bottom: -35px } .meau-code .suspension-right-box .box-border { width: 156px; text-align: center; border-top: 1px solid #ccc } .meau-code .suspension-right-box .box-border i { display: block; color: #e84047; font-size: 16px; line-height: 16px } .meau-code .suspension-right-box .box-border .arrow-right { top: inherit; bottom: 50px } .meau-sev:hover .suspension-right-btn { background: #e84047 } .meau-zs .suspension-right-btn { background-color: #e84047; color: #fff; margin-top: 80px; border-color: #e84047 } .meau-zs .suspension-right-btn span { color: #fff } .meau-zs .suspension-right-btn p { color: #fff } .meau-cx .suspension-right-btn { background-color: #e84047; color: #fff; margin-top: 40px; border-color: #e84047 } .meau-cx .suspension-right-btn span { width: 48px; height: 48px; display: block; overflow: hidden } .meau-cx .suspension-right-btn p { color: #fff } #toTop .active_img { display: none } #toTop:hover .demo-icon .ago_img { display: none } #toTop:hover .demo-icon .active_img { display: inline-block } .suspension-right-menu:hover .arrow-right { background: none; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #fff; border-bottom: 10px solid transparent; display: block } .dynamicTime:before { content: ''; position: absolute; top: 28px; right: 15px; width: 0; height: 0; border-left: 10px solid #E4E4E2; border-bottom: 10px solid transparent; border-top: 10px solid transparent } .dynamicTime:after { content: ''; position: absolute; top: 29px; right: 17px; width: 0; height: 0; border-bottom: 9px solid transparent; border-left: 9px solid #fff; border-top: 9px solid transparent } .footer p.logo .l { float: none; } .footer p.logo a img { vertical-align: baseline; } html, body { min-height: 101%; } #login .menu, #logined .menu { color: #666; margin: 0; margin-top: 9px; padding: 0px 10px; border-right: 1px solid #ddd; float: left; line-height: 12px; text-decoration: none; font-size: 12px; width: auto; height: auto; } #login .nickname{ color: #333; } .nav .center .navLis ul li { /* height: 65px; */ } .eb_h1_title { font-size: 12px; color: #666; vertical-align: -6px; margin-left: 8px; font-weight: normal; float: left; height: 80px; line-height: 106px; } .header .headerRight .link .line { margin: 0; top: 10px; left: 35px; } #shouye-nav *{ box-sizing: content-box; } #shouye-nav .center{ height: 80px; } #shouye-nav .logo a { height: 80px; line-height: 76px; } #shouye-nav .hearder-logo{ height: 80px;text-align:left;font-size: 12px;font-weight:normal; } #shouye-nav .logo a img { display: inline-block; } body .backstage_pay { color: #007EFF; display: inline-block; margin-top: 10px; } .m_uc_position { position: relative; } .aui_inner .aui_dialog { overflow: hidden; width: 100%; } table .aui_titleBar { background: #dd2726; } .icon-line { z-index: 0; position: absolute; width: 100%; height: 4px; background: #e2383a; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .down-menu-box { /* height: 270px; */ background: #f7f9fb; border-top: 1px solid #e6e6e6; } /* .down-menu-box.menu-active{ height: 270px; } .two-menu-list{ padding: 0 30px; border-left: dashed 1px #e6e6e6; } .two-menu-list:first-child{ border-left: none; } */ .menu .menu-list-content { font-size: 16px; background: #fe8431; width: 100%; height: 46px; line-height: 46px; } .menu .menu-list-content .menu-down { position: relative; } .menu .menu-list-content .menu-list { float: none; margin: 0; } .menu .menu-list-content .menu-list>li { float: left; display: inline; position: relative; width: 115px; text-align: center; margin-right: 0; } .menu .menu-list-content .menu-list>li:first-child { width: 120px; } .menu .menu-list-content .menu-list>li:last-child { width: 156px; } .menu .menu-list-content .menu-list>li.open>a { color: #e2383a; background: none; } .menu .menu-list-content .menu-list>li.open>a:focus { color: #e2383a; background: none; } .menu .menu-list-content .menu-list>li.chose { background: #fff; cursor: pointer; height: 46px; } .nav .center .navLis>ul li.chose>a{ border-bottom: solid 4px #e2383a; } .menu .menu-list-content .menu-list>li.active { background: #e2383a; } .menu .menu-list-content .menu-list>li.active>a { color: #fff; background: none; } .menu .menu-list-content .menu-list>li.active>a:hover { color: #e2383a; background: none; } .menu .menu-list-content .menu-list>li.active:hover { background: #fff; color: #e2383a; height: 46px; border-top: 1px solid #e2383a; } .menu .menu-list-content .menu-list>li.active:hover>a { color: #e2383a; } .menu .menu-list-content .menu-list>li>a { color: #fff; display: inline-block; padding: 0; width: 100%; line-height: 46px; } .menu .menu-list-content .menu-list>li>a:hover { color: #e2383a; text-decoration: none; background: none; } .menu .menu-list-content .menu-list>li>a:focus { background: none; } .menu .menu-list-content .menu-list>li.couple { position: relative; } .menu .menu-list-content .menu-list>li.couple>a { width: 50%; } .menu .menu-list-content .menu-list>li.couple>a:first-child:after { content: ""; position: absolute; top: 14px; right: 0; width: 2px; height: 18px; background-color: #fff; } .menu .menu-list-content .menu-list>li.couple>a:last-child:after { content: ' '; display: block; position: absolute; top: 4px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: #e2383a; } .menu .menu-list-content .menu-list>li.couple>a:first-child:hover { text-decoration: underline; } .menu .menu-list-content .menu-list>li.couple>a:last-child:hover { text-decoration: underline; } .menu .menu-list-content .menu-list>li.couple:hover>a:first-child:after { background-color: #e2383a; } .menu .menu-list-content .menu-list>li:hover { -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translate3d(0,0,0); background: #fff; cursor: pointer; color: #e2383a; height: 46px; border-top: 1px solid #e2383a; } .menu .menu-list-content .menu-list>li:hover>a { color: #e2383a; background: none; } .menu .menu-hd { position: absolute; left: 0; top: 46px; width: 100%; z-index: 3; background: #f7f9fb; font-size: 14px; } .menu .menu-hd .menu-down-cont { width: 100%; margin: 0; background: #f8f8f8; position: absolute; top: 35px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 5px 0 rgba(137,137,137,.392), 0 5px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 5px 0 rgba(137,137,137,.392), 0 5px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 5px 0 rgba(137,137,137,.392), 0 5px 8px rgba(0, 0, 0, 0.1); } .menu .menu-hd .menu-dropdown { width: 1200px; margin-left: auto; margin-right: auto; padding: 27px 0; *zoom: 1; overflow-x: hidden; height: 187px; } .menu .menu-hd .menu-dropdown:before, .menu .menu-hd .menu-dropdown:after { display: table; content: ""; } .menu .menu-hd .menu-dropdown:after { clear: both; } .menu .menu-hd .menu-dropdown li { float: left; display: inline; border-left: 1px dashed #ccc; } .menu .menu-hd .menu-dropdown li:first-child{ border-left: none; } .menu .menu-hd .menu-dropdown li.reg-question{ border-left: dashed 1px #ccc; max-width: 220px; } .menu .menu-hd .menu-dropdown li.reg-question a{ max-width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* .menu .menu-hd .menu-dropdown li.reg-question h3 a{ } .menu .menu-hd .menu-dropdown li.reg-question h3 .intern-title{ display: inline-block; width: auto; } */ /* .menu .menu-hd .menu-dropdown li.reg-question h3 a:first-child{ padding-right: 25px; } */ .menu .menu-hd .menu-dropdown li.reg-question h3 .intern-title{ padding-right: 25px; display: inline-block; width: auto; } .menu .menu-hd .menu-dropdown li.reg-question h3 a:last-child{ font-weight: normal; color: #999; font-size: 12px; } .menu .menu-hd .menu-dropdown li.reg-question h3 a:last-child:hover{ color: #e2383a; } .menu .menu-hd .menu-dropdown li a { display: block; line-height: 30px; /* font-size: 12px; */ color: #666; } .menu .menu-hd .menu-dropdown li a:hover{ color: #e2383a } .menu .menu-hd .menu-dropdown li h3 { color: #333333; font-size: 14px; padding-bottom: 7px; font-weight: 700; overflow: hidden; margin: 0; /* 部分页面引用了bootstrap ,重置一下margin*/ } /* .menu .menu-hd .menu-dropdown li h3 a { color: #333333; font-size: 14px; } */ .menu .menu-hd .menu-dropdown li h3 .intern-title{ color: #333333; font-size: 14px; cursor: default; display: block; line-height: 30px; } /* .menu .menu-hd .menu-dropdown li h3 a:first-child{ cursor: default; } */ /* 部分浏览器默认是sizing-box */ .menu *{ box-sizing: content-box; } /* .menu .menu-hd .menu-dropdown li h3 a:hover { color: #333333; text-decoration: none; } */ .menu .menu-hd .menu-dropdown li .dr-list { float: left; display: inline; } .menu .menu-hd .menu-dropdown .domain-register { float: right; display: inline; *zoom: 1; } .menu .menu-hd .menu-dropdown .domain-register:before, .menu .menu-hd .menu-dropdown .domain-register:after { display: table; content: ""; } .menu .menu-hd .menu-dropdown .domain-register:after { clear: both; } .menu .menu-hd .menu-dropdown .domain-register li.reg-question { padding: 0 25px 0 25px; } .menu .menu-hd .menu-dropdown .domain-register li.domain-service { padding: 0 6px 0 28px; } .menu .menu-hd .menu-dropdown .domain-register li.domain-service .dr-list { padding-right: 24px; } .menu .menu-hd .menu-dropdown .domain-register li.top-domain { padding: 0 10px 0 30px; } .menu .menu-hd .menu-dropdown .domain-register li.china-domain { padding: 0 10px 0 28px; } .menu .menu-hd .menu-dropdown .domain-register li.china-domain .dr-list { padding-right: 20px; } .menu .menu-hd .menu-dropdown .domain-register li.top-domain .dr-list{ padding-right: 20px; } .menu .menu-hd .menu-dropdown .domain-register li.intern-domain { padding: 0 25px 0 25px; } .menu .menu-hd .menu-dropdown .domain-register li.intern-domain .dr-list { padding-right: 20px; } .menu .menu-hd .menu-dropdown .domain-register li.intern-domain .dr-list:last-child{ padding-right: 0; } .menu .menu-hd .menu-dropdown .menu-advert { width: 240px; /* float: right; */ /* line-height: 187px; */ height: 187px; display: table-cell; vertical-align: middle; } .menu .menu-hd .menu-dropdown .menu-advert a { display: inline-block; height: 120px; vertical-align: middle; } .menu .menu-hd .menu-dropdown .menu-advert img { height: 120px; width: 240px; display: block; } .menu .menu-hd .menu-dropdown .menu-domain-list { *zoom: 1; } .menu .menu-hd .menu-dropdown .menu-domain-list:before, .menu .menu-hd .menu-dropdown .menu-domain-list:after { display: table; content: ""; } .menu .menu-hd .menu-dropdown .menu-domain-list:after { clear: both; } .menu .menu-hd .menu-dropdown .menu-domain-list li { padding-left: 30px; } .menu .menu-hd .menu-dropdown .menu-domain-list li.domain-bid-list { padding-right: 30px; } .menu .menu-hd .menu-dropdown .menu-domain-list li.ykj-list .dr-list { padding-right: 30px; } .menu .icon-hot{ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/two_menu_hot.png") no-repeat center center; } .menu .icon-new{ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/two_menu_new.png") no-repeat center center; } .menu .icon-hot, .menu .icon-new { width: 27px; height: 12px; vertical-align: middle; margin-left: 3px; } .menu [class^=icon-], .menu [class*=icon-] { display: inline-block; } .hide{ display: none !important; } /** 验证码弹出框样式优化 */ body .aui_main{ padding: 15px 8px; } .aui_border{ border-radius: 5px !important; } .aui_inner{ overflow: hidden; border-radius: 5px !important; } body .blocker .dialog{ border-radius:5px; overflow:hidden; } .footer .service-lis ul li{ height: auto; } .footer .service-lis ul{ padding-bottom: 30px; } .footer .service-lis{ height: auto; } body .footer .service-lis ul li{ border: none; border-right: solid 1px #555; } body .footer .service-lis ul li.last{ border: none; }