@charset 'utf-8'; html, body { min-width: 1200px; letter-spacing: 1px; } .clearFix:after { display: block; content: ''; clear: both; } .clearFix { zoom: 1; } .white { background-color: #fff !important; } .f8 { background-color: #f8f8f8 !important; } .headers { height: 60px; border-bottom: 1px solid #eee; background: #fff; position: fixed; top: 0; width: 100%; min-width: 1200px; z-index: 1000; } .N-head { width: 1200px; margin: 0 auto; } .head_lef { float: left; } .head_lef nav { float: left; margin-left: 30px; } .head_lef nav a { padding: 0 20px; } .head_lef a { float: left; padding: 0 25px; line-height: 60px; } .head_lef a:hover { font-weight: bold; } .head_lef .newlogo { float: left; } .head_lef .newlogo a { padding: 0; } .head_lef .logo { float: left; width: 120px; height: 60px; background: url(../img/logonew1.png) no-repeat center 20px; } .head_lef .thlogo { float: left; width: 170px; height: 60px; background: url(../img/thlogos.png) no-repeat center center; } .head_lef .active { font-weight: bold; } .head-lef { float: left; } .head-lef nav { float: left; height: 61px; margin-left: 30px; } .head-lef nav .itme { float: left; } .head-lef nav .itme > a { float: left; padding: 0 20px; line-height: 60px; } .head-lef nav .itme > a:hover { font-weight: bold; } .head-lef nav a { float: left; line-height: 60px; padding: 0 20px; } .head-lef .info:after { float: right; content: ""; width: 10px; height: 5px; margin-left: 5px; margin-top: 28px; background: url(../img/bot.png) no-repeat; transition: 300ms; -o-transition: 300ms; -ms-transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; } .head-lef .msginfo { position: relative; border: 1px solid transparent; border-top: none; } .head-lef .msginfo:hover { height: 61px; background-color: #fff; border-color: #ececec; border-bottom-color: #fff; } .head-lef .msginfo:hover .menu { display: block; } .head-lef .msginfo:hover .info:after { float: right; content: ""; width: 10px; height: 5px; margin-left: 5px; margin-top: 28px; background: url(../img/bot.png) no-repeat; transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .head-lef .newlogo { float: left; } .head-lef .newlogo a { float: left; line-height: 60px; padding: 0; } .head-lef .logo { float: left; width: 120px; height: 60px; background: url(../img/logonew1.png) no-repeat center 20px; } .head-lef .thlogo { float: left; width: 170px; height: 60px; background: url(../img/thlogos.png) no-repeat center center; } .head-lef .active { font-weight: bold; } .menu { position: absolute; left: -177px; top: 61px; width: 848px; border: 1px solid #f6f6f6; background-color: #fff; margin-top: -1px; z-index: -1; display: none; } .menu ul { padding: 0 23px; border: 1px solid #eee; } .menu li { float: left; width: 100px; height: 100px; text-align: center; } .menu li a { float: none; display: block; line-height: 0; padding: 0; } .menu li span { display: block; width: 40px; height: 40px; margin: 15px auto 0; background: url(../img/navicon.png?145) no-repeat; } .menu li em { display: block; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #666; } .menu li:hover { background-color: #f7f7f7; } .menu li:hover em { font-weight: bold; } .menu .navicon2 { background-position: -40px 0; } .menu .navicon3 { background-position: -80px 0; } .menu .navicon4 { background-position: -120px 0; } .menu .navicon5 { background-position: -160px 0; } .menu .navicon6 { background-position: -200px 0; } .menu .navicon7 { background-position: -240px 0; } .menu .navicon8 { background-position: 0 -40px; } .menu .navicon9 { background-position: -40px -40px; } .menu .navicon10 { background-position: -80px -40px; } .menu .navicon11 { background-position: -120px -40px; } .menu .navicon12 { background-position: -160px -40px; } .menu .navicon13 { background-position: -200px -40px; } .menu .navicon14 { background-position: -240px -40px; } .menu .navicon15 { width: 44px; background-position: -322px -40px; } .menu .navicon16 { background-position: -280px -40px; } .menu .navicon17 { background-position: -280px 0; } .menu .navicon18 { width: 45px; background-position: -324px 0; } .menu .navicon19 { background: url(../img/navnek.png) no-repeat center center; } .subNav { position: static; display: block; width: 100%; margin: 0 auto; border: none; } .subNav ul { width: 1200px; margin: 0 auto; border: none; padding: 0; } .subNav ul li { width: 80px; height: 82px; } .subNav ul li span { margin-top: 7px; } .subNav ul li em { padding: 0 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .subNav ul .active { background-color: #f8f8f8; } .subNav ul .active em { font-weight: bold; } .subNav-f { position: fixed; left: 0; top: 61px; width: 100%; border: none; margin-top: 0; z-index: -1; box-shadow: 0 5px 10px rgba(51, 51, 51, 0.1); display: none; } .subNav-f ul { width: 1200px; margin: 0 auto; border: none; padding: 0; } .subNav-f ul li { width: 80px; height: 82px; } .subNav-f ul li span { margin-top: 7px; } .subNav-f ul li em { padding: 0 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .subNav-f ul .active { background-color: #f8f8f8; } .subNav-f ul .active em { font-weight: bold; } .subNavFixed { position: fixed; left: 0; top: 0; z-index: 999; box-shadow: 0 5px 10px rgba(51, 51, 51, 0.1); } .head_rig { float: right; } .head_rig .hsearch { float: left; border-left: 1px solid #eee; border-right: 1px solid #eee; height: 20px; padding: 20px; width: 280px; } .head_rig .hsearch input { border: none; line-height: 20px; } .head_rig .hsearch em { float: right; width: 24px; height: 24px; cursor: pointer; background: url(../img/atc2.png) no-repeat; background-position: -252px 0; } .head_rig .Lgoqey { float: left; height: 60px; border-left: 1px solid #eee; padding: 0 31px; line-height: 60px; } .head_rig .Lgoqey a { line-height: 80px; } .head_rig .longinWrap { float: right; } .head_rig .longinWrap .mobile, .head_rig .longinWrap .qyh, .head_rig .longinWrap .quick { border: none; padding: 0 20px; } .head-rig { float: right; } .head-rig .hsearch { float: left; border-left: 1px solid #eee; border-right: 1px solid #eee; height: 20px; padding: 20px; width: 280px; } .head-rig .hsearch input { border: none; line-height: 20px; } .head-rig .hsearch em { float: right; width: 24px; height: 24px; cursor: pointer; background: url(../img/atc2.png) no-repeat; background-position: -252px 0; } .head-rig .Lgoqey { float: left; height: 60px; margin: 0 20px; line-height: 60px; } .head-rig .Lgoqey a { line-height: 80px; } .head-rig .longinWrap { float: right; padding-left: 15px; } .head-rig .longinWrap .quick { margin-right: 0; } .Hlogonyes { float: left; width: 137px; border-left: 1px solid #eee; border-right: 1px solid #fff; background: #fff; padding-left: 25px; cursor: pointer; } .Hlogonyes:hover { border: 1px solid #f99; border-bottom: 3px solid #f99; border-radius: 0 0 0 4px; border-top: none; } .Hlogonyes:hover .loglianm { display: block; } .Hlogonyesk { width: auto; padding-left: 0; } .Hlogonyesk .Lgoqey { padding: 0; width: 120px; text-align: center; border: none; } .Hlogonyesk .loglianm { width: 120px; } .Hlogonyesk .loglianm li { width: 100%; text-align: center; } .lpicyna { overflow: hidden; padding: 15px 0; } .lpicyna dt { width: 30px; height: 30px; float: left; margin-right: 10px; border-radius: 50%; overflow: hidden; } .lpicyna dt img { display: block; width: 30px; height: 30px; } .lpicyna dd { float: left; line-height: 30px; width: 90px; } .lpicyna dd a { display: block; width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .loglianm { display: none; } .loglianm li { float: left; width: 50%; margin-bottom: 14px; position: relative; } .loglianm li:hover { color: #f66; } .loglianm li span { color: #f66; } .loglianm li em { position: absolute; display: block; width: 20px; text-align: center; line-height: 12px; right: 7px; top: 6px; background: #f66; color: #fff; border-radius: 10px; font-size: 10px; } .newHlogonyes { position: relative; float: left; width: 135px; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #fff; padding-left: 25px; cursor: pointer; } .newHlogonyes:hover { border: 1px solid #f99; border-bottom: 3px solid #f99; border-radius: 0 0 0 4px; border-top: none; } .newHlogonyes:hover .new-loglianmsk { display: block; } .newHlogonyes:hover .new-loglianmsk:hover { border: 1px solid #f99; border-bottom: 3px solid #f99; border-radius: 0 0 0 4px; border-top: none; } .newHlogonyes:hover .new-loglianm { display: block; } .newHlogonyesk { width: auto; padding-left: 0; } .newHlogonyesk .Lgoqey { padding: 0; width: 120px; text-align: center; border: none; } .new-loglianm { display: none; } .new-loglianm li { line-height: 36px; } .new-loglianm li span { color: #f66; } .new-loglianm li em { display: inline-block; width: 20px; margin-left: 5px; text-align: center; line-height: 12px; background: #f66; color: #fff; border-radius: 10px; font-size: 10px; } .new-loglianm li:hover { color: #f66; } .new-loglianmsk { position: absolute; right: -1px; top: 0; width: 120px; padding-top: 5px; background-color: #fff; display: none; } .new-loglianmsk li { line-height: 50px; text-align: center; } .new-loglianmsk li:hover a { color: #f66; } .mobile { position: relative; background: url(../img/mobliet.png) no-repeat center 13px; } .mobile:hover { background: url(../img/moblie.png) no-repeat center 13px; } .mobile:hover a { color: #f66; } .mobile:hover .ewmWarp { display: block; } .mobile .ewmWarp { position: absolute; left: -135px; top: 57px; width: 300px; padding: 15px; background-color: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 3px; z-index: 4567; display: none; } .mobile .ewmWarp div { float: left; width: 150px; text-align: center; } .mobile .ewmWarp div img { width: 130px; height: 130px; border: 1px solid #eee; } .mobile .ewmWarp div h6 { line-height: 20px; font-size: 12px; font-weight: bold; letter-spacing: 0; } .qyh { background: url(../img/qyh1.png) no-repeat center 13px; } .qyh:hover { background: url(../img/qyh2.png) no-repeat center 13px; color: #f66; } .quick { height: 60px; background: url(../img/yhu1.png) no-repeat center 13px; } .quick:hover { background: url(../img/yhu2.png) no-repeat center 13px; color: #f66; } .fiedSidebar { position: fixed; right: 10px; bottom: 50px; z-index: 1000; } .fiedSidebar ul { position: relative; width: 45px; background-color: white; margin: 0 auto; } .fiedSidebar ul li { height: 45px; margin-bottom: 3px; background: url(../img/sidebar1.png) no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .fiedSidebar .kfwrap { position: absolute; left: -110px; top: -63px; width: 100px; padding-top: 65px; background: url(../img/cxm.png) no-repeat center 0; display: none; } .fiedSidebar .kfwrap .kfewm { position: relative; width: 80px; height: 80px; padding: 4px; border: 6px solid #f0f0f0; border-radius: 4px; background-color: #fff; } .fiedSidebar .kfwrap .kfewm img { width: 100%; height: 100%; } .fiedSidebar .kfwrap .kfewm:after { content: ""; position: absolute; right: -20px; top: 12px; border-width: 4px 7px; border-style: solid; border-color: transparent; border-left-color: #f0f0f0; } .fiedSidebar .wxkf:hover { background-position-y: -48px; } .fiedSidebar .wxkf:hover .kfwrap { display: block; } .fiedSidebar .wxgzh { background-position-y: -96px; } .fiedSidebar .wxgzh .gzhewm { position: absolute; left: -110px; top: 40px; width: 80px; height: 80px; padding: 4px; border: 6px solid #f0f0f0; border-radius: 4px; background-color: #fff; display: none; } .fiedSidebar .wxgzh .gzhewm img { width: 100%; height: 100%; } .fiedSidebar .wxgzh .gzhewm:after { content: ""; position: absolute; right: -20px; top: 20px; border-width: 4px 7px; border-style: solid; border-color: transparent; border-left-color: #f0f0f0; } .fiedSidebar .wxgzh:hover { background-position-y: -143px; } .fiedSidebar .wxgzh:hover .gzhewm { display: block; } .fiedSidebar .khd { background-position-y: -192px; } .fiedSidebar .khd .khdewm { position: absolute; left: -110px; top: 98px; width: 80px; height: 80px; padding: 4px; border: 6px solid #f0f0f0; border-radius: 4px; background-color: #fff; display: none; } .fiedSidebar .khd .khdewm img { width: 100%; height: 100%; } .fiedSidebar .khd .khdewm:after { content: ""; position: absolute; right: -20px; top: 12px; border-width: 4px 7px; border-style: solid; border-color: transparent; border-left-color: #f0f0f0; } .fiedSidebar .khd:hover { background-position-y: -240px; } .fiedSidebar .khd:hover .khdewm { display: block; } .fiedSidebar .blackTop { background-position-y: -288px; } .fiedSidebar .blackTop a { display: block; height: 45px; } .fiedSidebar .blackTop:hover { background-position-y: -336px; } .fiedSidebar .redpackage { margin-bottom: 10px; } .fiedSidebar .redpackage img { width: 100%; } .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 256; display: none; } .tipmsg { position: fixed; left: 50%; top: 30%; padding: 40px 50px; border: 1px solid #eee; border-radius: 3px; background-color: #fff; margin-left: -200px; line-height: 36px; text-align: center; z-index: 1278; display: none; } .tipmsg h2 { font-size: 18px; } .tipmsg button { width: 90px; height: 36px; margin: 20px; margin-bottom: 0; border: none; border-radius: 3px; } .tipmsg .cancel { background-color: #eee; color: #999; } .tipmsg .cancel:hover { background-color: #f66; color: #fff; } .tipmsg .continue { background-color: #f66; color: #fff; } .tipsMsg { position: fixed; left: 50%; top: 30%; padding: 20px; border: 1px solid #eee; border-radius: 3px; background-color: #fff; margin-left: -170px; line-height: 36px; text-align: center; z-index: 1278; display: none; } .tipsMsg h5 { font-size: 18px; } .tipsMsg p { width: 298px; line-height: 24px; } .tipsMsg button { width: 86px; height: 30px; line-height: 30px; border-radius: 3px; background-color: #189fd9; color: #fff; border: none; margin: 20px 30px 0; } .tipsMsg2 { position: fixed; left: 50%; top: 30%; padding: 20px; border: 1px solid #eee; border-radius: 3px; background-color: #fff; margin-left: -170px; line-height: 36px; text-align: center; z-index: 1278; display: none; } .tipsMsg2 h5 { font-size: 18px; } .tipsMsg2 p { width: 298px; line-height: 24px; } .wxewm { position: fixed; left: 50%; top: 30%; margin-left: -150px; z-index: 1278; background-color: #fff; border-radius: 5px; } .wrap { width: 1200px; margin: 0 auto; position: relative; } .wrap2 { width: 1200px; margin: 0 auto; position: relative; padding-top: 20px; } .main-wrap { margin-top: 20px; } .subnav { position: relative; height: 30px; border-bottom: 1px solid #eee; } .subnav div { float: left; } .subnav h5 { padding: 0 8px; margin: 0 18px; height: 28px; line-height: 28px; cursor: pointer; } .subnav h5:hover { font-weight: bold; color: #f66; border-bottom: 3px solid #f66; } .subnav .active { font-weight: bold; color: #f66; border-bottom: 3px solid #f66; } .subnav .headlines { float: right; margin: 0; padding: 0; width: 60px; height: 20px; text-align: center; line-height: 20px; background-color: #f66; color: #fff; border-radius: 2px; font-size: 12px; } .subnav .headlines:hover { color: #fff; border: none; font-weight: normal; } .newsList .loading { height: 24px; line-height: 24px; margin-top: 16px; margin-bottom: 4px; width: 100%; font-size: 12px; text-align: center; } .newsList .ball-pulse > div { background-color: #999; width: 8px; height: 8px; border-radius: 100%; margin: 1px; animation-fill-mode: both; display: inline-block; } .newsList .ball-pulse > div:first-child { animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .newsList .ball-pulse > div:nth-child(2) { animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .newsList .loading.ball-pulse > div:nth-child(3) { animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .newsList .tipmessage { height: 24px; line-height: 24px; background-color: #fee; text-align: center; font-size: 12px; color: #f66; cursor: pointer; display: none; } .newsList .tipmessage .close { position: static; float: right; width: auto; height: auto; font-size: 20px; line-height: 20px; margin-right: 15px; color: #ccc; cursor: pointer; background: none; } .newsList .tipmessage2 { height: 24px; line-height: 24px; margin-top: -10px; background-color: #fee; text-align: center; font-size: 12px; color: #f66; cursor: pointer; display: none; } .newsList .tipmessage2 .close { position: static; float: right; width: auto; height: auto; font-size: 20px; line-height: 20px; margin-right: 15px; color: #ccc; cursor: pointer; background: none; } .newsList ul { margin: 0; display: none; } .newsList ul li { position: relative; padding: 30px 0; padding-left: 180px; float: none; width: auto; border-bottom: 1px solid #eee; min-height: 100px; } .newsList ul li:last-child { border-bottom: none; } .newsList ul li:hover .sharer { display: block; } .newsList ul .no-padd { padding-left: 0; min-height: inherit; } .newsList ul .renovate { height: 24px; padding: 0; line-height: 24px; background-color: #eee; font-size: 12px; color: #f66; text-align: center; cursor: pointer; min-height: inherit; } .newsList .active { margin: 0; display: block; } .newsList .wdlgz .ztWrap { padding: 0; } .newsList .wdlgz li { padding-left: 0; padding-top: 0; } .newsList .theme { padding-right: 60px; } .newsList .theme2 { padding: 20px 0 10px; } /*2018-02-12 zhangjunyao*/ .zhcxg { background: url(../img/tiananmen.png) no-repeat right bottom; } .zhcxg .zcxgicon { margin-right: 16px; } @keyframes scale { 0% { transform: scale(1); opacity: 1; } 45% { transform: scale(0.1); opacity: 0.7; } 80% { transform: scale(1); opacity: 1; } } .city { position: relative; display: inline-block; z-index: 1; } .city h5 { background: url(../img/botsj.png) no-repeat right center; } .city h5:hover { background: url(../img/botsjhot.png) no-repeat right center; } .city .active { background: url(../img/botsjhot.png) no-repeat right center; } .submenuWrap { position: absolute; left: 0; top: 30px; width: 434px; padding-right: 25px; border-radius: 3px; background-color: #fff; box-shadow: 0 0 4px 4px #e8e8e8; z-index: -66; visibility: hidden; } .submenuWrap h4 { float: left; width: 410px; height: 46px; line-height: 46px; padding-left: 20px; } .hotcity { height: 43px; margin-left: 20px; line-height: 43px; border-bottom: 1px dashed #ddd; font-size: 12px; } .hotcity h3 { float: left; width: 58px; } .hotcity p { float: left; width: 352px; height: 43px; } .hotcity p span { float: left; width: 44px; line-height: 43px; text-align: center; color: #f66; cursor: pointer; } .hotcity p span:hover { font-weight: normal; color: #f66; border-bottom: none; } .cityList { height: 210px; padding-left: 20px; margin-bottom: 30px; } .cityList li { padding-left: 10px; margin-bottom: 25px; } .cityList h6 { float: left; width: 53px; font-size: 12px; } .cityList .cityName { float: left; width: 324px; } .cityList .cityName span { float: left; margin-right: 15px; line-height: 26px; font-size: 12px; cursor: pointer; } .cityList .cityName span:hover { color: #f66; } .main-left { float: left; padding-bottom: 30px; } .main-right { float: right; } .newslist div { float: left; } .newslist .pic { position: absolute; left: 0; top: 30px; width: 160px; height: 100px; margin-right: 20px; } .newslist .pic img { width: 100%; height: 100%; border-radius: 3px; } .newslist:last-child { border-bottom: none; } .listwrap h4 { font-size: 24px; letter-spacing: 2px; line-height: 36px; } .listwrap h4 img { width: auto; height: 24px; margin-left: 10px; margin-top: -3px; } .listwrap h4 .redbox { transform-style: preserve-3d; transform-origin: center; animation: redrotate 2s linear infinite; -o-animation: redrotate 2s linear infinite; -ms-animation: redrotate 2s linear infinite; -moz-animation: redrotate 2s linear infinite; -webkit-animation: redrotate 2s linear infinite; } .listwrap h4 a:hover { color: #f66; } .listwraper { width: 100%; } .listwraper h4 { font-size: 24px; letter-spacing: 2px; line-height: 36px; } .listwraper h4 img { width: auto; height: 24px; margin-left: 10px; margin-top: -3px; } .listwraper h4 a:hover { color: #f66; } .listwraper h4 .redbox { transform-style: preserve-3d; transform-origin: center; animation: redrotate 2s linear infinite; -o-animation: redrotate 2s linear infinite; -ms-animation: redrotate 2s linear infinite; -moz-animation: redrotate 2s linear infinite; -webkit-animation: redrotate 2s linear infinite; } @keyframes redrotate { 0% { transform: rotateZ(5deg); } 10% { transform: rotateZ(-5deg); } 20% { transform: rotateZ(5deg); } 30% { transform: rotateZ(-5deg); } 40% { transform: rotateZ(5deg); } 50% { transform: rotateZ(0deg); } 100% { transform: rotateZ(0deg); } } @-o-keyframes redrotate { 0% { transform: rotateZ(5deg); } 10% { transform: rotateZ(-5deg); } 20% { transform: rotateZ(5deg); } 30% { transform: rotateZ(-5deg); } 40% { transform: rotateZ(5deg); } 50% { transform: rotateZ(0deg); } 100% { transform: rotateZ(0deg); } } @-ms-keyframes redrotate { 0% { transform: rotateZ(5deg); } 10% { transform: rotateZ(-5deg); } 20% { transform: rotateZ(5deg); } 30% { transform: rotateZ(-5deg); } 40% { transform: rotateZ(5deg); } 50% { transform: rotateZ(0deg); } 100% { transform: rotateZ(0deg); } } @-moz-keyframes redrotate { 0% { transform: rotateZ(5deg); } 10% { transform: rotateZ(-5deg); } 20% { transform: rotateZ(5deg); } 30% { transform: rotateZ(-5deg); } 40% { transform: rotateZ(5deg); } 50% { transform: rotateZ(0deg); } 100% { transform: rotateZ(0deg); } } @-webkit-keyframes redrotate { 0% { transform: rotateZ(5deg); } 10% { transform: rotateZ(-5deg); } 20% { transform: rotateZ(5deg); } 30% { transform: rotateZ(-5deg); } 40% { transform: rotateZ(5deg); } 50% { transform: rotateZ(0deg); } 100% { transform: rotateZ(0deg); } } .sharer { position: relative; width: 20px; height: 20px; cursor: pointer; display: none; } .sharer img { width: 100%; vertical-align: top; } .sharer .wrapSharer { position: absolute; left: -32px; top: 0px; width: 160px; height: 40px; padding-top: 30px; display: none; } .sharer .sharerWrap { position: relative; width: 138px; background-color: #fff; padding: 10px 10px 6px; border: 1px solid #f66; border-radius: 3px; z-index: 456; } .sharer .sharerWrap a { position: relative; float: left; width: 26px; height: 26px; border-radius: 50%; margin: 0 10px; background: none; line-height: 0; text-indent: 0; overflow: visible; } .sharer .sharerWrap img { width: 26px; height: 26px; border-radius: 50%; } .sharer .sharerWrap .hbicon { position: absolute; right: -5px; top: -4px; width: 14px; height: 14px; line-height: 14px; background-color: #f66; color: #fff; text-align: center; border-radius: 50%; font-size: 12px; z-index: 99; } .sharer .sharerWrap .sanjv { position: absolute; left: 36px; top: -6px; width: 8px; height: 8px; background-color: #fff; border-left: 1px solid #f66; border-top: 1px solid #f66; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .sharer:hover .wrapSharer { display: block; } .msgwrap { width: 100%; margin-top: 15px; } .msgwrap div { margin-right: 30px; } .msgwrap span { float: left; line-height: 18px; font-size: 12px; color: #666; } .msgwrap a { float: left; height: 16px; line-height: 16px; margin-right: 10px; } .msgwrap a img { width: auto; height: 16px; vertical-align: top; } .msgwrap strong { float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #f5f5f5; color: #ccc; border-radius: 50%; font-weight: normal; } .original { float: left; height: 14px; line-height: 14px; border: 1px solid #f66; border-radius: 2px; text-align: center; font-size: 12px; color: #f66; margin-top: 2px; } .original a { line-height: 14px; padding: 0 5px; margin: 0; } .author { height: 20px; line-height: 20px; } .author img { width: 14px; height: 14px; border: 1px solid #eee; border-radius: 2px; margin-right: 8px; } .author em { font-size: 12px; color: #666; } .time { height: 20px; line-height: 20px; font-size: 12px; color: #666; } .time span { width: 16px; height: 16px; margin-top: 2px; margin-right: 10px; background: url(../img/atc2.png) no-repeat -174px 0; } .time time { float: left; } .shareUser a { float: left; height: 20px; line-height: 20px; margin-right: 5px; } .shareUser a img { width: 20px; height: 20px; border-radius: 50%; } .shareUser em { display: inline-block; line-height: 20px; padding-left: 20px; margin-right: 5px; vertical-align: top; } .shareUser .shareUserNum { background: url(../img/newslisticon.png) no-repeat 0 3px; } .shareUser .commentNum { background: url(../img/newslisticon.png) no-repeat 0 -22px; } .closeswrap { position: absolute; right: 0; bottom: 30px; height: 22px; padding-left: 9px; line-height: 22px; border-radius: 10px; font-size: 12px; color: #f66; cursor: pointer; overflow: hidden; } .closeswrap .closes { float: right; font-size: 20px; margin-right: 4px; color: #dfd3d3; } .closeswrap em { float: left; width: 52px; text-align: right; opacity: 0; } .closeswrap:hover { width: 81px; transition: .5s; background-color: #ffedec; } .closeswrap:hover em { transition: .5s; opacity: 1; } .fixedt2 { position: fixed; top: 61px; width: 850px; z-index: 456; } .fixedt { position: fixed; top: 101px; width: 850px; z-index: 456; } .cksmore { display: none; } .cksmore a { display: block; height: 28px; line-height: 28px; text-align: center; border: 1px solid #eee; border-radius: 3px; font-size: 12px; color: #999; letter-spacing: 3px; } .active { display: block; } .wdlgz { padding: 8px 30px 30px; background-color: #f8f8f8; } .wdlgz h3 { height: 40px; line-height: 40px; } .wdlgz h3 span { float: left; font-size: 15px; font-weight: bold; } .wdlgz h3 a { float: right; padding-left: 23px; background: url(../img/refrash3.png) no-repeat 0 center; font-size: 12px; color: #666; } .ztWrap ol { display: block; padding-top: 5px; } .ztWrap ol li { float: left; width: 250px; padding-bottom: 20px; margin-right: 20px; margin-bottom: 20px; background-color: #fff; } .ztWrap ol li img { width: 250px; height: 156px; border-radius: 3px; } .ztWrap ol li:nth-of-type(3n) { margin-right: 0; } .ztWrap .picWrap { position: relative; } .ztWrap .picWrap p { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .ztWrap .picWrap p a { position: absolute; left: 0; bottom: 0; padding: 10px 18px; line-height: 20px; font-size: 16px; color: #fff; } .ztWrap .picWrap p a:hover { color: #f66; } .ztWrap .ztss { height: 102px; padding: 0 20px; overflow: hidden; } .ztWrap .ztss a { display: block; padding-top: 15px; max-height: 36px; line-height: 18px; color: #666; letter-spacing: 0; overflow: hidden; } .ztWrap .ztss a:hover { color: #f66; } .ztWrap .botdi { height: 24px; line-height: 24px; padding: 20px 20px 0; } .ztWrap .botdi span { float: left; padding-left: 25px; background: url(../img/keye.png) no-repeat 0 center; } .jiagz { float: right; width: 60px; height: 24px; line-height: 24px; background-color: #f66; border-radius: 3px; color: #fff; text-align: center; font-size: 12px; } .jiagz:hover { color: #fff; } .enterpris > div { float: left; margin-right: 20px; } .enterpris > div:last-child { margin-right: 0; } .enterpris h3 { width: 210px; padding: 0 20px; } .enterpris .qylist3 { display: block; width: 210px; padding: 0 20px 14px; background-color: #fff; } .enterpris .qylist3 li { padding: 20px 0 13px; border-bottom: 1px dashed #ddd; } .enterpris .qylist3 li:last-child { border-bottom: none; } .enterpris .qylist3 p { padding-top: 12px; height: 54px; line-height: 18px; font-size: 12px; color: #999; overflow: hidden; } .enterpris .qylist3 .qylogo2 { float: left; width: 58px; height: 58px; margin-right: 15px; border: 1px solid #eee; } .enterpris .qylist3 .qylogo2 img { width: 58px; height: 58px; } .enterpris .qylist3 h4 { width: 135px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; letter-spacing: 0; } .enterpris .qylist3 .lefjgz { float: left; margin-top: 10px; } .rzbHead div, .rzbHead h4 { float: left; } .rzbHead .date { width: 50px; height: 50px; border-radius: 3px; } .rzbHead .date span { display: block; height: 18px; line-height: 18px; text-align: center; color: #fff; font-size: 12px; background-color: #c33; border-radius: 3px 3px 0 0; letter-spacing: 0; } .rzbHead .date em { display: block; height: 32px; line-height: 32px; text-align: center; color: #666; font-size: 20px; background-color: #eee; border-radius: 0 0 3px 3px; font-weight: bold; letter-spacing: 0; } .rzbHead h4 { height: 32px; line-height: 32px; margin-left: 13px; margin-top: 18px; font-family: "SimSun"; font-size: 18px; font-weight: bold; color: #c33; } .rzbHead .applyrz { float: right; width: 94px; height: 22px; line-height: 22px; border: 1px solid #eee; color: #f66; font-size: 12px; text-align: center; border-radius: 2px; margin-top: 20px; } .rzbNews { position: relative; height: 282px; margin-top: 5px; } .rzbNews ul { float: right; width: 295px; min-height: 282px; border-left: 1px solid #eee; } .rzbNews ul li { position: relative; padding-left: 20px; margin-top: 8px; margin-bottom: 16px; word-break: break-word; line-height: 18px; font-size: 12px; color: #666; } .rzbNews ul li mark { position: absolute; left: -3px; top: 24%; width: 5px; height: 5px; background-color: #eee; border-radius: 50%; } .rzbNews ul li strong { font-weight: normal; } .rzbNews ul li:nth-of-type(even) mark { background-color: #f66; } .rzbNews ul li:hover { color: #f66; } .rzbNews ul li:hover em { color: #f66; } .rzbNews ul li:hover mark { background-color: #f66; } .fxWrap { width: 295px; height: 26px; line-height: 36px; margin-left: 24px; border-left: 1px solid #eee; font-size: 12px; margin-bottom: 20px; } .fxWrap a { float: left; height: 100%; padding-left: 20px; text-decoration: underline; color: #999; } .fxWrap a:hover { color: #f66; } .fxWrap .fxlink { float: right; } .fxWrap .fxlink h6 { float: left; color: #999; } .fxWrap .weibo { float: left; width: 20px; height: 16px; margin-top: 8px; background: url(../img/C_creating.png) no-repeat; background-position: 0 -33px; margin-left: 10px; cursor: pointer; } .fxWrap .weibo:hover { background-position-x: -28px; } .fxWrap .weixin { position: relative; float: left; width: 20px; height: 16px; margin-top: 9px; background: url(../img/C_creating.png) no-repeat; background-position: 0 -74px; margin-left: 10px; cursor: pointer; } .fxWrap .weixin:hover { background-position-x: -28px; } .fxWrap .weixin:hover .erweima { display: block; } .fxWrap .weixin .erweima { position: absolute; left: 24%; top: -90px; width: 80px; height: 80px; margin-left: -40px; border: 1px solid #eee; border-radius: 3px; display: none; } .fxWrap .weixin .erweima div { position: absolute; left: 36px; bottom: -6px; width: 10px; height: 10px; border: 1px solid #eee; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; } .Cyl_quotation { position: relative; min-height: 200px; margin-bottom: 30px; border: 1px solid #eee; border-radius: 3px; background-color: #f4f4f4; } .Cyl_quotation h4 { position: absolute; top: 38px; right: 0; width: 30px; font-family: "SimSun"; font-weight: bold; line-height: 18px; font-size: 16px; color: #c33; text-align: center; } .Cyl_quotation h4 span { display: block; } .left-content { float: left; width: 216px; min-height: 200px; padding: 30px 36px; background-color: #fff; } .Cyl_bottom { position: absolute; right: 0; bottom: 15px; width: 30px; text-align: center; } .Cyl_bottom .Cyl_weibo { display: block; height: 16px; background: url(../img/C_creating.png) no-repeat center center; background-position: 6px -33px; margin: 0 auto 20px; cursor: pointer; } .Cyl_bottom .Cyl_weibo:hover { background-position-x: -22px; } .Cyl_weixin { position: relative; height: 16px; background: url(../img/C_creating.png) no-repeat center center; background-position: 5px -74px; margin: 0 auto 20px; cursor: pointer; } .Cyl_weixin:hover { background-position-x: -23px; } .Cyl_weixin:hover .erweima { display: block; } .Cyl_weixin .erweima { position: absolute; left: 50%; top: -90px; width: 80px; height: 80px; margin-left: -40px; border: 1px solid #eee; border-radius: 3px; display: none; } .Cyl_weixin .erweima div { position: absolute; left: 36px; bottom: -6px; width: 10px; height: 10px; border: 1px solid #eee; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; } .Cyl_zan { position: relative; } .Cyl_zan .tishi { position: absolute; left: -35px; bottom: 45px; width: 100px; display: none; padding: 3px; border: 1px solid #ccc; border-radius: 3px; background-color: white; } .Cyl_zan .tishi span { position: absolute; left: 50px; bottom: -3px; width: 3px; height: 3px; border: 1px solid #ccc; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; } .Cyl_zan .active { background-position-x: -21px; } .zanIcon { display: block; height: 16px; background: url(../img/C_creating.png) no-repeat center center; background-position: 7px -13px; cursor: pointer; } .zanIcon:hover { background-position-x: -21px; } .zanNumber { display: block; text-align: center; font-size: 12px; } .topyh { height: 20px; } .topyh span { float: left; width: 12px; height: 11px; background: url(../img/C_creating.png) no-repeat; } .botyh { height: 20px; padding-right: 8px; } .botyh span { float: right; width: 12px; height: 11px; background: url(../img/C_creating.png) no-repeat; transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .Cyl_top p { min-height: 48px; line-height: 24px; font-size: 18px; letter-spacing: 3px; } .Cyl_middle { position: relative; height: 40px; margin-top: 20px; color: #7a7a7a; overflow: hidden; } .Cyl_middle div { position: relative; left: 0; top: 8px; width: 100%; height: 1px; background-color: #cfcfcf; } .Cyl_middle h6 { position: absolute; right: 0; top: 0; max-width: 185px; padding-right: 3px; padding-left: 10px; background: #fff; line-height: 16px; font-size: 12px; word-break: break-word; text-align: right; } .Cyl_futitle { width: 214px; line-height: 20px; text-align: right; color: #aaa; font-size: 12px; } .carefully div { margin-bottom: 30px; } .carefully p { float: left; border-radius: 3px; } .carefully p time { display: block; font-size: 12px; color: #999; } .carefully p a { display: block; line-height: 20px; font-size: 16px; overflow: hidden; } .carefully p:nth-of-type(1) { width: 260px; padding: 20px 30px; background-color: #fff5f5; margin-bottom: 3px; } .carefully p:nth-of-type(1) time { height: 18px; line-height: 15px; } .carefully p:nth-of-type(2) { width: 118px; padding: 20px; background-color: #f7f5ff; margin-right: 3px; } .carefully p:nth-of-type(2) time { height: 20px; line-height: 12px; } .carefully p:nth-of-type(2) a { height: 100px; } .carefully p:nth-of-type(3) { width: 118px; padding: 20px; background-color: #f5fdff; } .carefully p:nth-of-type(3) time { height: 20px; line-height: 12px; } .carefully p:nth-of-type(3) a { height: 100px; } .hotconcern { padding-top: 10px; border-radius: 3px; background-color: #fff; } .smalltitle { position: relative; height: 16px; line-height: 16px; border-left: 5px solid #f66; margin-bottom: 20px; } .smalltitle mark { color: #f66; } .smalltitle span { position: absolute; left: 0; padding-left: 10px; padding-right: 10px; background-color: white; font-size: 15px; font-weight: bold; } .smalltitle em { display: inline-block; width: 100%; height: 1px; background-color: #eee; vertical-align: middle; } .smalltitle strong { position: absolute; right: 0; height: 18px; line-height: 20px; padding-left: 10px; border: none; background-color: white; font-weight: normal; } .smalltitle strong a { display: block; width: 68px; height: 18px; line-height: 18px; border: 1px solid #eee; border-radius: 2px; text-align: center; font-size: 12px; color: #999; } .smalltitle strong a:hover { color: #f66; border-color: #f66; } .smallBanner { position: relative; width: 318px; height: 198px; border: 1px solid #eee; border-radius: 3px; margin-bottom: 30px; overflow: hidden; } .smallBanner img { width: 100%; height: 100%; border: none; border-radius: 3px; } .smallBanner .banner2 { position: absolute; right: 0; top: 0; width: 40px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: white; background-color: rgba(51, 51, 51, 0.3); border-radius: 0 3px 0 0; } .NewTopics { padding-bottom: 15px; } .NewTopics li { margin-bottom: 16px; } .NewTopics li:hover h2 { color: #f66; } .Lpic { position: relative; float: left; padding: 0 1px 1px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0 6px 3px 6px; background-color: #eee; margin-right: 10px; } .Lpic a { display: block; padding: 0 1px 1px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0 6px 3px 6px; background-color: #eee; } .Lpic a img { width: 77px; height: 48px; border-radius: 3px; } .Lpic span { position: absolute; right: 3px; bottom: 3px; width: 40px; height: 20px; line-height: 20px; background-color: rgba(0, 0, 0, 0.4); border-radius: 0 0 2px 0; text-align: center; color: #fff; font-size: 12px; } .Rwords { float: left; width: 228px; } .Rwords h2 { height: 48px; line-height: 24px; font-weight: bold; overflow: hidden; } .Rwords h3 { height: 32px; overflow: hidden; line-height: 16px; font-size: 12px; color: #999; } .hotdoclist { margin-bottom: 20px; } .hotdoclist li { margin-bottom: 10px; } .hotdoclist li mark { float: left; width: 18px; height: 18px; line-height: 18px; text-align: center; background-color: #ccc; border-radius: 50%; color: white; margin-top: 2px; } .hotdoclist li .Top1 { background-color: #f66; } .hotdoclist li .Top2 { background-color: #f96; } .hotdoclist li .Top3 { background-color: #fc3; } .hotdoclist li div { float: left; width: 285px; padding-left: 17px; } .hotdoclist li div:hover { color: #f66; } .hotdoclist li h4 { line-height: 20px; font-weight: bold; } .hotdoclist li p { line-height: 22px; font-size: 12px; color: #999; } .renovate3 { position: absolute; right: 0; top: 0; width: 25px; height: 16px; background: url(../img/refrash3.png) no-repeat right 0; background-color: #fff; } .hotpicWrap { position: relative; height: 250px; } .hotpicWrap li { position: absolute; transition: 1s; } .hotpicWrap li:hover { width: 73px; height: 73px; z-index: 200; } .hotpicWrap li:hover .hotpicmsg { display: block; } .hotpicWrap .hotbusiness1 { left: 158px; top: 112px; width: 64px; height: 64px; border: 1px solid #eee; z-index: 99; } .hotpicWrap .hotbusiness1 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness2 { left: 45px; top: 13px; width: 30px; height: 30px; border: 1px solid #eee; z-index: 30; } .hotpicWrap .hotbusiness2 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness3 { left: 171px; top: 53px; width: 38px; height: 38px; border: 1px solid #eee; z-index: 30; } .hotpicWrap .hotbusiness3 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness4 { left: 231px; top: 76px; width: 48px; height: 48px; border: 1px solid #eee; z-index: 45; } .hotpicWrap .hotbusiness4 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness5 { left: 107px; top: 25px; width: 38px; height: 38px; border: 1px solid #eee; z-index: 60; } .hotpicWrap .hotbusiness5 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness6 { left: 173px; top: 5px; width: 38px; height: 38px; border: 1px solid #eee; z-index: 15; } .hotpicWrap .hotbusiness6 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness7 { left: 16px; top: 52px; width: 38px; height: 38px; border: 1px solid #eee; z-index: 30; } .hotpicWrap .hotbusiness7 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness8 { left: 34px; top: 84px; width: 48px; height: 48px; border: 1px solid #eee; z-index: 15; } .hotpicWrap .hotbusiness8 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness9 { left: 233px; top: 28px; width: 48px; height: 48px; border: 1px solid #eee; z-index: 15; } .hotpicWrap .hotbusiness9 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness10 { left: 236px; top: 144px; width: 64px; height: 64px; border: 1px solid #eee; z-index: 10; } .hotpicWrap .hotbusiness10 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness11 { left: 114px; top: 174px; width: 48px; height: 48px; border: 1px solid #eee; z-index: 60; } .hotpicWrap .hotbusiness11 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness12 { left: 64px; top: 30px; width: 38px; height: 38px; border: 1px solid #eee; z-index: 15; } .hotpicWrap .hotbusiness12 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness13 { left: 97px; top: 86px; width: 73px; height: 73px; border: 1px solid #eee; z-index: 30; } .hotpicWrap .hotbusiness13 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness14 { left: 27px; top: 160px; width: 48px; height: 48px; border: 1px solid #eee; z-index: 15; } .hotpicWrap .hotbusiness14 img { width: 100%; height: 100%; } .hotpicWrap .hotbusiness15 { left: 115px; top: 53px; width: 38px; height: 38px; border: 1px solid #eee; z-index: 15; } .hotpicWrap .hotbusiness15 img { width: 100%; height: 100%; } .hotpicWrap .hotpicmsg { position: relative; width: 284px; height: 50px; padding: 15px; margin-top: -140px; margin-left: -130px; border: 1px solid #f66; border-radius: 3px; background-color: #fff; display: none; } .hotpicWrap .hotpicmsg div { float: left; } .hotpicWrap .hotpicmsg div img { width: 48px; height: 48px; border: 1px solid #eee; } .hotpicWrap .hotpicmsg .hotTitle { width: 164px; margin-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hotpicWrap .hotpicmsg .hotTitle h6 { height: 26px; line-height: 26px; } .hotpicWrap .hotpicmsg .hotTitle p { height: 24px; line-height: 24px; font-size: 12px; color: #999; } .hotpicWrap .hotpicmsg .dyue { width: 50px; height: 18px; line-height: 18px; margin-top: 4px; border: 1px solid #eee; border-radius: 3px; text-align: center; font-size: 12px; color: #f66; } .bigBanner { width: 1200px; height: 120px; margin-bottom: 30px; } .bigBanner img { width: 100%; height: 100%; border-radius: 3px; } .hotActivity { padding-bottom: 10px; } .hotActivity .title { height: 26px; } .hotActivity .title h2 { float: left; line-height: 15px; font-weight: bold; } .hotActivity .title nav { float: right; line-height: 15px; color: #ccc; } .hotActivity .title nav a { margin: 0 5px; color: #666; } .hotActivity .title nav a span { color: #f66; font-weight: bold; } .hotActivity .title nav a:last-child { display: inline-block; width: 40px; height: 20px; line-height: 20px; background-color: #f8f8f8; font-size: 12px; color: #999; border-radius: 2px; text-align: center; } .hotActivity .title nav a:hover { color: #f66; } .L-lbt { float: left; width: 598px; height: 536px; border: 1px solid #eee; border-radius: 3px; overflow: hidden; } .L-lbt .jPicture-container { height: 465px; } .L-lbt .jPicture-container .jPicture-container { float: left; width: 598px; height: 465px; } .L-lbt img { width: 100%; height: 375px !important; } .L-lbt h1 { height: 44px; padding: 0 30px; line-height: 44px; margin-top: 10px; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .L-lbt h2 { height: 44px; padding: 0 30px; line-height: 44px; margin-top: 10px; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .L-lbt p { height: 36px; line-height: 36px; padding: 0 30px; } .L-lbt p .dateTime { float: left; width: 15px; height: 15px; margin: 11px 10px 0 2px; background: url(../img/atc2.png) no-repeat; background-position: -347px 0; } .L-lbt p .adder { float: left; width: 13px; height: 16px; margin: 11px 10px 0 2px; background: url(../img/atc2.png) no-repeat; background-position: -374px 0; } .L-lbt p time { float: left; color: #666; } .L-lbt p span { float: left; } .L-lbt .next { right: 30% ; top: 94%; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff; border-radius: 3px; background-color: #f66; background-image: none; } .L-lbt .prev { left: 30%; top: 94%; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff; border-radius: 3px; background-color: #f66; background-image: none; } .R-showActive { float: right; width: 580px; } .R-showActive li { float: left; width: 278px; border: 1px solid #eee; border-radius: 3px; margin-right: 20px; margin-bottom: 20px; } .R-showActive li:nth-of-type(even) { margin-right: 0; } .R-showActive li img { width: 278px; height: 175px; border-radius: 3px 3px 0 0; } .R-showActive li h6 { height: 48px; padding: 0 20px; margin: 17px 0; } .R-showActive li h6 a { height: 48px; display: block; font-size: 16px; font-weight: bold; line-height: 24px; overflow: hidden; } .R-showActive li h6 a:hover { color: #f66; } .sidebar-L { float: left; } .sidebar-R { float: right; } .hotList { padding-bottom: 30px; } .hotListWrap .title { height: 30px; line-height: 30px; } .hotListWrap .title h2 { font-weight: bold; } .Bang .back-lan { background-color: #f1faff; } .Bang .back-lan .h4 { border-bottom: 1px solid #cbe7f5; } .Bang .back-lan .title22 { background: #f1faff; } .Bang .back-lan .title22:before { background-color: #9cf; } .Bang .back-lan .title22:after { background-color: #9cf; } .Bang .back-huang { background-color: #fff8e9; } .Bang .back-huang .Top { color: #f93; } .Bang .back-huang .h4 { border-bottom: 1px solid #ffe5c5; } .Bang .back-huang .title22 { background: #fff8e9; } .Bang .back-huang .title22:before { background-color: #ffe5c5; } .Bang .back-huang .title22:after { background-color: #ffe5c5; } .Bang li { float: left; width: 185px; height: 332px; padding: 30px 20px 20px; } .Bang .h4 { height: 10px; margin-bottom: 11px; text-align: center; } .Bang .title22 { position: relative; width: 108px; height: 22px; margin: 0 auto; line-height: 22px; font-size: 18px; color: #39c; text-align: center; z-index: 1; } .Bang .title22 h4 { float: left; margin-left: 6px; } .Bang .title22 .help { float: right; width: 15px; height: 15px; margin-top: 3px; margin-right: 6px; line-height: 15px; background-color: #ccc; font-size: 12px; color: #fff; border-radius: 50%; font-weight: normal; text-align: center; text-indent: 2px; vertical-align: middle; cursor: pointer; } .Bang .title22 .help:hover { background-color: #f66; } .Bang .title22 .help:hover .ruleWrap { display: block; } .Bang .title22:before { position: absolute; left: -2px; top: 9px; content: ''; width: 3px; height: 3px; border-radius: 50%; z-index: 1; } .Bang .title22:after { position: absolute; right: -2px; top: 9px; content: ''; width: 3px; height: 3px; border-radius: 50%; z-index: 1; } .ruleWrap { position: absolute; left: 60px; top: 35px; padding: 20px 17px 20px 20px; border: 1px solid #f66; border-radius: 3px; background-color: #fff; z-index: 2; text-align: left; display: none; } .ruleWrap h5 { width: 260px; height: 14px; padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid #f4f4f4; line-height: 14px; font-size: 14px; color: #333; font-weight: 600; } .ruleWrap p { line-height: 24px; font-size: 12px; color: #333; } .ruleWrap .tagging { position: relative; height: 14px; padding-left: 18px; line-height: 14px; margin-top: 14px; font-size: 12px; color: #999; z-index: 1; } .ruleWrap .tagging:before { position: absolute; left: 0; top: 0; content: '!'; width: 12px; height: 12px; line-height: 12px; text-align: center; border: 1px solid #f66; border-radius: 50%; font-size: 12px; color: #f66; text-indent: 2px; z-index: 1; } .ruleWrap:before { position: absolute; left: 26px; top: -6px; content: ''; width: 10px; height: 10px; border-left: 1px solid #f66; border-top: 1px solid #f66; background-color: #fff; transform: rotate(45deg); } .rankingList { padding-top: 10px; } .rankingList dl { float: none; background-color: transparent; padding: 15px 0; cursor: pointer; } .rankingList dl dt { float: left; margin-right: 10px; font-size: 16px; color: #ccc; font-weight: normal; } .rankingList dl dd { float: left; width: 164px; } .rankingList dl .samlllogo { float: left; width: 28px; height: 28px; border: 1px solid #eee; border-radius: 2px; margin-right: 10px; } .rankingList dl .samlllogo img { width: 100%; height: 100%; border-radius: 2px; } .rankingList dl h6 { float: left; width: 124px; height: 15px; line-height: 15px; font-size: 12px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rankingList dl p { float: left; width: 124px; line-height: 15px; font-size: 12px; color: #999; } .rankingList dl:hover a { color: #f66; } .rankingList .Top { color: #39c; } .hbmsg { width: 280px; height: 30px; line-height: 30px; border-radius: 2px 2px 0 0; background-color: #eee; text-align: center; } .hbmsg span { padding-left: 28px; font-weight: bold; background: url(../img/hongbao.png) no-repeat left center; } .hbWrap { width: 238px; padding: 20px; border: 1px solid #eee; border-radius: 0 0 2px 2px; font-size: 12px; } .qhbnews h6 { height: 20px; padding-left: 26px; line-height: 20px; color: #666; margin-bottom: 10px; } .qhbnews h6 span { margin: 0 3px; color: #f66; } .qhbnews h6 a { position: relative; float: right; width: 50px; height: 20px; background-color: #f66; color: #fff; text-align: center; border-radius: 3px; } .qhbnews h6 a em { position: absolute; left: -12px; bottom: 0; width: 120px; height: 120px; background-color: #fff; border: 1px solid #eee; border-radius: 3px; display: none; } .qhbnews h6 a em img { width: 120px; height: 120px; } .qhbnews h6 a:hover em { display: block; } .qhbnews .yhb { background: url(../img/hongb.png) no-repeat 0 2px; } .qhbnews .mhb { background: url(../img/mhb.png) no-repeat 0 2px; } .qhbnews p { height: 32px; line-height: 16px; margin-bottom: 12px; } .qhbnews p a:hover { color: #f66; } .qhbnews .ydnews { height: auto; } .qhbnews .ydnews p { height: 16px; margin-bottom: 10px; } .zxtitle { height: 14px; line-height: 14px; text-align: center; } .zxtitle em { float: left; height: 1px; margin-top: 7px; background-color: #f5f5f5; vertical-align: middle; } .zxtitle strong { float: right; width: 74px; height: 1px; margin-top: 7px; background-color: #f5f5f5; vertical-align: middle; } .zxtitle span { padding: 0 6px; letter-spacing: 0; color: #999; } .zxtitle1 em { width: 77px; } .zxtitle1 strong { width: 77px; } .zxtitle2 em { width: 83px; } .zxtitle2 strong { width: 83px; } .zxtitle3 em { width: 71px; } .zxtitle3 strong { width: 71px; } .fhblogo { height: 82px; padding-top: 18px; padding-bottom: 15px; } .fhblogo li { float: left; width: 50px; margin-right: 12px; } .fhblogo li:last-child { margin-right: 0; } .fhblogo li div { width: 48px; height: 48px; border: 1px solid #eee; border-radius: 2px; } .fhblogo li div img { width: 48px; height: 48px; border-radius: 2px; } .fhblogo li p { height: 32px; line-height: 32px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0; } .fhblogo li:hover { color: #f66; } .qhbhead { height: 30px; padding-top: 18px; } .qhbhead a { float: left; width: 30px; height: 30px; border-radius: 50%; margin-right: 20px; } .qhbhead a:last-child { margin-right: 0; } .qhbhead a img { width: 30px; height: 30px; border-radius: 50%; } .ydwz { padding-top: 26px; } .ydnews { height: 100px; padding-top: 10px; } .ydnews p { width: 238px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ydnews p:hover { color: #f66; } .redbag { width: 278px; padding-bottom: 46px; margin-top: 30px; border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .redbag .hbpictrue { width: 100%; } .redbag .hbpictrue img { width: 100%; } .redbag .ckmore { padding-top: 16px; text-align: center; } .redbag .ckmore a { display: inline-block; padding: 0 22px; line-height: 30px; background-color: #f66; color: #fff; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .hblist { padding: 20px; } .hblist h5 { padding: 10px 0; line-height: 18px; text-align: center; font-weight: bold; } .hblist h5 span { margin: 0 10px; color: #f33; } .hblist dl { padding-top: 13px; } .hblist dt { padding-bottom: 7px; line-height: 20px; } .hblist dt span { margin-left: 12px; font-size: 12px; vertical-align: middle; } .hblist dt mark { margin-right: 5px; color: #f33; } .hblist dt a { float: right; width: 50px; height: 20px; background-color: #f66; color: #fff; text-align: center; border-radius: 3px; font-size: 12px; } .hblist dt em { margin-left: 12px; font-size: 12px; vertical-align: middle; color: #666; } .hblist dd { line-height: 16px; } .hblist dd a { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .mapservice { padding-bottom: 30px; } .mapservice .title { height: 30px; } .mapservice .title h2 { float: left; line-height: 20px; font-weight: bold; font-size: 16px; } .mapservice .title nav { position: relative; float: right; height: 20px; line-height: 20px; } .mapservice .adder { float: left; height: 20px; font-size: 12px; color: #f66; } .mapservice .adder mark { float: left; width: 11px; height: 16px; margin-right: 10px; margin-top: 3px; background: url(../img/adder.png) no-repeat; } .mapservice em { float: left; width: 40px; height: 20px; margin-left: 10px; line-height: 20px; text-align: center; font-size: 12px; color: #999; border-radius: 2px; background-color: #f8f8f8; cursor: pointer; } .mapservice em:hover { color: #f66; } .mapservice .submenuWrap2 { position: absolute; left: -360px; top: 30px; width: 434px; height: 330px; padding-right: 25px; border-radius: 3px; background-color: #fff; box-shadow: 0 0 4px 4px #e8e8e8; z-index: -66; visibility: hidden; } .mapservice .submenuWrap2 h4 { float: left; width: 410px; height: 46px; line-height: 46px; padding-left: 20px; } .mapWrap { padding: 10px; border: 1px solid #eee; border-radius: 3px; } .map { position: relative; width: 725px; height: 440px; border-radius: 3px; } .search { position: absolute; left: 20px; top: 20px; width: 400px; height: 40px; } .search input { float: left; width: 324px; height: 40px; padding-left: 16px; line-height: 40px; border: none; border-radius: 3px 0 0 3px; font-size: 16px; -webkit-appearance: none; } .search input::-webkit-search-cancel-button { display: none; } .search button { float: left; width: 60px; height: 40px; border: none; border-radius: 0 3px 3px 0; background: url(../img/search.png) no-repeat center center; background-color: #ff6060; } .fuwumsg { width: 433px; } .title2 { width: 408px; height: 15px; line-height: 15px; padding: 0 10px; margin: 10px 0 20px; border-left: 5px solid #f66; } .title2 h6 { float: left; font-size: 15px; color: #333; font-weight: bold; } .title2 p { float: right; font-size: 12px; } .title2 p span { margin: 0 3px; color: #f66; } .title3 { margin-top: 20px; } .officeSpace { height: 100px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .officeSpace .cdpic { width: 160px; border: 1px solid #eee; border-radius: 3px; } .officeSpace .cdpic img { width: 160px; height: 100px; border-radius: 3px; } .officeSpace .textMsg { width: 253px; } .officeSpace .textMsg h6 { height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; margin-bottom: 2px; } .officeSpace .textMsg h6 a { float: left; max-width: 233px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .officeSpace .textMsg h6 a:hover { color: #f66; } .officeSpace .textMsg h6 span { float: left; width: 20px; height: 16px; margin-top: 8px; background: url(../img/huo.png) no-repeat right bottom; } .officeSpace .textMsg .describe { height: 36px; line-height: 18px; margin-bottom: 15px; } .officeSpace .textMsg .score { height: 16px; line-height: 16px; font-size: 12px; color: #999; } .officeSpace .textMsg .score span { float: left; width: 62px; } .officeSpace .textMsg .score .stars0 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 1px; margin-right: 10px; } .officeSpace .textMsg .score .stars1 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -39px; margin-right: 10px; } .officeSpace .textMsg .score .stars2 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -79px; margin-right: 10px; } .officeSpace .textMsg .score .stars3 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -119px; margin-right: 10px; } .officeSpace .textMsg .score .stars4 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -159px; margin-right: 10px; } .officeSpace .textMsg .score .stars5 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -199px; margin-right: 10px; } .officeSpace .textMsg .score .stars05 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -19px; margin-right: 10px; } .officeSpace .textMsg .score .stars15 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -59px; margin-right: 10px; } .officeSpace .textMsg .score .stars25 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -99px; margin-right: 10px; } .officeSpace .textMsg .score .stars35 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -139px; margin-right: 10px; } .officeSpace .textMsg .score .stars45 { width: 82px; height: 16px; background: url(../img/stars.png) no-repeat 0 -179px; margin-right: 10px; } .officeSpace .textMsg .score strong { float: left; font-size: 15px; font-weight: bold; color: #f90; line-height: 14px; } .officeSpace .textMsg .score mark { float: left; color: #f90; line-height: 16px; } .activity { padding-bottom: 20px; border-bottom: 1px solid #eee; } .hdgslogo { width: 128px; height: 80px; margin-right: 10px; } .hdgslogo img { width: 128px; height: 80px; border-radius: 2px; } .textMsg2 { width: 295px; line-height: 20px; } .textMsg2 dt { width: 295px; height: 40px; line-height: 20px; overflow: hidden; margin-bottom: 15px; font-size: 18px; font-weight: bold; } .textMsg2 dt:hover { color: #f66; } .textMsg2 dd { font-size: 12px; color: #666; } .textMsg2 dd:last-child span { float: left; width: 12px; height: 14px; margin-top: 4px; margin-right: 10px; background: url(../img/nmap.png) no-repeat -73px -256px; } .textMsg2 dd:nth-last-child(2) span { float: left; width: 13px; height: 13px; margin-top: 4px; margin-right: 10px; background: url(../img/nmap.png) no-repeat -71px -225px; } .ruzhuqy { width: 389px; height: 50px; } .ruzhuqy li { position: relative; float: left; width: 48px !important; height: 48px; border: 1px solid #eee; margin-right: 16px; } .ruzhuqy li img { width: 48px; height: 48px; } .ruzhuqy .next2 { position: absolute; right: -22px; width: 10px; height: 48px; border: 1px solid #eee; margin-top: -25px; background: url(../img/left-right.png) no-repeat -7px center; background-color: #fff; } .ruzhuqy .prev2 { position: absolute; left: -22px; width: 10px; height: 48px; border: 1px solid #eee; margin-top: -25px; background: url(../img/left-right.png) no-repeat 2px center; background-color: #fff; } .scservice { padding-bottom: 80px; } .scservice .title { height: 30px; line-height: 20px; font-size: 16px; font-weight: bold; } .scservice li { float: left; width: 180px; padding: 40px 20px; margin-right: 25px; border-top: 3px solid; border-radius: 3px; text-align: center; background-color: #f5f5f5; color: #31424e; } .scservice li:last-child { margin-right: 0; } .scservice li h3 { height: 24px; line-height: 24px; font-size: 20px; margin-bottom: 30px; } .scservice li div { height: 74px; text-align: center; margin-bottom: 30px; } .scservice li p { height: 66px; padding: 0 10px; line-height: 22px; font-size: 13px; letter-spacing: 2px; overflow: hidden; margin-bottom: 23px; } .scservice li .linker { height: 28px; margin: 0 10px; line-height: 28px; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; color: #31424e; } .scservice .enterpriser { border-top-color: #91d6df; } .scservice .enterpriser:hover .linker { color: #91d6df; } .scservice .popularizing { border-top-color: #fa9969; } .scservice .popularizing:hover .linker { color: #fa9969; } .scservice .doubleMap { border-top-color: #f66; } .scservice .doubleMap:hover .linker { color: #f66; } .scservice .platform { border-top-color: #acacea; } .scservice .platform:hover .linker { color: #acacea; } .scservice .screenData { border-top-color: #2b96e2; } .scservice .screenData:hover .linker { color: #2b96e2; } .img { position: relative; padding: 0 0 0 300px; width: 550px; border-bottom: none; height: 180px; background: #f8f8f8; } .theme { position: relative; padding: 30px 0; border-bottom: 1px solid #eee; } .theme .pic { position: absolute; left: 0; width: 160px; height: 100px; margin-right: 20px; } .theme .pic img { width: 100%; height: 100%; border-radius: 3px; } .theme .listwrap h4 { max-height: 64px; line-height: 32px; overflow: hidden; } .theme .msgwrap { width: 100%; margin-top: 10px; line-height: 20px; } .theme .txt { position: absolute; left: 0; top: 0px; width: 36px; height: 18px; line-height: 16px; font-size: 12px; color: #fff; padding-top: 0; text-align: center; background-color: #d23337; border-radius: 0 0 3px 3px; } .theme .followwith { position: absolute; right: 0; top: 30px; width: 53px; height: 24px; line-height: 24px; border: 1px solid #eee; border-radius: 3px; text-align: center; color: #fe3336; cursor: pointer; } .theme2 { /*2018-02-12 zhangjunyao 淇敼*/ position: relative; padding: 30px 0; border-bottom: 1px solid #eee; } .theme2 .pic { height: 137px; } .theme2 .pic img { width: 220px; height: 100%; border-radius: 3px; margin-right: 20px; } .theme2 .pic a { display: inline-block; width: 130px; height: 100%; background-color: #f5f5f5; vertical-align: middle; line-height: 137px; text-align: center; font-size: 14px; color: #999; } .theme2 .sub-positioning { height: 53px; line-height: 53px; } .theme2 .sub-positioning span { float: left; position: relative; z-index: 1; background: none; } .theme2 .sub-positioning .ydon:before { position: absolute; left: 0; top: 20px; content: ''; width: 15px; height: 11px; background: url(../img/theme.png) no-repeat; background-size: 100%; } .theme2 .sub-positioning .zxon:before { position: absolute; left: 5px; top: 20px; content: ''; width: 18px; height: 14px; background: url(../img/theme.png) no-repeat 0 -36px; background-size: 100%; } .theme2 .sub-positioning .gznum { padding-left: 25px; margin-right: 20px; } .theme2 .sub-positioning .gznum:before { position: absolute; left: 3px; top: 22px; content: ''; width: 16px; height: 10px; background: url(../img/theme.png) no-repeat 0 -68px; background-size: 100%; } .theme2 .sub-positioning img { width: 20px; height: 20px; border: 1px solid #eee; border-radius: 50%; margin: 15px 0 0 -10px; } .theme2 .sub-positioning .dot { float: left; width: 20px; height: 20px; line-height: 20px; border: 1px solid #eee; background-color: #eee; border-radius: 50%; margin: 15px 0 0 -10px; text-align: center; } .theme2 .listwrap h4 { max-height: 64px; line-height: 32px; overflow: hidden; } .theme2 .msgwrap { width: 100%; margin-top: 10px; line-height: 20px; } .theme2 .txt { position: relative; padding: 0 0 20px 56px; overflow: initial; z-index: 1; display: block; } .theme2 .txt .zhuti { position: absolute; top: -21px; left: 0; width: 32px; height: 60px; padding-top: 8px; border: 1px solid #acb1b4; font-size: 22px; line-height: 18px; text-align: center; } .theme2 .txt a { display: block; font-size: 28px; line-height: 36px; padding-top: 6px; } .theme2 .followwith { position: absolute; right: 0; top: 30px; width: 53px; height: 24px; line-height: 24px; border: 1px solid #eee; border-radius: 3px; text-align: center; color: #fe3336; cursor: pointer; } .Fvmoreza { overflow: hidden; padding: 20px 0 20px 0!important; } .Fvmoreza img { float: left; position: relative; top: 5px; } .Fvmoreza .Fvwzcy { float: left; width: 570px; line-height: 38px; } .Fvmoreza .Fvwzcy h2 { padding-left: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 16px; } .Fvmoreza .Fvwzcy h2:after { content: ''; width: 25px; height: 25px; background: url(../img/wzgcicon.png) no-repeat 0px 8px; position: absolute; left: 20px; top: 5px; } .Fvmoreza .Fvwzcy h2:hover { color: #f66; } .Fvmoreza .Fvwzcy h2:hover:after { background-position: 0px -16px; } .Fvmoreza .Fvwzcy h1 { padding-left: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 16px; } .Fvmoreza .Fvwzcy h1:after { content: ''; width: 25px; height: 25px; background: url(../img/wzgcicon.png) no-repeat 0px 8px; position: absolute; left: 20px; top: 5px; } .Fvmoreza .Fvwzcy h1:hover { color: #f66; } .Fvmoreza .Fvwzcy h1:hover:after { background-position: 0px -16px; } .Fvmoreza .Fvgc { float: left; width: 570px; line-height: 38px; } .Fvmoreza .Fvgc h1 { padding-left: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 16px; } .Fvmoreza .Fvgc h1:after { content: ''; width: 25px; height: 25px; background: url(../img/wzgcicon.png) no-repeat 0px -39px; position: absolute; left: 20px; top: 5px; } .Fvmoreza .Fvgc h1:hover { color: #f66; } .Fvmoreza .Fvgc h1:hover:after { background-position: 0px -62px; } .Fvmoreza .Fvgc h2 { padding-left: 50px; position: relative; font-size: 16px; } .Fvmoreza .Fvgc h2 a { display: block; width: 100%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .Fvmoreza .Fvgc h2:after { content: ''; width: 25px; height: 25px; background: url(../img/wzgcicon.png) no-repeat 0px -39px; position: absolute; left: 20px; top: 5px; } .Fvmoreza .Fvgc h2:hover { color: #f66; } .Fvmoreza .Fvgc h2:hover:after { background-position: 0px -62px; } .Fvmoreza .Fvxgzz { line-height: 38px; } .Fvmoreza .Fvxgzz h1 { padding-left: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 16px; } .Fvmoreza .Fvxgzz h1:after { content: ''; width: 25px; height: 25px; background: url(../img/wzgcicon.png) no-repeat 0px -89px; position: absolute; left: 20px; top: 5px; } .Fvmoreza .Fvxgzz h1:hover { color: #f66; } .Fvmoreza .Fvxgzz h1:hover:after { background-position: 0px -118px; } .Fvmoreza .Fvxgzz h2 { padding-left: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 16px; } .Fvmoreza .Fvxgzz h2:after { content: ''; width: 25px; height: 25px; background: url(../img/wzgcicon.png) no-repeat 0px -89px; position: absolute; left: 20px; top: 5px; } .Fvmoreza .Fvxgzz h2:hover { color: #f66; } .Fvmoreza .Fvxgzz h2:hover:after { background-position: 0px -118px; } .fixedR { position: fixed; right: 351px; top: 120px; width: 320px; padding-top: 10px; z-index: 9999; display: none; } .rzxxWrap { position: absolute; left: 40px; top: -80px; width: 284px; height: 50px; padding: 16px 20px 16px 14px; border: 1px solid #f66; border-radius: 3px; background-color: #fff; display: none; z-index: 59; } .botsj { position: absolute; left: 50%; bottom: -6px; width: 8px; height: 8px; border-left: 1px solid #f66; border-top: 1px solid #f66; transform: rotate(-135deg); background-color: #fff; } .rzqylogo { width: 48px; height: 48px; border: 1px solid #eee; margin-right: 10px; } .rzqylogo img { width: 48px; height: 48px; } .qynames { width: 224px; height: 26px; line-height: 26px; } .qynames h6 { float: left; width: 164px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; } .qynames p { width: 58px; height: 18px; line-height: 18px; border: 1px solid #eee; border-radius: 3px; text-align: center; color: #f66; font-size: 12px; } .addern { width: 204px; padding-left: 20px; background: url(../img/cdsc.png) no-repeat -4px 6px; color: #666; font-size: 12px; letter-spacing: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .A_nav { position: fixed; top: 61px; width: 100%; min-width: 1200px; height: 29px; border-bottom: 1px solid #eee; background: #fff; z-index: 999; } .A_nav .A_nalis { width: 1200px; margin: 0 auto; } .A_nav .A_nalis li { float: left; } .A_nav .A_nalis li > a { float: left; line-height: 28px; padding: 0 15px; margin-right: 13px; font-size: 12px; color: #666; } .A_nav .A_nalis li > a:hover { border-bottom: 3px solid #ff636b; position: relative; } .A_nav .A_nalis li .nred { font-size: 14px; color: #666; border-bottom: 3px solid #ff636b; } .A_nav .A_nalis .active > a { font-weight: bold; border-bottom: 3px solid #ff636b; position: relative; } .content { width: 1200px; margin: 0 auto; min-width: 1200px; } .cont2 { overflow: hidden; margin-top: 20px; } .U_left { width: 240px; padding: 40px; float: left; margin-top: 20px; border-radius: 3px; background: #fff; position: relative; } .U_left .user_gl { padding-top: 20px; } .U_left .user_gl h1 { font-size: 16px; font-weight: bold; height: 36px; line-height: 36px; } .U_left .user_gl h1 span { float: left; color: #FF6764; border-bottom: 3px solid #FF6764; } .U_left .user_gl dl { clear: both; padding-top: 20px; } .U_left .user_gl dl dt { width: 58px; height: 58px; float: left; } .U_left .user_gl dl dt img { display: block; width: 58px; height: 58px; } .U_left .user_gl dl dd { float: left; line-height: 58px; font-size: 16px; padding-left: 20px; max-width: 155px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .U_left .U_cdname { position: absolute; width: 17px; height: 17px; right: 30px; top: 30px; background: url(../img/xgn.jpg); } .user_text { line-height: 25px; color: #666; } .numdy { padding: 15px 0; overflow: hidden; } .numdy .bin { float: left; width: 118px; } .numdy .bin div { text-align: center; color: #999; font-size: 12px; line-height: 20px; } .numdy .bin .ubm { color: #666; font-weight: bold; } .numdy .bin2 { border-right: 1px solid #eee; } .user_new { padding-top: 20px; text-align: center; } .user_new h1 { line-height: 58px; font-size: 18px; font-weight: bold; } .user_new .wqyh dt { line-height: 50px; } .user_new .wqyh dd { margin-top: 20px; } .user_new .wqyh dd a { display: inline-block; width: 140px; height: 30px; line-height: 30px; border-radius: 3px; background-color: #f66; color: #fff; } .user_new .shzqyh img { width: 60px; height: 60px; } .user_new .shzqyh dt { margin-bottom: 5px; } .user_new .shzqyh dd { font-size: 16px; line-height: 26px; } .user_new .shzqyh .examine { font-size: 12px; color: #999; } .U_right { width: 780px; padding: 40px; float: right; background: #fff; margin-top: 20px; border-radius: 3px; min-height: 700px; margin-bottom: 20px; } .userinfor dt { width: 58px; height: 58px; margin: 0 auto; } .userinfor dt img { display: block; width: 58px; height: 58px; } .userinfor dd { text-align: center; font-size: 16px; font-weight: bold; line-height: 30px; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .userinfor .ziwei { font-size: 14px; color: #999; line-height: 16px; padding-top: 0; } .user_nav { overflow: hidden; } .user_nav p { float: left; width: 100%; border-bottom: 1px solid #eee; } .user_nav a { float: left; height: 27px; line-height: 27px; padding: 0 20px; font-size: 12px; position: relative; } .user_nav a:hover { background: #fff; border: 1px solid #eee; border-bottom: none; position: relative; height: 26px; line-height: 24px; padding: 0 19px; z-index: 1; bottom: -1px; color: #FF636B; border-radius: 3px 3px 0 0; } .user_nav a:hover em { display: none; } .user_nav a em { position: absolute; right: 0px; background: #f66; color: #fff; font-size: 12px; height: 14px; line-height: 14px; border-radius: 3px; padding: 0 4px; letter-spacing: 0; } .user_nav .tongz { background: url(../img/riline.jpg) no-repeat left center; } .user_nav .actyes { background: #fff; border: 1px solid #eee; border-bottom: none; position: relative; height: 26px; line-height: 24px; z-index: 1; bottom: -1px; color: #FF636B; padding: 0 19px; border-radius: 3px 3px 0 0; } .sabbox { padding-top: 16px; } .sabbox li { line-height: 70px; } .sabbox li div { float: left; } .sabbox li div img { width: 40px; height: 40px; } .sabbox li .accountIcon { width: 100px; } .sabbox li .empower { width: 136px; } .sabbox li .account { width: 284px; color: #999; } .sabbox li .unempower { width: 136px; color: #f66; } .sabbox li button { width: 90px; height: 36px; border: none; border-radius: 3px; } .sabbox li button:hover { background-color: #ce312d; color: #fff; } .sabbox li .remEmpower { background-color: #eee; color: #999; } .sabbox li .getEmpower { background-color: #ce312d; color: #fff; } .gaolifn { padding-top: 20px; overflow: hidden; clear: both; font-size: 12px; } .gaolifn span { float: left; line-height: 24px; } .gaolifn .bilg { padding-left: 88px; } .gaolifn p { float: right; } .gaolifn a { display: block; float: left; line-height: 24px; margin-left: 10px; padding: 0 13px; border-radius: 3px; } .gaolifn a:hover { color: #fff; background: #FF636B; } .gaolifn .pagered { color: #fff; background: #FF636B; } .gaolifn .glb { background: #eee; } .gaolifn .page { width: 24px; line-height: 24px; text-align: center; border-radius: 50%; padding: 0; } .U_tobox li { border-bottom: 1px dashed #eee; padding: 25px 0; } .U_tobox li h1 { line-height: 40px; font-size: 18px; font-weight: bold; } .U_tobox li h1 span { padding-right: 10px; } .U_tobox li h1 em { padding: 0 10px; } .U_tobox li p { line-height: 30px; font-size: 12px; color: #969696; } .U_tobox li p span { float: right; color: #ff636b; font-size: 12px; cursor: pointer; } .U_tobox .U_yread { color: #999; } .U_tobox .U_smailc { padding-bottom: 10px; display: none; } .U_tobox .U_smailc h2 { line-height: 30px; font-size: 14px; color: #666; padding-bottom: 20px; } .U_tobox .U_smailc h2 a { color: #ff636b; text-decoration: underline; padding: 0 3px; } .U_tobox .U_smailc div { width: 75px; overflow: hidden; } .U_tobox .U_smailc div span { text-align: center; color: #666; font-size: 12px; } .U_tobox .U_smailc div img { display: block; width: 70px; height: 70px; } .U_toboxcoll li p span { display: none; } .U_toboxcoll li p img { max-width: 100%; } .U_toboxcoll li:hover a { color: #ff636b; } .U_toboxcoll li:hover p span { display: block; } .U_conbox li h1 { font-size: 14px; } .U_conbox li h2 { font-size: 14px; padding-bottom: 10px; } .U_conbox li h2 span { margin-right: 10px; } .U_conbox li h3 { padding-left: 14px; border-left: 2px solid #eee; } .U_conbox li p span { color: #333; font-weight: bold; } .U_bylog { overflow: hidden; padding-bottom: 15px; } .U_bylog .Uble { float: left; } .U_bylog .Uble img { float: left; width: 40px; height: 40px; border-radius: 50%; } .U_bylog .Uble p { float: left; line-height: 40px; padding-left: 10px; font-size: 14px; color: #333; } .U_bylog .Ubrig { float: right; font-size: 12px; color: #999; cursor: pointer; } .U_bylog .Ubrig em { float: left; width: 20px; height: 15px; background: url(../img/atc2.png) no-repeat -118px 0; position: relative; top: 6px; left: -5px; } .U_atmi { overflow: hidden; background: #f8f8f8; height: 30px; padding: 15px 20px; line-height: 30px; margin-top: 10px; } .U_atmi dl { float: left; margin-right: 10px; } .U_atmi dl dt { float: left; margin-right: 10px; } .U_atmi dl dt img { display: block; width: 30px; height: 30px; border-radius: 50%; } .U_atmi dl dd { float: left; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .U_atmi .Uan { float: left; color: #999; } .U_atmi .U_atime { float: right; font-size: 12px; color: #999; } .U_tbxt { padding: 160px 0 30px 0; font-weight: bold; font-size: 20px; text-align: center; } .U_share { padding-left: 6px; position: relative; } .U_share .baleft { display: block; position: absolute; left: 0; background: #fff; width: 10px; height: 30px; } .U_share li { padding: 20px 0 10px 25px; border-left: 1px solid #eee; } .U_share li p { font-size: 12px; position: relative; } .U_share li p em { position: absolute; width: 10px; height: 10px; background: #eee; left: -30px; border-radius: 50%; top: 6px; } .U_share li p span { display: block; height: 20px; line-height: 20px; float: left; background: #eee; position: relative; left: -8px; padding: 0 10px; } .U_share li h1 { clear: both; padding-top: 20px; } .U_share li h1 a { font-weight: bold; padding: 0 3px; } .U_more { display: block; border: 1px solid #eee; height: 28px; line-height: 28px; text-align: center; font-size: 12px; margin-top: 15px; } .U_accot { padding: 20px 0; float: left; width: 100%; } .U_accot p { line-height: 50px; height: 50px; font-weight: bold; font-size: 16px; } .U_accot p em { color: #ff636b; padding: 0 10px; } .U_accot p .ale { padding-left: 40px; } .U_accot p span { font-size: 12px; color: #666; } .U_accot p a { color: #ff636b; text-decoration: underline; font-size: 12px; } .U_accot .U_accobon { clear: both; float: left; width: 100%; } .U_accot .U_accobon h1 { float: left; } .U_accot .U_accobon h1 span { font-weight: bold; padding-right: 30px; float: left; } .U_accot .U_accobon h1 span em { padding-left: 20px; color: #ff636b; } .U_accot .U_accobon h1 a { float: left; width: 80px; height: 30px; line-height: 30px; background: #ff636b; text-align: center; color: #fff; border-radius: 3px; } .U_accot .U_accobon .U_mnlist { float: right; } .U_mybox { background: #F5F5F5; padding: 20px; border-radius: 5px; margin-bottom: 30px; } .U_mybox h2 { overflow: hidden; height: 30px; padding: 5px 0; } .U_mybox h2 span { float: left; width: 170px; font-size: 14px; } .U_mybox h2 em { float: left; font-size: 12px; color: #999; } .U_mybox h2 a { float: right; width: 58px; height: 22px; line-height: 22px; text-align: center; border: 1px solid #eee; color: #ff636b; font-size: 12px; border-radius: 3px; } .U_iphon { float: left; } .U_iphon li { position: relative; padding-left: 105px; padding-bottom: 20px; font-size: 12px; } .U_iphon li input { width: 300px; background: #F8F8F8; padding: 0 10px; height: 30px; line-height: 30px; border: none; border-radius: 3px; } .U_iphon li em { display: inline-block; width: 80px; height: 28px; text-align: center; line-height: 28px; color: #FF6666; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #eee; } .U_iphon li span { position: absolute; left: 0; top: 4px; font-size: 14px; } .U_iphon li button { width: 90px; height: 30px; border: 0; background: #ff636b; color: #fff; border-radius: 4px; } .U_iphon li h6 { position: absolute; bottom: -3px; color: #ff636b; font-size: 12px; } .U_iphon .forpi input { width: 1px; height: 1px; padding: 0; border: 0; } .U_iphon .forpi p { width: 300px; float: left; padding: 0 10px; background: #F8F8F8; height: 30px; line-height: 30px; color: #a9a9a9; } .U_iphon .forpi label { display: inline-block; width: 80px; height: 28px; text-align: center; line-height: 28px; color: #FF6666; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #eee; } .U_iphontp { padding-top: 40px; } .U_yesbox { padding-top: 110px; } .U_yesbox div { width: 60px; height: 60px; margin: 10px auto; } .U_yesbox p { line-height: 24px; text-align: center; } .U_yesbox p span { color: #ff636b; padding: 0 6px; } .U_yesbox p a { color: #ff636b; text-decoration: underline; padding: 0 4px; } .U_bosli { clear: both; background: #F5F5F5; overflow: hidden; height: 50px; line-height: 50px; border-radius: 3px; margin-top: 40px; } .U_bosli div { float: left; text-align: center; } .U_bosli div:nth-child(1) { width: 166px; } .U_bosli div:nth-child(2) { width: 330px; } .U_bosli div:nth-child(3) { width: 280px; } .U_mlists li { border-bottom: 1px dashed #eee; padding: 25px 0; overflow: hidden; } .U_mlists li div { text-align: center; font-size: 12px; float: left; } .U_mlists li div:nth-child(1) { width: 165px; } .U_mlists li div:nth-child(2) { width: 330px; } .U_mlists li div:nth-child(3) { width: 280px; } .cssSelect { white-space: nowrap; float: left; } .cssSelect * { display: block; } .cssSelect a { color: #666; outline-width: 0px; text-decoration: none; background: #f0f; } .cssSelect .selectBox { cursor: pointer; border: solid 1px #c8c8c8; float: left; } .cssSelect .selectLt { cursor: pointer; float: left; text-align: left; overflow: hidden; } .cssSelect .selectRt { cursor: pointer; background: url('../img/skin_icons1.png') 3px 8px no-repeat; float: right; border-left: 0; } .cssSelect .selectBox { width: 200px; border-radius: 2px; border-color: #eee; } .cssSelect .selectLt { overflow: hidden; height: 34px; line-height: 31px; padding: 0 10px; background: none transparent scroll repeat 0% 0%; color: #666; } .cssSelect .selectRt { height: 34px; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 28px; } .cssSelect .sNormal { background-position: 0px 0px; } /*.cssSelect .sNormal .selectRt { background-position: 100% 0px}*/ .cssSelect .sHover { background-position: 0px -50px; } .cssSelect .sHover .selectRt { background: url('../img/skin_icons1.png') -26px 8px no-repeat; } .cssSelect .sPressDown .selectRt { background: url('../img/skin_icons1.png') 3px 8px no-repeat; float: right; } .cssSelect .optionsBox { position: absolute; border: 1px solid #dbdbdb; padding: 2px; margin: 0px; background: #fff; z-index: 100; } .cssSelect .optionsInnerBox { width: 196px; } .cssSelect .optionBox { cursor: pointer; padding: 2px 30px 2px 10px; margin: 0px; height: 25px; line-height: 25px; } .cssSelect .optionBox span { cursor: pointer; font-size: 12px; } .cssSelect .oNormal { line-height: 30px; } .cssSelect .oHover { background: #c8c8c8; color: #fff; } .cssSelect .selected { background: #c8c8c8; color: #fff; } .cssSelect .optionsInnerBox .optionBox span { position: relative; line-height: 24px; } #select_ui_id_allbing .selectBox { width: 148px; border-color: #e8e8e8; } #select_ui_id_allbing .optionsInnerBox { width: 145px; } #select_ui_id_allbing .optionsInnerBox span { padding-left: 0; } #select_ui_id_moldy .selectBox { width: 314px; border-color: #e8e8e8; } #select_ui_id_moldy .optionsInnerBox { width: 310px; } #select_ui_id_moldy .optionsInnerBox span { padding-left: 0; } #select_ui_id_stmy .selectBox { width: 158px; border-color: #e8e8e8; } #select_ui_id_stmy .optionsInnerBox { width: 155px; } #select_ui_id_stmy .optionsInnerBox span { padding-left: 0; } #select_ui_id_stmy2 .selectBox { width: 158px; border-color: #e8e8e8; } #select_ui_id_stmy2 .optionsInnerBox { width: 155px; } #select_ui_id_stmy2 .optionsInnerBox span { padding-left: 0; } .U_userinfor li { position: relative; padding: 15px 0 15px 50px; } .U_userinfor li span { position: absolute; left: 0; } .U_userinfor li h1 { position: relative; left: -50px; font-size: 16px; font-weight: bold; } .U_userinfor li input { border: 0; width: 300px; height: 30px; background: #F8F8F8; border-radius: 4px; padding: 0 10px; } .U_userinfor li textarea { width: 700px; height: 100px; background: #F8F8F8; resize: none; border: 0; border-radius: 4px; padding: 10px; } .U_userinfor .U_ufile input { width: 1px; height: 1px; padding: 0; } .U_userinfor .U_ufile label { float: left; width: 78px; height: 22px; border: 1px solid #eee; color: #ff636b; text-align: center; line-height: 22px; border-radius: 3px; font-size: 12px; } .U_userinfor .U_ufile em { color: #999; font-size: 12px; } .U_userinfor .U_uspic { overflow: hidden; clear: both; } .U_userinfor .U_uspic .one { width: 200px; height: 200px; background: url(../img/user4.jpg) no-repeat; background-size: 100% 100%; text-align: center; vertical-align: middle; line-height: 200px; float: left; margin-right: 20px; } .U_userinfor .U_uspic .one img { max-width: 200px; max-height: 200px; vertical-align: middle; } .U_userinfor .U_uspic .one2 { width: 60px; position: relative; top: 115px; float: left; margin-right: 20px; } .U_userinfor .U_uspic .one2 p { line-height: 25px; } .U_userinfor .U_uspic .one2 div { width: 60px; height: 60px; background: url(../img/user4.jpg) no-repeat; background-size: 100% 100%; } .U_userinfor .U_uspic .one2 div img { display: block; width: 60px; height: 60px; } .U_userinfor .U_uspic .one3 { width: 50px; height: 50px; background: url(../img/user5.jpg) no-repeat; background-size: 100% 100%; position: relative; border-radius: 50%; top: 150px; overflow: hidden; float: left; margin-right: 20px; } .U_userinfor .U_uspic .one3 img { display: block; width: 50px; height: 50px; border-radius: 50%; } .U_userinfor .U_uspic .one4 { width: 30px; height: 30px; background: url(../img/user6.jpg) no-repeat; background-size: 100% 100%; position: relative; border-radius: 50%; overflow: hidden; top: 170px; float: left; margin-right: 20px; } .U_userinfor .U_uspic .one4 img { display: block; width: 30px; height: 30px; border-radius: 50%; } .U_userinfor .U_usex { overflow: hidden; } .U_userinfor .U_usex span { top: 17px; } .U_userinfor .U_usex input { width: 14px; display: none; } .U_userinfor .U_usex label { display: inline-block; width: 30px; height: 30px; border: 1px solid #ddd; text-align: center; line-height: 30px; float: left; margin-right: 15px; font-size: 12px; border-radius: 3px; cursor: pointer; } .U_userinfor .U_usex .ylas { border: 1px solid #f66; color: #f66; } .U_userinfor .U_usf { clear: both; float: left; } .U_btn { width: 80px; height: 30px; border: 0; background: #ff636b; color: #fff; border-radius: 3px; } .footboxn { clear: both; width: 100%; min-width: 1200px; background: #333; } .footboxn p { width: 1200px; margin: 0 auto; text-align: center; line-height: 30px; color: #999; } .footboxn p em { padding: 0 10px; } .blackbox { width: 100%; height: 100%; position: fixed; background: #fff; opacity: .5; z-index: 100; } .popup { width: 400px; padding: 30px 50px 40px; position: fixed; z-index: 101; left: 50%; margin-left: -200px; top: 25%; background: #fff; border-radius: 4px; box-shadow: 0 0 5px #000; } .popup h1 { text-align: center; font-size: 40px; font-size: 24px; font-weight: bold; line-height: 50px; } .popup .liks { border-bottom: 1px solid #eee; } .popup .overc { position: absolute; right: 30px; top: 20px; font-size: 30px; } .popup h2 { text-align: center; font-size: 12px; } .popup h2 a { display: inline-block; width: 90px; height: 35px; line-height: 35px; background: #eee; border-radius: 4px; margin-right: 10px; color: #666; } .popup h2 button { width: 90px; height: 34px; background: #ff636b; border: none; border-radius: 4px; color: #fff; font-size: 12px; } .popup .iknow { padding-top: 20px; } .popup h6 { position: absolute; bottom: -3px; font-size: 12px; color: #ff636b; } .popup p { text-align: center; line-height: 20px; padding: 5px 0 0; } .popup .txmay li { position: relative; padding-left: 80px; padding-bottom: 20px; } .popup .txmay li span { width: 80px; position: absolute; left: 0; line-height: 36px; } .popup .txmay li input { width: 298px; padding: 0 10px; height: 34px; line-height: 34px; border: 1px solid #eee; } .no { display: none; } .H_left { width: 285px; padding: 30px 0 30px 35px; background: #fff; float: left; } .H_left li { padding-left: 20px; position: relative; height: 35px; line-height: 35px; cursor: pointer; } .H_left li span { position: absolute; left: 0; width: 12px; height: 8px; background: #ff636b; top: 14px; display: none; } .H_left li:hover { color: #ff636b; } .H_left li:hover span { display: block; } .H_left .rbed { color: #ff636b; } .H_left .rbed span { display: block; } .H_rig { float: right; width: 760px; background: #fff; padding: 40px 50px; margin-bottom: 30px; } .H_rig .H_box { font-size: 16px; display: none; } .H_rig .H_box div { width: 704px; height: 465px; margin: 15px auto; } .H_rig .H_box h1 { text-align: center; font-size: 28px; line-height: 50px; } .H_rig .H_box h1 span { font-weight: bold; } .H_rig .H_box p { line-height: 30px; width: 620px; margin: 0 auto; padding-bottom: 20px; letter-spacing: 2px; } .H_rig .H_box p em { font-weight: bold; } .H_rig .H_box ul { width: 620px; margin: 0 auto; } .H_rig .H_box ul li { line-height: 30px; position: relative; padding-left: 20PX; padding-bottom: 10px; letter-spacing: 2px; } .H_rig .H_box ul li span { position: absolute; left: 0; top: 8px; width: 13px; height: 15px; padding-left: 2px; border-radius: 50%; background: #ff636b; text-align: center; line-height: 15px; font-size: 12px; color: #fff; } .H_rig .H_box ul li em { letter-spacing: 2px; } .H_rig .H_box ol { width: 620px; margin: 0 auto; } .H_rig .H_box ol li { line-height: 44px; padding-left: 20px; position: relative; letter-spacing: 2px; } .H_rig .H_box ol li span { position: absolute; left: 0; top: 18px; width: 10px; height: 10px; border-radius: 50%; background: #ff636b; text-align: center; line-height: 15px; font-size: 12px; } .H_rig .H_box ol li em { font-weight: bold; } .A_activle { width: 780px; float: left; background: #fff; padding: 40px 44px 40px 36px; border-radius: 5px; } .A_actext { border-bottom: 3px solid #eee; padding-bottom: 40px; padding-left: 80px; position: relative; min-height: 450px; } .A_actext .A_ctes { width: 700px; } .A_actext .A_ctes h1 { font-size: 28px; text-align: center; line-height: 35px; } .A_actext .A_ctes .A_pon1 { text-align: center; padding: 10px 0; color: #999; font-size: 12px; } .A_actext .A_ctes .A_pon1 span { display: inline-block; border: 1px solid #ff636b; color: #ff636b; height: 14px; padding: 0 5px; line-height: 14px; font-size: 12px; border-radius: 5px; margin-right: 10px; } .A_actext .A_ctes .A_pon1 .A_em1 { padding: 0 60px; } .A_actext .A_ctes .A_zys { padding: 15px 30px; background: #F8F8F8; color: #666; border-radius: 4px; } .A_actext .A_ctes .A_zys p { line-height: 30px; font-size: 16px; } .A_actext .A_ctes .A_zys p span { font-weight: bold; } .A_actext .A_ctes .A_contxt { overflow: hidden; } .A_actext .A_ctes .A_contxt a { color: #333; padding: 0 2px; border-bottom: 1px solid #ddd; padding-bottom: 2px; } .A_actext .A_ctes .A_contxt a:hover { color: #333; } .A_actext .A_ctes .A_contxt p { line-height: 30px; padding: 15px 0; font-size: 16px; } .A_actext .A_ctes .A_contxt p img { display: block; margin: 0 auto; max-width: 100%; } .A_actext .A_ctes .A_contxt blockquote p { display: inline; text-indent: 2em; padding-right: 20px; background: url(../img/sbjsna.png) no-repeat 0 0, #eeeeee url(../img/sbjsna.png) no-repeat right bottom; padding: 0 10px; } .A_actext .A_ctes .A_contxt h3 { font-size: 18px; padding: 10px 0; } .A_actext .bdsharebuttonbox { position: absolute; left: 0; top: 80px; font-size: 12px; color: #999; width: 60px; } .A_actext .bdsharebuttonbox a { display: block; width: 40px; height: 40px; border-radius: 50%; margin-top: 20px; background: url(../img/atc1.jpg) no-repeat; } .A_actext .bdsharebuttonbox a:hover { -o-animation: zoomInout 600ms ease; -ms-animation: zoomInout 600ms ease; -moz-animation: zoomInout 600ms ease; -webkit-animation: zoomInout 600ms ease; animation: zoomInout 600ms ease; } .A_actext .bdsharebuttonbox .bds_weixin { background-position: 0 0; } .A_actext .bdsharebuttonbox .bds_tsina { background-position: 0 -60px; } .A_actext .bdsharebuttonbox .bds_douban { background-position: 0 -120px; } .A_actext .bdsharebuttonbox .bds_renren { background-position: 0 -180px; } .A_actext .bdsharebuttonbox .bds_sqq { background-position: 0 -240px; } .A_actext .bdsharebuttonbox .bds_evernotecn { background-position: 0 -300px; } .A_actext .bdsharebuttonbox .playfen { color: #fff; line-height: 40px; font-size: 12px; text-align: center; background: #f66; cursor: pointer; } .playboxng { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; display: none; } .playvcp { width: 800px; height: 500px; position: absolute; left: 50%; margin-left: -400px; background: #fff; border-radius: 5px; top: 50%; margin-top: -250px; padding: 20px; } .playvcp .cuong { position: absolute; right: 5px; top: 5px; font-size: 24px; font-weight: bold; } .playvcp div { position: relative; padding-left: 100px; clear: both; overflow: hidden; padding: 5px 0 5px 100px; border-bottom: 1px dashed #eee; } .playvcp div span { position: absolute; left: 0; top: 8px; width: 100px; text-align: center; line-height: 20px; } .playvcp div input { float: left; margin-right: 5px; position: relative; top: 7px; } .playvcp div label { cursor: pointer; width: 120px; float: left; } .playvcp p { text-align: center; padding-top: 10px; } .playvcp p .oveg { display: inline-block; width: 90px; text-align: center; line-height: 26px; background: #eee; margin: 5px; border-radius: 3px; font-size: 12px; border: none; } .playvcp p .ovbtn { display: inline-block; width: 90px; text-align: center; line-height: 26px; background: #f66; margin: 5px; border-radius: 3px; font-size: 12px; color: #fff; border: none; } @-o-keyframes zoomInout { from { -o-transform: scale(1); } 30% { -o-transform: scale(1.18); } 60% { -o-transform: scale(1); } 70% { -o-transform: scale(1.1); } 80% { -o-transform: scale(1); } 90% { -o-transform: scale(1.05); } to { -o-transform: scale(1); } } @-ms-keyframes zoomInout { from { -ms-transform: scale(1); } 30% { -ms-transform: scale(1.18); } 60% { -ms-transform: scale(1); } 70% { -ms-transform: scale(1.1); } 80% { -ms-transform: scale(1); } 90% { -ms-transform: scale(1.05); } to { -ms-transform: scale(1); } } @-moz-keyframes zoomInout { from { -moz-transform: scale(1); } 30% { -moz-transform: scale(1.18); } 60% { -moz-transform: scale(1); } 70% { -moz-transform: scale(1.1); } 80% { -moz-transform: scale(1); } 90% { -moz-transform: scale(1.05); } to { -moz-transform: scale(1); } } @-webkit-keyframes zoomInout { from { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1.18); } 60% { -webkit-transform: scale(1); } 70% { -webkit-transform: scale(1.1); } 80% { -webkit-transform: scale(1); } 90% { -webkit-transform: scale(1.05); } to { -webkit-transform: scale(1); } } @keyframes zoomInout { from { transform: scale(1); } 30% { transform: scale(1.18); } 60% { transform: scale(1); } 70% { transform: scale(1.1); } 80% { transform: scale(1); } 90% { transform: scale(1.05); } to { transform: scale(1); } } .A_textbom h2 { font-size: 14px; color: #999; padding: 20px 0; } .A_textbom p { color: #ff636b; border-bottom: 1px solid #eee; padding: 20px 0 20px; height: 22px; } .A_textbom p em { padding: 0 15px; } .A_textbom p span { float: right; width: 30px; height: 30px; background: url(../img/hxin.png) no-repeat; position: relative; top: -4px; cursor: pointer; } .A_textbom p span:hover { background: url(../img/atc2.png) no-repeat; background-position: 0px 0; } .A_textbom p .redx { background: url(../img/atc2.png) no-repeat; background-position: 0px 0; } .A_textbom p s { display: inline-block; width: 18px; height: 18px; background: #0f0; float: left; position: relative; top: 5px; background: url(../img/atc2.png) no-repeat; background-position: -95px 0; } .A_textbom .A_linebn { color: #ff636b; border-bottom: 1px dashed #eee; padding: 20px 0 20px; } .A_textbom .A_linebn em { padding: 0 15px; } .A_textbom .A_linebn span { float: right; width: 30px; height: 30px; background: url(../img/hxin.png) no-repeat; position: relative; top: -4px; cursor: pointer; } .A_textbom .A_linebn span:hover { background: url(../img/atc2.png) no-repeat; background-position: 0px 0; } .A_textbom .A_linebn .redx { background: url(../img/atc2.png) no-repeat; background-position: 0px 0; } .A_textbom .A_linebn s { display: inline-block; width: 18px; height: 18px; background: #0f0; float: left; position: relative; top: 5px; background: url(../img/atc2.png) no-repeat; background-position: -95px 0; } .A_textbom .A_noborn { width: 700px; bottom: 20px; right: 20px; padding-bottom: 0; border-bottom: none; } .A_textbom .A_noborn .S_yet { padding-bottom: 0; } .S_yet { width: 110px; margin: 0 auto; padding: 50px 0 20px 0; } .S_yet .S_text { width: 60px; height: 60px; border-radius: 50%; background: #f66; color: #fff; font-size: 28px; text-align: center; line-height: 60px; margin: 0 auto; } .S_yet .S_tpic { width: 110px; border: 1px solid #eee; margin: 10px 0; border-radius: 3px; } .S_yet .S_tpic img { display: block; width: 110px; } .S_yet .S_tpse { text-align: center; line-height: 14px; width: 200%; position: relative; left: -50%; font-size: 13px; letter-spacing: 2px; color: #999; } .A_users { clear: both; padding-top: 20px; } .A_users .A_uslef { width: 90px; float: left; height: 30px; } .A_users .A_uslef span { float: left; color: #999; } .A_users .A_uslef .A_usbox { position: relative; display: inline-block; width: 15px; left: 10px; } .A_users .A_uslef .A_usbox em { display: inline-block; width: 15px; height: 15px; background: #999; border-radius: 50%; text-align: center; line-height: 15px; font-size: 10px; cursor: pointer; color: #fff; } .A_users .A_uslef .A_usbox .bis { background: #fff; border-radius: 3px; display: none; position: relative; width: 260px; padding: 18px; border: 1px solid #ff636b; font-size: 12px; line-height: 14px; top: 10px; left: -20px; z-index: 1; } .A_users .A_uslef .A_usbox .bis span { display: block; position: absolute; width: 15px; height: 15px; background: #fff; border-top: 1px solid #ff636b; border-left: 1px solid #ff636b; top: -8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .A_users .A_uslef .A_usbox .bis p { padding-top: 10px; } .A_users .A_uslef .A_usbox .bis h3 { font-size: 14px; text-align: left; padding: 5px 0 10px; font-weight: bold; border-bottom: 1px solid #eee; } .A_users .A_uslef .A_usbox:hover em { background: #ff636b; } .A_users .A_uslef .A_usbox:hover .bis { display: block; } .A_users .A_usrig { overflow: hidden; } .A_users .A_usrig p { float: left; width: 550px; height: 40px; } .A_users .A_usrig p a { float: left; margin: 0 10px 10px 10px; } .A_users .A_usrig p a img { display: block; width: 30px; height: 30px; border-radius: 50%; } .A_users .A_usrig .A_zmt { height: 30px; } .A_users .A_usrig .A_zmt a { margin-bottom: 17px; } .A_users .A_usrig .A_zmt a img { height: 20px; width: auto; border-radius: 0; position: relative; top: 3px; } .A_users .A_usrig span { float: right; font-size: 12px; line-height: 14px; width: 48px; height: 14px; border: 1px solid #eee; border-radius: 2px; color: #999; position: relative; top: 7px; cursor: pointer; padding: 2px 4px 2px 5px; background: url(../img/acttbon.png) no-repeat 35px -66px; background-size: 24%; transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } .A_users .A_usrig .ns { background: url(../img/acttbon.png) no-repeat 36px 5px; background-size: 24%; } .A_revie { padding-top: 35px; float: left; } .A_revie h1 { line-height: 25px; font-size: 16px; font-weight: bold; } .A_revie h2 { line-height: 25px; font-size: 16px; font-weight: bold; } .A_revie .A_revitext { padding-left: 80px; padding-top: 28px; position: relative; } .A_revie .A_revitext dl { position: absolute; left: 0; } .A_revie .A_revitext dl dt { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; } .A_revie .A_revitext dl dt img { display: block; width: 50px; height: 50px; } .A_revie .A_revitext dl dd { width: 70px; position: relative; left: -10px; line-height: 18px; padding-top: 10px; max-height: 46px; text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .A_revie .A_revitext dl .zinntw { font-size: 12px; color: #999; line-height: 14px; padding-top: 0; } .A_revie .A_revitext textarea { width: 668px; resize: none; height: 88px; line-height: 20px; border: 1px solid #eee; border-radius: 4px; padding: 5px 15px; margin-bottom: 20px; } .A_revie .A_revitext button { width: 80px; height: 30px; color: #fff; background: #ff636b; border-radius: 4px; border: none; float: left; } .A_share { float: right; color: #999; } .A_share span { display: inline-block; width: 24px; height: 24px; margin-left: 20px; position: relative; top: 5px; cursor: pointer; } .A_share span:hover { background-position: 0 0; } .A_share span:nth-child(1) { margin-left: 5px; } .A_share .wb { background: url(../img/nwb.png) no-repeat; background-position: -26px 0; } .A_share .wx { background: url(../img/nwx.png) no-repeat; background-position: -26px 0; position: relative; } .A_share .wx:hover .wbox { display: block; } .A_share .shyesn { background-position: 0 0; } .A_share .wbox { position: absolute; width: 70px; height: 70px; background: #0ff; top: -80px; left: -50px; box-shadow: 0 0 5px #000; display: none; } .A_share .wbox img { display: block; width: 70px; height: 70px; } .A_share .nyes { background-position: 0 0; } .A_theof { clear: both; padding-left: 80px; position: relative; } .A_theof .A_thepic { position: absolute; top: 30px; left: 0; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; } .A_theof .A_thepic img { display: block; width: 50px; height: 50px; } .A_theof .A_thetext { padding: 30px 0; border-bottom: 1px solid #eee; } .A_theof .A_thetext h1 { padding-bottom: 10px; } .A_theof .A_thetext h1 span { font-weight: bold; padding-right: 5px; } .A_theof .A_thetext h1 em { font-size: 12px; color: #999; } .A_theof .A_thetext h3 { padding-bottom: 10px; } .A_theof .A_thetext h3 span { font-weight: bold; padding-right: 5px; } .A_theof .A_thetext h3 em { font-size: 12px; color: #999; } .A_theof .A_thetext p { padding-bottom: 10px; } .A_theof .A_thetext .A_artio { padding-left: 20px; padding-bottom: 0; margin-bottom: 10px; color: #999; background: url(../img/leyig.png) no-repeat left top; } .A_theof .A_thetext .A_artio span { color: #666; padding-right: 10px; } .A_theof .A_thetext h2 { font-size: 12px; } .A_theof .A_thetext h2 span { color: #999; } .A_theof .A_thetext h2 div { float: right; cursor: pointer; } .A_theof .A_thetext h2 div span { display: inline-block; width: 16px; height: 16px; background: #0f0; margin: 0 10px 0 25px; position: relative; top: 3px; } .A_theof .A_thetext h2 div strong { font-weight: normal; width: auto; text-align: center; background-color: transparent; color: #f66; } .A_theof .A_thetext h2 .A_dm span { background: url(../img/atc2.png) no-repeat; background-position: -122px 0; } .A_theof .A_thetext h2 .A_pm span { background: url(../img/atc2.png) no-repeat; background-position: -200px 0; } .A_theof .A_thetext h2 .A_pm2 span { background: url(../img/atc2.png) no-repeat; background-position: -148px 0; } .A_theof .A_thetext h2:after { display: block; content: ''; clear: both; } .A_theof .A_thetext .A_retus { padding-top: 10px; overflow: hidden; display: none; } .A_theof .A_thetext .A_retus textarea { width: 678px; height: 88px; padding: 5px 10px; resize: none; border-radius: 3px; border: 1px solid #eee; } .A_theof .A_thetext .A_retus button { float: right; width: 80px; height: 30px; border-radius: 4px; border: none; background: #ff636b; color: #fff; margin-top: 10px; } .A_more { display: block; width: 700px; float: right; height: 28px; border: 1px solid #eee; text-align: center; line-height: 28px; letter-spacing: 5px; border-top: none; } .A_activrig { float: right; width: 320px; } .A_rigbox { padding: 40px; margin-bottom: 20px; background: #fff; border-radius: 5px; } .A_drs { border: 1px solid #eee; border-radius: 3px; margin-top: 25px; overflow: hidden; } .A_drs a { float: left; width: 118px; height: 28px; line-height: 28px; color: #ff636b; text-align: center; } .A_drs .brn { width: 238px; } .A_drs .rl { width: 118px; border-left: 1px solid #eee; } .A_drs .yen { color: #999; } .A_title { padding: 35px 0 28px; font-size: 17px; line-height: 24px; } .A_title span { border-bottom: 3px solid #ff636b; color: #ff636b; padding-bottom: 3px; letter-spacing: 2px; margin-right: 3px; } .A_title em { display: inline-block; width: 16px; height: 20px; background: url(../img/atc2.png) no-repeat; background-position: -226px 0; position: relative; left: 10px; top: 3px; } .A_title2 { padding-top: 0; } .A_tilist li { padding-bottom: 12px; } .A_tilist li h1 { font-size: 15px; font-weight: bold; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .A_tilist li h2 { font-size: 15px; font-weight: bold; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .A_tilist li p { color: #999; font-size: 12px; line-height: 24px; } .A_tmore { display: block; height: 28px; line-height: 28px; text-align: center; border: 1px solid #eee; color: #999; letter-spacing: 3px; font-size: 13px; border-radius: 3px; } .ttp { border-top: none; } .A_relist li { padding-left: 35px; position: relative; } .A_relist li em { position: absolute; width: 16px; padding-left: 2px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; font-size: 12px; background: #ccc; color: #fff; left: 0; top: 5px; } .A_relist li .one { background: #FA6666; } .A_relist li .two { background: #FFA56F; } .A_relist li .there { background: #FAC34F; } .A_relist li h1 { font-size: 15px; font-weight: bold; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .A_relist li h2 { font-size: 15px; font-weight: bold; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .A_relist li p { color: #999; font-size: 12px; line-height: 24px; } .A_nactbox { width: 320px; height: 200px; position: relative; overflow: hidden; border-radius: 5px; } .A_nactbox .A_pic2 { position: relative; } .A_nactbox .ansb { position: absolute; width: 20px; height: 36px; background: #fff; z-index: 1; font-size: 30px; top: 85px; opacity: .2; text-align: center; line-height: 30px; cursor: pointer; } .A_nactbox .A_prigg { right: 0; } .A_nactbox .A_fcon { width: 100%; float: left; } .A_nactbox img { display: block; width: 320px; height: 200px; } .A_nactbox .A_fbg { width: 100%; position: absolute; bottom: 0; text-align: center; } .A_nactbox .A_fbg a { display: inline-block; width: 5px; height: 5px; background: #fff; border-radius: 50%; margin: 0 2px; } .A_nactbox .A_fbg .current { width: 7px; height: 7px; background: #ff636b; position: relative; top: 1px; } .A_nactbox:hover .ansb { opacity: .8; } .A_tact { width: 240px; height: 150px; border-radius: 3px; overflow: hidden; } .A_tact img { display: block; width: 240px; height: 150px; } .A_bonsbox { clear: both; width: 100%; min-width: 1200px; background: #F4F4F4; padding: 36px 0 40px; } .A_busb h3 { font-size: 16px; font-weight: bold; padding-bottom: 20px; } .A_busb h2 { font-size: 30px; padding: 4px 0 10px; line-height: 40px; } .A_busb p { width: 720px; color: #999; line-height: 22px; padding-bottom: 20px; letter-spacing: 1px; } .A_busb .A_retens { display: block; width: 158px; height: 28px; line-height: 28px; text-align: center; color: #999; border: 1px solid #ddd; border-radius: 3px; font-size: 13px; } .A_push { width: 100%; min-width: 1200px; background: #fff; clear: both; padding: 50px 0; margin-top: 50px; } .A_conpsg { padding-left: 120px; position: relative; min-height: 350px; } .A_tjlist { position: absolute; left: 0; top: -19px; } .A_tjlist .A_wilyou { font-size: 16px; font-weight: bold; padding-bottom: 20px; } .A_tjlist li { cursor: pointer; line-height: 36px; } .A_tjlist .ynb { color: #ff636b; font-weight: bold; } .A_tjlist .ynb em { display: inline-block; width: 12px; height: 8px; background: #ff636b; margin-right: 5px; } .A_list { padding: 30px 0; border-bottom: 1px solid #eee; position: relative; min-height: 100px; } .A_list .A_lipic { width: 160px; height: 100px; float: left; border-radius: 3px; overflow: hidden; margin-right: 17px; border: 1px solid #eee; } .A_list .A_lipic img { display: block; width: 160px; height: 100px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.5s ease-in-out; /* Safari 鍜 Chrome */ -o-transition: all 0.5s ease-in-out; /* Opera */ } .A_list .A_lipic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .A_list .A_litext h2 { font-size: 24px; overflow: hidden; padding-bottom: 15px; line-height: 30px; } .A_list .A_litext h2 .Fmonthe { float: left; margin-right: 8px; font-size: 14px; width: 38px; height: 28px; border: 1px solid #ccc; color: #999; text-align: center; line-height: 28px; border-top: 6px solid #ccc; border-radius: 3px; } .A_list .A_litext h1 { font-size: 24px; overflow: hidden; padding-bottom: 15px; line-height: 30px; } .A_list .A_litext h1 .Fmonthe { float: left; margin-right: 8px; font-size: 14px; width: 38px; height: 28px; border: 1px solid #ccc; color: #999; text-align: center; line-height: 28px; border-top: 6px solid #ccc; border-radius: 3px; } .A_list .A_litext p .A_y { display: inline-block; height: 14px; font-size: 12px; border: 1px solid #ff636b; color: #ff636b; line-height: 14px; padding: 0 5px; margin-right: 25px; border-radius: 2px; } .A_list .A_litext p img { display: inline-block; width: 14px; height: 14px; border: 1px solid #eee; position: relative; border-radius: 2px; } .A_list .A_litext p .A_p { display: inline-block; height: 16px; line-height: 16px; position: relative; top: 3px; font-size: 12px; color: #666; padding-left: 5px; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 25px; } .A_list .A_litext p .A_t { display: inline-block; width: 16px; height: 16px; background: url(../img/atc2.png) no-repeat; background-position: -174px 0; position: relative; top: 3px; } .A_list .A_litext p .A_m { font-size: 12px; color: #999; margin-left: 5px; } .A_list .A_litext:hover h1 a { color: #f66; } .A_list .A_zxs { overflow: hidden; padding-top: 8px; } .A_list .A_zxs .A_zl { float: left; border-right: 2px solid #eee; margin-right: 17px; padding-right: 17px; height: 20px; line-height: 16px; } .A_list .A_zxs .A_zl span { float: left; color: #999; font-size: 12px; line-height: 20px; } .A_list .A_zxs .A_zl a { float: left; padding: 2px 7px; } .A_list .A_zxs .A_zl img { display: block; height: 16px; } .A_list .A_zxs .A_zl .Apicbox { display: inline-block; position: relative; } .A_list .A_zxs .A_zl .Apicbox:hover .Apics { display: block; } .A_list .A_zxs .A_zl .Apics { position: absolute; width: 430px; top: 0px; background: #fff; z-index: 1; display: none; } .A_list .A_zxs .nb { background: #0f0; } .A_list .A_zxs .A_zl2 { border-right: none; } .A_list .A_zxs .A_fr { float: left; height: 20px; line-height: 20px; } .A_list .A_zxs .A_fr span { float: left; color: #999; font-size: 12px; } .A_list .A_zxs .A_fr a { float: left; padding: 0 8px; } .A_list .A_zxs .A_fr img { display: block; height: 20px; width: 20px; border-radius: 50%; } .A_list .A_zxs .A_fr .A_sm { margin-left: 0; } .A_list .A_zxs .A_sm { display: inline-block; width: 20px; height: 20px; background: url(../img/dianm.png) no-repeat; border-radius: 50%; text-align: center; line-height: 20px; margin-left: 7px; cursor: pointer; } .A_list .A_zxs .A_gjc { float: left; height: 20px; line-height: 20px; background: url(../img/pguan.png) no-repeat 0 3px; padding-left: 15px; } .A_list .A_zxs .A_gjc em { font-size: 12px; color: #999; padding: 0 10px; } .A_list .A_zxs2 { padding-top: 15px; } .A_list .A_fie { position: absolute; right: 0; width: 30px; height: 60px; cursor: pointer; float: right; bottom: 20px; display: none; } .A_list .A_fie em { display: inline-block; width: 30px; height: 30px; background: #0ff; border-radius: 50%; position: relative; top: 25px; background: url(../img/atc2.png) no-repeat; background-position: -32px 0; } .A_list .A_fie .bdsharebuttonbox { padding: 18px 0 18px 18px; border: 1px solid #ff636b; position: relative; top: -105px; right: 10px; border-radius: 4px; width: 180px; height: 40px; display: none; margin-left: -122px; background: #fff; } .A_list .A_fie .bdsharebuttonbox .hbicon { position: absolute; right: -1px; top: -1px; width: 16px; height: 16px; line-height: 16px; background-color: #f66; color: #fff; text-align: center; border-radius: 50%; font-size: 12px; z-index: 99; transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); text-indent: 2px; border: none; } .A_list .A_fie .bdsharebuttonbox span { display: inline-block; width: 10px; height: 10px; border-left: 1px solid #ff636b; border-bottom: 1px solid #ff636b; position: absolute; bottom: -6px; right: 46px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); background: #fff; } .A_list .A_fie .bdsharebuttonbox a { position: relative; display: block; width: 40px; height: 40px; margin: 0; margin-right: 19px; float: left; border-radius: 50%; background: #0ff; background: url(../img/atc1.jpg) no-repeat; opacity: 1; overflow: visible; text-indent: 0; } .A_list .A_fie .bdsharebuttonbox a:hover { -o-animation: zoomInout 600ms ease; -ms-animation: zoomInout 600ms ease; -moz-animation: zoomInout 600ms ease; -webkit-animation: zoomInout 600ms ease; animation: zoomInout 600ms ease; } .A_list .A_fie .bdsharebuttonbox .bds_weixin { background-position: 0 0; } .A_list .A_fie .bdsharebuttonbox .bds_tsina { background-position: 0 -60px; } .A_list .A_fie .bdsharebuttonbox .bds_douban { background-position: 0 -120px; display: none; } .A_list .A_fie .bdsharebuttonbox .bds_renren { background-position: 0 -180px; display: none; } .A_list .A_fie .bdsharebuttonbox .bds_sqq { background-position: 0 -240px; } .A_list .A_fie .bdsharebuttonbox .bds_evernotecn { background-position: 0 -300px; display: none; } .A_list .A_fie:hover em { background-position: -64px 0; } .A_list .A_fie:hover .bdsharebuttonbox { display: block; } .A_list .A_hvbs { bottom: 54px; z-index: 10; } .A_list:hover .A_fie { display: block; } .A_lists2 { min-height: 70px; } .W_content { width: 100%; height: 100%; background: #801414 url(../img/backbig.png) no-repeat; background-size: 100%; } .W_content2 { background: #801414 url(../img/backbon.png) bottom no-repeat; } .W_top { height: 450px; color: #fff; padding-top: 110px; } .W_top h1 { font-size: 92px; height: 150px; line-height: 150px; padding-left: 100px; font-weight: bold; } .W_top h2 { height: 110px; padding-left: 100px; } .W_top h2 span { font-weight: bold; } .W_top h2 .t1 { float: left; font-size: 92px; line-height: 100px; font-weight: bold; margin-right: 20px; } .W_top h2 .t2 { float: left; font-size: 48px; line-height: 60px; font-weight: bold; padding-top: 30px; border-top: 5px solid #fff; letter-spacing: 3px; } .W_top h2 em { display: inline-block; border: 35px solid #bd0115 0; border-left: 45px solid #fff; } .W_top h3 { font-size: 24px; line-height: 40px; padding-left: 640px; } .M_mbox { background: #1D1D1D; border-radius: 5px; padding: 0 28px 28px; } .M_mbox .M_mtop { height: 50px; } .M_mbox .M_mtop .M_ble { float: left; line-height: 50px; font-size: 15px; color: #999; } .M_mbox .M_mtop .M_ble span { color: #fff; padding: 0 6px; font-weight: bold; } .M_mbox .M_mtop .livet { border-left: 5px solid #cc0000; color: #fff; padding: 0 16px 0 6px; font-weight: bold; font-size: 18px; line-height: 20px; } .M_mbox .M_mtop .M_over { clear: both; height: 20px; color: #fff; position: relative; top: -24px; left: 10px; } .M_mbox .M_mtop .M_brig { float: right; padding: 0 40px 0 75px; line-height: 50px; color: #999; position: relative; top: -40px; background: #1D1D1D; right: -28px; padding-top: 24px; border-radius: 70px 0 0 0; } .M_mbox .M_mtop .M_brig .Mx { background: url(../img/whx.png) no-repeat; background-position: -46px 0; } .M_mbox .M_mtop .M_brig .Mq { background: url(../img/qqh.png) no-repeat; background-position: -46px 0; } .M_mbox .M_mtop .M_brig .Mk { background: url(../img/kj.png) no-repeat; background-position: -46px 0; } .M_mbox .M_mtop .M_brig .Mb { background: url(../img/whb.png) no-repeat; background-position: -46px 0; } .M_mbox .M_mtop .M_brig div { float: right; width: 44px; height: 44px; background: #0f0; margin-left: 40px; background-position: -46px 0; } .M_mbox .M_mtop .M_brig div a { display: block; background-image: none !important; } .M_mbox .M_mtop .M_brig div:hover { background-position: 0 0; } .M_mbox .M_mtop .M_brig .ack { background-position: 0 0; } .M_mbox .M_mv { height: 633px; border: 2px solid #666; border-radius: 6px; padding-bottom: 24px; } .M_mtext h1 { height: 20px; border-left: 5px solid #CB0101; color: #fff; font-weight: bold; font-size: 16px; line-height: 20px; margin: 40px 0 15px 0; padding-left: 10px; } .M_mtext p { color: #999; } .M_news { background: #fff; padding: 40px; margin-top: 20px; border-radius: 5px; } .M_nas { border-bottom: 1px solid #eee; padding-bottom: 30px; overflow: hidden; } .M_nas .M_nale { width: 675px; padding-right: 25px; border-right: 1px solid #eee; height: 250px; float: left; } .M_nas .M_nale .M_napic { float: left; width: 200px; height: 250px; line-height: 250px; vertical-align: middle; margin-right: 33px; } .M_nas .M_nale .M_napic img { max-width: 200px; max-height: 250px; vertical-align: middle; } .M_nas .M_nale .M_natex h1 { font-size: 24px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .M_nas .M_nale .M_natex p { line-height: 24px; padding-top: 20px; max-height: 145px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .M_nas .M_nale .M_natex > a { float: right; padding-top: 7px; } .M_nas .M_narig { float: right; width: 380px; height: 240px; overflow: auto; } .M_nas .M_narig p { line-height: 24px; margin-bottom: 20px; /*overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ } .M_nas .M_narig p span { font-weight: bold; padding-right: 10px; } .M_nas .M_narig p:last-child { margin-bottom: 0; } .M_dlbox { padding-top: 20px; border-bottom: 1px solid #eee; } .M_litet { overflow: hidden; padding-top: 20px; } .M_litet div { width: 555px; float: left; } .M_litet div p { line-height: 42px; font-size: 16px; padding-right: 20px; overflow: hidden; height: 42px; text-overflow: ellipsis; white-space: nowrap; } .M_bodl { padding-top: 20px; overflow: hidden; height: 484px; } .M_bodl dl { float: left; margin-right: 25px; margin-bottom: 20px; } .M_bodl dl dt { width: 260px; height: 162px; } .M_bodl dl dt img { display: block; width: 260px; height: 162px; } .M_bodl dl dt .cover { display: block; padding: 60px 20px 0 20px; width: 220px; height: 102px; color: #fff; background: #000; opacity: .5; } .M_bodl dl dd { width: 260px; line-height: 20px; font-size: 16px; padding-top: 20px; overflow: hidden; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .M_bodl dl:nth-child(4n) { margin-right: 0; } .M_ntit { height: 20px; font-size: 16px; font-weight: bold; padding-left: 10px; border-left: 5px solid #CB0101; line-height: 20px; } .M_ntit span { float: right; font-size: 12px; position: relative; top: 3px; border: 1px solid #eee; border-radius: 3px; height: 14px; line-height: 14px; padding: 1px 4px; cursor: pointer; } .M_nxc { overflow: hidden; padding-top: 20px; } .M_nxc .M_nxcle { float: left; width: 235px; margin-right: 20px; } .M_nxc .M_nxcrig { float: right; width: 860px; } .M_ndian { text-align: center; } .M_ndian a { display: inline-block; width: 6px; height: 6px; margin: 0 5px; background: #eee; border-radius: 50%; } .M_ndian .current { width: 8px; height: 8px; position: relative; top: 1px; background: #CF0000; } .S_blok { position: fixed; width: 100%; height: 100%; background: #000; top: 0; opacity: .5; display: none; z-index: 33; } .S_blocen { position: fixed; top: 15%; width: 80%; left: 10%; text-align: center; z-index: 35; display: none; height: 100%; } .S_blocen img { max-width: 100%; max-height: 80%; } .S_texn { color: #fff; font-size: 26px; position: fixed; top: 8%; text-align: center; width: 90%; left: 5%; } .M_necpic { overflow: hidden; display: none; } .M_necpic div { width: 282px; height: 200px; margin: 0 4px 4px 0; float: left; position: relative; } .M_necpic div img { display: block; width: 282px; height: 200px; } .M_necpic div p { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); width: 242px; text-align: center; padding: 0 20px; z-index: 1; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } .M_necpic div p span { z-index: 1; color: #fff; } .M_ntime { float: left; border-right: 1px solid #eee; width: 100px; font-size: 12px; font-weight: bold; line-height: 36px; } .M_ntime p { position: relative; letter-spacing: 0; } .M_ntime p em { position: absolute; width: 6px; height: 6px; background: #eee; border-radius: 50%; right: -3px; top: 15px; } .M_ntime p .biem { width: 10px; height: 10px; right: -5px; top: 13px; } .M_ntil { float: left; padding-left: 14px; line-height: 36px; width: 120px; } .M_ntil p { height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .M_xfbox { position: relative; padding-top: 30px; } .M_xfbox .M_lnle { width: 20px; height: 50px; position: absolute; left: -25px; top: 165px; cursor: pointer; font-size: 60px; } .M_xfbox .M_lnrig { width: 20px; height: 50px; position: absolute; right: -30px; top: 165px; cursor: pointer; font-size: 60px; } .M_boxxf { overflow: hidden; } .M_sxie { width: 260px; padding: 0 43px; background: #eee; border-radius: 5px; margin-right: 29px; float: left; } .M_sxie .M_speo { overflow: hidden; padding: 20px 0; } .M_sxie .M_speo dt { width: 50px; height: 50px; float: left; margin-right: 10px; border-radius: 50%; overflow: hidden; } .M_sxie .M_speo dt img { display: block; width: 50px; height: 50px; } .M_sxie .M_speo dd h2 { line-height: 20px; } .M_sxie .M_speo dd h3 { line-height: 16px; font-size: 12px; } .M_sxie .M_spic img { display: block; width: 260px; height: 160px; border-radius: 5px; } .M_sxie .M_spic p { line-height: 22px; padding: 15px 0; } .M_sxie:nth-child(3n) { margin-right: 0; } .M_map .M_mapbox { width: 590px; height: 500px; background: url(../img/mmap.png) no-repeat; position: relative; float: left; top: -20px; } .M_map .M_mapbox a { display: block; width: 24px; height: 24px; background: url(../img/redq.png) no-repeat; position: absolute; font-size: 0; } .M_map .M_maptext { float: right; width: 400px; max-height: 420px; overflow: auto; margin-top: 40px; } .M_map .M_maptext p { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dotted #ccc; } .M_map .M_maptext a:hover { color: #c00; } .M_boms { padding: 65px 0; height: 70px; } .M_boms div { float: left; } .M_boms .M_cwx { width: 275px; color: #fff; margin-left: 30px; } .M_boms .M_cwx div { width: 60px; height: 60px; padding: 5px; background: #fff; margin-right: 15px; border-radius: 2px; } .M_boms .M_cwx img { float: left; width: 60px; height: 60px; } .M_boms .M_cwx h1 { font-size: 24px; line-height: 35px; font-weight: bold; padding-top: 6px; } .M_boms .M_cwx h2 { font-size: 16px; font-weight: bold; } .M_boms .M_ctn { width: 685px; height: 70px; color: #fff; font-size: 42px; line-height: 70px; border-left: 1px solid #eee; border-right: 1px solid #eee; text-align: center; } .M_boms .M_ctd { width: 120px; margin-left: 55px; color: #fff; } .M_boms .M_ctd h1 { font-weight: bold; font-size: 20px; text-align: center; letter-spacing: 1px; } .M_boms .M_ctd h2 { letter-spacing: 2px; text-align: center; } .M_boms .M_ctd h3 { border: 1px solid #fff; height: 20px; line-height: 20px; text-align: center; border-radius: 3px; } .M_bomm { text-align: center; padding-bottom: 60px; } .M_bomm em { padding: 0 10px; font-weight: bold; color: #fff; } .M_Lgz { top: 385px; right: 148px; } .M_Lfj { top: 340px; right: 93px; } .M_Lcd { top: 290px; right: 300px; } .M_Lwh { top: 283px; right: 164px; } .M_Lsh { top: 285px; right: 61px; } .M_Lhz { top: 297px; right: 83px; } .M_Lhf { top: 266px; right: 115px; } .M_Lcq { top: 304px; right: 220px; } .M_Lsy { top: 130px; right: 70px; } .M_Ltj { top: 160px; right: 150px; } .M_Lhn { top: 330px; right: 176px; } .M_Lzz { top: 250px; right: 150px; } .M_Lgzz { top: 350px; right: 222px; } .D_denlu { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); } .D_debox { position: absolute; top: 48%; left: 50%; width: 360px; padding: 38px; margin-left: -220px; margin-top: -200px; box-shadow: 0px 0px 5px #666; background-color: #fff; border-radius: 4px; } .D_deboxtec { width: 320px; } .D_close { position: absolute; top: 15px; right: 20px; color: #a0a496; cursor: pointer; } .D_close i { font-size: 22px; } .D_title { text-align: center; padding-bottom: 16px; } .D_title span { font-size: 18px; padding-bottom: 16px; border-bottom: 2px solid #f66; cursor: pointer; } .D_title .D_noline { border: none; } .D_title em { padding: 0 15px; font-size: 30px; position: relative; top: 5px; } .D_hello h1 { font-size: 24px; font-weight: bold; text-align: center; } .D_hello h3 { color: #666; padding: 15px 0 20px; } .D_hello input { border: none; border: 1px solid #eee; height: 34px; padding: 0 10px; width: 300px; } .D_hello .Dgo { display: inline-block; width: 100%; line-height: 34px; border-radius: 3px; margin-top: 25px; cursor: pointer; text-align: center; border: none; background: #f66; color: #fff; } .D_texubs li { padding: 15px 0; clear: both; position: relative; } .D_texubs .D_check { color: #666; font-size: 12px; padding: 0; } .D_texubs .D_check input { margin-right: 10px; } .D_texubs h6 { position: absolute; bottom: -8px; padding-left: 44px; color: #c33; font-size: 12px; } .D_npsb { height: 24px; padding: 5px 0; border: 1px solid #eee; border-radius: 3px; position: relative; } .D_npsb .nps { width: 34px; height: 34px; float: left; background: #eeeeee url(../img/uma.png) no-repeat 9px 7px; position: relative; top: -5px; } .D_npsb .musm { background-position: -19px 9px; } .D_npsb .key { background-position: -46px 7px; } .D_npsb input { width: 280px; height: 22px; line-height: 22px; border: none; padding-left: 10px; } .D_npsb .getmp { position: absolute; height: 20px; line-height: 20px; right: 5px; padding-left: 5px; border-left: 1px solid #ddd; top: 6px; color: #666; cursor: pointer; } .D_npym { width: 265px; } .D_npym input { width: 160px; } .D_getm { width: 80px; height: 30px; border-radius: 4px; background: #f66; color: #fff; line-height: 30px; text-align: center; position: absolute; right: 0; top: 18px; cursor: pointer; } .D_yesop { line-height: 35px; text-align: center; color: #fff; border-radius: 3px; background: #f66; border: none; cursor: pointer; margin-top: 15px; } .D_losg { overflow: hidden; padding-top: 20px; line-height: 34px; } .D_losg em { float: left; padding-right: 20px; display: none; } .D_losg .D_dlother { width: 200px; margin: 0 auto; } .D_losg .D_dlother a { float: left; width: 34px; height: 34px; background: url(../img/atc1.jpg) no-repeat -2px -2px; border-radius: 50%; } .D_losg .D_dlother .qq { background-position: -3px -244px; } .D_losg .D_dlother .wb { background-position: -2px -63px; } .D_losg .D_dlother span { float: left; font-size: 33px; color: #999; width: 48px; text-align: center; } .D_ovpaw { text-align: center; padding-top: 15px; } .D_ovpaw a { color: #f66; font-size: 12px; } .D_dnoop { display: none; } #weixin_login_container { height: 340px; left: 70px!important; overflow: hidden; position: absolute; top: 0px!important; width: 300px; background: #fff; } #weixin_login_cont { height: 340px; left: 90px!important; overflow: hidden; position: absolute; top: 28px!important; width: 300px; background: #fff; display: none; } .C_goin { position: fixed; background: #eee; width: 200px; padding-left: 30px; height: 50px; z-index: 1; bottom: 20px; right: 25px; text-align: center; color: #c33; border-radius: 4px; line-height: 50px; cursor: pointer; box-shadow: 1px 1px 3px #999; } .C_goin em { display: block; width: 20px; height: 20px; background: url(../img/cdsc.png) no-repeat 0 -178px; position: absolute; top: 15px; left: 25px; } .ditu-actbox2 { position: relative; top: 70px; } .C_navlist { width: 936px; height: 50px; float: right; background: #fff; position: absolute; right: 25px; border-radius: 3px; box-shadow: 1px 1px 5px #999; cursor: pointer; } .C_navlist:hover { background: #eee; } .C_nvbox { float: left; width: 170px; height: 30px; padding: 10px 10px 10px 0; line-height: 30px; } .C_nvbox .C_nals { border-left: 1px solid #eee; padding-left: 10px; } .C_nvbox .C_nals em { float: right; position: relative; width: 13px; height: 8px; background: #058; top: 11px; background: url(../img/top-bum.png) no-repeat 0 -8px; } .C_nvbox .C_numl { float: right; padding-right: 5px; } .C_nvbox .C_numl span { color: #c33; } .C_nvbox .C_anic { float: left; width: 24px; height: 27px; background: #ff0; margin-top: 1px; margin-right: 10px; background: url(../img/shn1.png) no-repeat; background-size: 100%; } .C_nvbox .C_anic1 { background: url(../img/shn3.png) no-repeat; background-size: 100%; } .C_nvbox .C_anic2 { background: url(../img/shn2.png) no-repeat; background-size: 100%; } .C_nvbox .C_anic3 { background: url(../img/shn4.png) no-repeat; background-size: 100%; } .C_nvbox .C_anic11 { background: url(../img/shn11.png) no-repeat; background-size: 100%; } .C_nvbox:hover { background: #fff; } .C_nvbox:hover .C_nals { border-left: 1px solid #fff; } .C_nvbox:hover .C_nals em { background-position: 0 0; } .C_nvbox:hover .C_xsn { display: block; } .Cdlis { background: #eee; } .C_nvboxmn { width: 100px; } .C_nvboxmn .C_nals { text-align: center; } .C_nvbpon { width: 175px; } .C_nalall { width: 100px; padding-left: 10px; } .C_nalall .C_nals { border-left-color: transparent; } .C_xsn { background: #fff; width: 815px; z-index: 1; line-height: 30px; display: none; box-shadow: 1px 3px 3px #999; top: 10px; padding: 10px 0; } .C_vpos { overflow: auto; background: #fff; } .C_xbox { border-bottom: 1px solid #eee; padding: 0 20px 10px 25px; margin-top: 10px; overflow: hidden; } .C_xbox .C_xlef { float: left; } .C_xbox .C_xrig { float: left; width: 620px; } .C_xbox a { margin-left: 20px; padding: 0 5px; border-radius: 2px; display: inline-block; line-height: 20px; } .C_xbox a:hover { color: #fff; background: #c33; } .C_xbox input { display: none; } .C_xbox label { margin-left: 20px; padding: 0 5px; border-radius: 2px; display: inline-block; line-height: 20px; cursor: pointer; } .C_xbox label:hover { color: #fff; background: #c33; } .C_xbox .credy { color: #fff; background: #c33; } .C_xbox:last-child { border-bottom: none; } .C_xboxbn { text-align: center; } .C_xboxbn span { display: inline-block; width: 50px; text-align: center; background: #c33; line-height: 24px; color: #fff; margin-left: 20px; border-radius: 2px; cursor: pointer; font-size: 12px; } .C_xboxbn .overw { background: #eee; color: #999; } .C_xsn1 { position: relative; left: -110px; } .C_xsn2 { position: relative; left: -290px; } .C_xsn2 .C_xlef { width: 140px; text-align: right; } .C_xsn2 .C_xlef a { margin-left: 0; } .C_xsn2 .C_xlef label { margin-left: 0; } .C_xsn2 .C_xrig { width: 600px; } .C_xsn3 { position: relative; left: -550px; } .C_xsn3 .C_xlef { width: 125px; text-align: right; } .C_xsn3 .C_xlef a { margin-left: 0; } .C_xsn3 .C_xlef label { margin-left: 0; } .C_xsn3 .C_xrig { width: 565px; } .ditu-daoright2 { width: 325px; margin-left: 20px; } .ditu-daoright2 input { width: 130px; } .C_andll { border-right: 1px solid #F9F9F9; float: left; min-width: 90px; max-width: 120px; padding-left: 20px; line-height: 30px; position: relative; cursor: pointer; display: none; } .C_andll .C_qbe { float: left; max-width: 80px; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .C_andll .C_qbs { float: right; width: 13px; height: 8px; background: url(../img/top-bum.png) no-repeat 0 -8px; position: relative; top: 11px; right: 9px; } .C_allcet { overflow: hidden; background: #fff; width: 540px; position: relative; left: -131px; top: 10px; line-height: 40px; } .C_allcet a { margin-left: 20px; display: inline-block; } .C_allcet .C_aqy { float: left; } .C_allcet .C_axig { width: 390px; float: left; } .C_allcet .C_allcbs { overflow: hidden; border-bottom: 1px solid #eee; padding: 10px 20px; } .C_allcet .C_allcbs:nth-child(1) { padding-top: 10px; } .C_allcet .C_allcbs:last-child { border: none; } .C_zlist { width: 400px; background: #fff; z-index: 1; position: fixed; top: 180px; left: 20px; padding: 5px 10px; border-radius: 3px; box-shadow: 1px 1px 5px #999; } .C_topall { line-height: 30px; padding: 0 12px; } .C_topall span { color: #c33; padding: 0 3px; } .C_liboxs { overflow: auto; max-height: 450px; } .C_liboxs::-webkit-scrollbar { width: 5px; } .C_liboxs::-webkit-scrollbar-thumb { background-color: #eee; /*婊戝姩鏉¤〃闈?/ border-radius: 4px; /*婊戝姩鏉″渾瑙掑搴?/ } .C_boxsmall { padding-left: 40px; position: relative; overflow: hidden; } .C_boxsmall .C_linum { position: absolute; width: 20px; height: 20px; background: #c33; color: #fff; text-align: center; line-height: 20px; border-radius: 50%; left: 10px; top: 5px; } .C_boxsmall .C_listnv h1 { font-weight: bold; line-height: 25px; } .C_boxsmall:hover { background: #eee; border-radius: 3px; } .C_licts { font-size: 12px; color: #666; line-height: 25px; overflow: hidden; } .C_licts em { float: left; width: 14px; height: 14px; background: #fff; margin-right: 10px; position: relative; top: 6px; background: url(../img/cdsc.png) no-repeat -3px 0; } .C_licts .C_on1 { background-position: -3px 0; } .C_licts .C_on2 { background-position: -3px -26px; } .C_licts .C_on3 { background-position: -3px -74px; } .C_licts .C_on4 { background-position: -3px -51px; } .C_licts .C_on5 { background-position: -3px -98px; } .C_licts .C_on6 { width: 18px; margin-right: 6px; background-position: 0 -123px; left: -2px; } .C_licts .C_on7 { width: 18px; margin-right: 6px; background-position: 0 -150px; left: -2px; } .C_licts h2 { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; } .C_licts div { float: left; width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .C_page { overflow: hidden; color: #666; font-size: 12px; padding: 12px 5px 12px 12px; } .C_page div { float: left; } .C_page p { float: right; } .C_page p a { float: left; margin-left: 4px; height: 24px; line-height: 24px; text-align: center; padding: 0 9px; border-radius: 3px; background: #EFEFEF; } .C_page p .cbig { font-size: 30px; line-height: 18px; padding: 0 7px; } .C_xread { overflow: auto; width: 420px; height: 500px; max-height: 500px; padding: 0; padding-top: 40px; display: none; } .C_xread .C_xblack { position: fixed; left: 30px; top: 195px; border-radius: 3px; font-size: 12px; background: #c1c1c1 ; background-size: 20%; padding: 0 10px 0 5px; color: #fff; z-index: 2; cursor: pointer; } .Cxngs { border-bottom: 3px solid #eee; padding: 12px; } .Cxngs img { display: block; max-width: 100%; margin: 0 auto; border-radius: 3px; } .Cxngs h1 { font-size: 14px; font-weight: bold; color: #333; } .Cxngs p { font-size: 12px; line-height: 20px; color: #666; } .C_ngct { padding-left: 20px; } .C_ngct h2 { font-size: 14px; position: relative; line-height: 25px; } .C_ngct h2 span { position: absolute; left: -19px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: #c33; color: #fff; font-size: 12px; text-align: center; line-height: 14px; } .C_citybx { position: fixed; top: 180px; left: 20px; z-index: 2; } .cits1 { background: url(../img/shnbg1.png) no-repeat; background-size: 100%; width: 25px; height: 28px; text-align: center; color: #fff; line-height: 28px; } .cits2 { background: url(../img/shnbg.png) no-repeat; background-size: 100%; width: 25px; height: 28px; text-align: center; color: #fff; line-height: 28px; } .cits3 { background: url(../img/shnbg2.png) no-repeat; background-size: 100%; width: 25px; height: 28px; text-align: center; color: #fff; line-height: 28px; } .allqboxcd { margin-right: 0; width: 160px; padding: 0; height: auto; } .allqboxcd .znbox { border-radius: 0; background: none; } .allqboxcd .actdibox { margin-top: 0; box-shadow: 0 2px 3px #999; } .Y_frid { padding: 20px; } .Y_frid h1 { font-size: 14px; font-weight: bold; padding-bottom: 15px; } .Y_frid h2 { line-height: 16px; } .Y_frid h2 input { margin-right: 5px; position: relative; top: 1px; } .Y_frid h2 label { font-size: 14px; margin-right: 30px; cursor: pointer; } .Y_frsi { border: 1px solid #eee; border-radius: 3px; padding: 0 30px; } .Y_frsi .Y_fnst { padding: 30px 0; overflow: hidden; } .Y_frsi .Y_fnst div { float: left; } .Y_frsi .Ynsen { text-align: center; width: 195px; } .Y_frsi .Y_fnone { border-bottom: 1px dashed #eee; } .Y_frsi .Y_fnone div { line-height: 86px; } .Y_frsi .Y_fnone .Yfntn { line-height: 20px; padding-top: 34px; } .Y_frsi .Y_fnone img { display: block; width: 86px; height: 86px; } .Y_frsi .Y_fntwo { line-height: 26px; } .Y_frsi .Y_fntwo input { border: 1px solid #DEDEDE; width: 335px; height: 24px; padding: 0 6px; background: #eee; border-radius: 3px; font-size: 12px; } .Y_frsi .Y_fntwo a { display: inline-block; margin-left: 20px; margin-right: 1px; border: 1px solid #eee; border-radius: 3px; line-height: 22px; padding: 0 18px; color: #FB7373; font-size: 12px; } .Yhrt { font-size: 18px; overflow: hidden; padding: 40px 0; } .Yhrt h2 { float: left; font-weight: bold; margin-right: 40px; } .Yhrt h2 span { color: #c33; padding-left: 14px; } .Yleij { height: 50px; background: #eee; line-height: 18px; color: #666; overflow: hidden; } .Yleij div { float: left; text-align: center; padding-top: 6px; } .Yleij .one { width: 112px; line-height: 40px; } .Yleij .two { width: 130px; line-height: 40px; } .Yleij .ther { width: 135px; } .Yleij .forn { width: 145px; } .Yleij .five { width: 130px; } .Yleij .six { width: 125px; } .Ylistb li { overflow: hidden; padding: 28px 0; height: 30px; line-height: 30px; border-bottom: 1px dashed #eee; } .Ylistb li div { float: left; text-align: center; height: 30px; } .Ylistb li .one { width: 112px; padding: 0 5px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Ylistb li .two { width: 130px; line-height: 40px; } .Ylistb li .ther { width: 115px; padding: 0 10px; line-height: 18px; } .Ylistb li .forn { width: 145px; } .Ylistb li .five { width: 130px; } .Ylistb li .six { width: 100px; padding: 0 5px; line-height: 18px; } .Ylistb li .line { background: url(../img/line2.jpg) no-repeat center center; } .Q_youth { background: #007CC2; background: #007cc2 url(../img/youth2.jpg) no-repeat bottom; min-width: 1200px; } .Q_ytop { position: relative; left: -60px; height: 590px; } .Q_ytop img { position: relative; } .Q_ymathn { position: relative; top: 0px; } .Q_blef em { font-size: 18px; color: #fff; font-weight: bold; border-left: 5px solid #73BF29; padding: 0 20px 0 10px; line-height: 18px; } .Q_brig { font-size: 18px; } .Q_mtext { padding-top: 40px; } .Q_mtext h1 { border-left: 5px solid #84C221; font-size: 18px; margin-top: 0; } .Q_mtext p { padding-bottom: 10px; font-size: 14px; line-height: 22px; } .Q_mtext .Qdatet { color: #c33; position: relative; top: -13px; font-size: 18px; } .Q_mtext .Qdatet a { margin-right: 30px; color: #fff; border: 1px solid #efefef; border-radius: 3px; padding: 0 5px; color: #999; } .Q_mtext .Qdatet a:hover { background: #efefef; color: #666; } .Qvcs { max-height: 150px; overflow: auto; } .Q_censw { overflow: hidden; } .Q_censw div { float: left; } .Q_censw div h3 span { font-weight: bold; } .Q_censw div h3 em { color: #067AC3; font-weight: bold; } .Q_censw .Q_wone { width: 512px; padding-right: 50px; border-right: 1px solid #eee; } .Q_censw .Q_wone h1 { margin-bottom: 20px; border-left: 5px solid #83C120; } .Q_censw .Q_wone h3 { padding-bottom: 4px; } .Q_censw .Q_wtwo { width: 525px; padding-left: 30px; font-size: 14px; line-height: 22px; } .Q_censw .Q_wtwo h3 { padding-bottom: 9px; } .Q_datest { overflow: hidden; padding-top: 30px; } .Q_datest .Q_datebox { width: 58px; height: 64px; border: 1px solid #D2D2D2; border-radius: 3px; text-align: center; float: left; margin-right: 18px; } .Q_datest .Q_month { width: 60px; height: 20px; position: relative; left: -1px; top: -1px; font-size: 12px; background: #85C026; line-height: 20px; color: #fff; border-radius: 3px 3px 0 0; } .Q_datest .Q_day { line-height: 28px; font-size: 18px; font-weight: bold; } .Q_datest .Q_whys { font-size: 10px; line-height: 16px; } .Q_datest .Q_dtitle { line-height: 60px; font-weight: bold; background: url(../img/line.jpg) repeat-x center; float: left; width: 1030px; } .Q_datest .Q_dtitle span { padding-right: 25px; background: #fff; } .Q_dalistbox { padding-left: 75px; overflow: hidden; } .Q_daleft { width: 465px; float: left; } .Q_daleft div { overflow: hidden; } .Q_daleft div p { width: 80px; float: left; font-size: 12px; position: relative; padding: 8px 0; line-height: 18px; } .Q_daleft div p em { position: absolute; width: 5px; height: 5px; background: #ccc; right: -3px; border-radius: 50%; top: 16px; } .Q_daleft div p .Qbig { width: 8px; height: 8px; right: -4px; top: 14px; } .Q_daleft div h1 { float: left; border-left: 1px solid #eee; width: 366px; padding: 8px 0 8px 10px; line-height: 18px; } .Q_darig { padding-left: 50px; width: 485px; } .Q_darig div h1 { width: 385px; } .Q_boms { padding-bottom: 25px; } .Q_boms .Q_cwx div { width: 69px; height: 69px; padding: 0; } .Q_boms .Q_cwx div img { width: 69px; height: 69px; } .Q_ntit { border-left: 5px solid #83C120; font-size: 18px; } .N_login { position: fixed; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: url(../img/bigbag.jpg) no-repeat center center; background-size: cover; background-position-x: 50%; background-position-y: 0; opacity: 1; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .N_content { width: 1200px; height: 100%; margin: 0 auto; z-index: 1; position: relative; color: #fff; } .N_ctele { text-align: center; } .N_ctele h1 { height: 250px; font-size: 86px; line-height: 250px; background: url(../img/nloln.png) no-repeat center bottom; letter-spacing: 10px; } .N_ctele h2 { letter-spacing: 55px; font-size: 26px; } .N_section { background: #fff; border-radius: 3px; position: absolute; bottom: 160px; width: 1200px; color: #333; } .N_sectop { position: absolute; top: -37px; left: 50%; margin-left: -85px; } .N_sectop a { display: block; width: 80px; line-height: 37px; text-align: center; border-radius: 3px 3px 0 0; margin-left: 10px; float: left; background: #eee; color: #666; } .N_sectop .Nyes { background: #fff; font-weight: bold; color: #333; } .N_listbox { padding: 40px 0 40px 40px; } .N_dezh { float: left; padding: 13px 10px 0 0; } .N_logbox1 { padding-left: 100px; display: block; } .N_logts { display: none; } .N_loone { overflow: hidden; } .N_loone p { float: left; margin-right: 20px; border: 1px solid #eee; height: 28px; width: 233px; padding-left: 5px; border-radius: 3px; } .N_loone p input { border: none; width: 190px; padding-left: 10px; } .N_loone p em { display: inline-block; width: 20px; height: 20px; background: #98f; position: relative; top: 4px; background: url(../img/uma.png) no-repeat; background-position: 2px 0; } .N_loone p .N_upass { background-position: -50px 2px; } .N_loone p .N_uyz { background-position: -25px 2px; } .N_loone .Nyzb { width: 150px; } .N_loone .Nyzb input { width: 50px; } .N_loone .Nyzb span { float: right; line-height: 28px; width: 50px; text-align: center; font-size: 12px; background: #eee; cursor: pointer; color: #f66; } .N_lotwo { display: none; font-size: 12px; color: #999; } .N_lotwo input { position: relative; top: 3px; margin-right: 15px; } .N_deng { display: inline-block; width: 80px; line-height: 30px; text-align: center; color: #fff; background: #FF6666; border-radius: 3px; float: left; margin-right: 20px; } .N_kudel { border-left: 2px solid #eee; padding-left: 30px; height: 60px; overflow: hidden; } .N_kudel .N_ksn { width: 15px; float: left; line-height: 14px; font-size: 12px; margin-right: 30px; color: |#999; } .N_kudel .N_loother { overflow: hidden; padding: 15px 0; } .N_kudel .N_loother a { float: left; width: 30px; height: 30px; border-radius: 50%; background: url(../img/atc1.jpg) no-repeat; background-size: 100%; background-position: 0px 0px; font-size: 0; } .N_kudel .N_loother .N_lqq { background-position: 0 -180px; } .N_kudel .N_loother .N_lwb { background-position: 0 -44px; } .N_kudel .N_loother em { float: left; width: 25px; line-height: 30px; text-align: center; } .N_footer { text-align: center; position: absolute; bottom: 20px; width: 100%; } .N_footer span { padding: 0 10px; } .S_tbgrd { width: 100%; height: 220px; background: url(../img/qqw.jpg) no-repeat; position: absolute; background-size: 100% 100%; min-width: 1200px; } .S_tbgrd img { display: block; width: 100%; } .S_tbgrcom { background: url(../img/company.jpg) no-repeat; } .S_tbgrinves { background: url(../img/Investment.jpg) no-repeat; } .S_saas { background: url(../img/saasbg.jpg) no-repeat; } .S_content { padding-top: 60px; z-index: 1; position: relative; } .S_topcong { height: 330px; } .S_topcle { width: 180px; float: left; border: 1px solid #f7f7f7; border-bottom: none; box-shadow: 0px 6px 15px #999; position: relative; height: 329px; background-size: 95%; } .S_topcle .S_toppics { background: #fff; position: relative; } .S_topcle .S_toppics span { position: absolute; right: 0; top: 0; z-index: 3; background: #f93; color: #fff; line-height: 20px; padding: 0 5px; border-radius: 0 0 0 3px; font-size: 12px; } .S_topcle img { display: block; width: 180px; height: 180px; border-bottom: 1px solid #f7f7f7; z-index: 2; position: relative; } .S_topcle .Snobv { text-align: center; line-height: 90px; background: url(../img/cback.jpg) repeat; background-size: 95%; padding-bottom: 60px; } .S_topcle .S_toptext { line-height: 18px; font-size: 12px; color: #999; padding: 40px 18px 0; min-height: 105px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; position: relative; position: absolute; top: 159px; z-index: 1; height: 105px; } .S_topcle .S_toptext:hover { width: 670px; height: auto; overflow: auto; display: block; box-shadow: 4px 0 10px #999; min-height: 110px; padding-bottom: 20px; background: url(../img/cback.jpg) repeat; background-size: 25%; animation: zindex 0.1s; } .S_tsaas { height: auto; } @-moz-keyframes zindex { from { width: 180px; } to { width: 670px; } } @-o-keyframes zindex { from { width: 180px; } to { width: 670px; } } @-webkit-keyframes zindex { from { width: 180px; } to { width: 670px; } } @keyframes zindex { from { width: 180px; } to { width: 670px; } } .S_topcrig { float: right; width: 995px; } .S_tcrigle { overflow: hidden; height: 160px; color: #fff; } .S_tcrisaas { height: 183px; } .S_tcrigle1 { float: left; } .S_tcrigle1 h1 { font-size: 24px; font-weight: bold; line-height: 42px; overflow: hidden; padding-top: 10px; height: 42px; } .S_tcrigle1 h1 span { display: block; max-width: 690px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .S_tcrigle1 h1 em { display: block; width: 40px; height: 40px; background: url(../img/nmap.png) no-repeat -190px -162px; float: left; cursor: pointer; } .S_tcrigle1 h1 .Comtolg { background-position: -190px -162px; } .S_tcrigle1 .S_tcles { overflow: hidden; padding: 15px 0; } .S_tcrigle1 .S_tcles div { float: left; border-right: 1px solid #eee; line-height: 14px; font-size: 12px; margin-right: 25px; } .S_tcrigle1 .S_tcles div em { margin: 0 30px 0 20px; font-weight: bold; font-size: 14px; } .S_tcrigle1 .S_tcles div:nth-child(3) { border-right: none; } .S_tcrigle1 .S_tclcen { overflow: hidden; } .S_tcrigle1 .S_tclcen span { float: left; padding: 0 0px 0 15px; margin-right: 10px; height: 20px; line-height: 20px; font-size: 12px; background: url(../img/nmap.png) no-repeat -191px -49px; border-radius: 0 2px 2px 0; } .S_tcrigle1 .S_tclcen span em { float: left; height: 20px; padding-right: 6px; border-radius: 0 2px 2px 0; background: #5CA3E1; } .S_tcrigle1 .S_tclcen .Compzs { background-position: -191px -129px; } .S_tcrigle1 .S_tclcen .Compzs em { background: #ba73dc; } .S_tcrigle1 .S_tclcen .Invsts { background-position: -191px -88px; } .S_tcrigle1 .S_tclcen .Invsts em { background: #F99D00; } .S_tcrigle1 .S_telv { width: 550px; line-height: 17px; font-size: 12px; height: 34px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .S_tcrigle1 .S_telv a { text-decoration: underline; color: #f66; } .S_tcrigle1 p { max-width: 400px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding-top: 5px; font-size: 13px; } .S_tcrit2 { width: 650px; } .S_tcnewh h1 { padding: 0 0 10px 0; } .S_aasltne { height: 70px; overflow: hidden; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 22px; } .S_listsa { font-size: 14px; text-align: center; overflow: hidden; padding: 10px 0; background: #fff; border-radius: 4px; box-shadow: 0px 2px 4px #d5d4d4; } .S_listsa a { float: left; width: 129px; color: #666; line-height: 20px; } .S_listsa a:hover { color: #f66; font-weight: bold; } .S_listsa .yessa { color: #f66; font-weight: bold; } .S_listsa em { float: left; border-left: 1px solid #eee; height: 20px; } .S_aastel { font-size: 30px; line-height: 60px; font-weight: bold; } .S_tcrigle2 { float: right; } .S_tcrigle2 .S_tcbdr { padding-top: 20px; height: 30px; } .S_tcrigle2 .S_tcbdr div { float: left; border: 1px solid #eee; text-align: center; margin-left: 10px; border-radius: 3px; line-height: 28px; width: 118px; letter-spacing: 3px; cursor: pointer; } .S_tcrigle2 .S_tcbdr .S_tcdy { color: #f66; background: #ECECEA; } .S_tcrigle2 .S_tcuser { padding-top: 24px; overflow: hidden; float: right; } .S_tcrigle2 .S_tcuser dl { width: 60px; margin-left: 10px; float: left; } .S_tcrigle2 .S_tcuser dl dt { width: 40px; height: 40px; margin: 0 auto; position: relative; } .S_tcrigle2 .S_tcuser dl dt img { display: block; width: 40px; height: 40px; border-radius: 50%; } .S_tcrigle2 .S_tcuser dl dt em { background: #FF9100; border-radius: 50%; position: absolute; width: 18px; height: 18px; text-align: center; line-height: 18px; right: 0; top: 28px; font-size: 12px; } .S_tcrigle2 .S_tcuser dl dd { font-weight: bold; padding-top: 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .S_tcrigbon { padding-top: 20px; height: 122px; } .S_tcrigbon2 { padding-top: 10px; height: 122px; overflow: hidden; } .S_tcpfs { float: left; width: 400px; border-right: 1px dashed #eee; /*ul{ li{ float: left; width: 200px; position: relative; padding-top: 10px; span{ color: #FF9400; padding-left: 10px; } em{ position: absolute; display: block; width: 15px; height: 15px; background: url(../img/nmap.png) no-repeat; right: 33px; top: 15px; } .kist{ background-position: -156px -215px; } .kisp{ background-position: -156px -246px; } } }*/ } .S_tcpfs h1 { font-size: 24px; font-weight: bold; letter-spacing: 5px; } .S_tcpfs .S_nenuv { padding-top: 5px; padding-bottom: 15px; overflow: hidden; } .S_tcpfs .S_nenuv li { width: 265px; float: left; font-size: 12px; line-height: 30px; letter-spacing: 0; } .S_tcpfs .S_nenuv li em { display: inline-block; width: 85px; } .S_tcpfs .S_nenuv li strong { font-size: 14px; display: inline-block; width: 60px; } .S_tcpfs .S_nenuv li span { color: #999; } .S_tcpfs2 { width: 605px; } .S_pfnums { overflow: hidden; padding-top: 4px; } .S_pfnums span { float: left; padding-top: 2px; } .S_pfnums .Starbosx { float: left; padding: 0 20px; } .S_pfnums .SSnum { font-size: 24px; width: 40px; line-height: 25px; } .S_pfnums h1 { float: left; font-size: 24px; font-weight: bold; letter-spacing: 5px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 150px; } .Cqingk { overflow: hidden; padding-right: 20px; } .Cqingk p { float: left; font-size: 16px; font-weight: bold; } .Cqingk div { float: right; font-size: 12px; } .Cqingk div span { color: #f66; } .Cqlist { max-height: 100px; margin-top: 15px; overflow: auto; } .Cqlist p { font-size: 12px; overflow: hidden; padding-bottom: 5px; } .Cqlist p em { float: left; background: #FE970A; line-height: 20px; border-radius: 3px; color: #fff; margin-right: 10px; padding: 0 8px; position: relative; top: 2px; } .Cqlist p span { float: left; } .Cqlist p s { float: left; padding: 0 5px; color: #FE970A; } .Camover { text-align: center; padding: 20px; } .Camover a { border: 1px solid #eee; padding: 0 4px; color: #f66; border-radius: 3px; } .S_tcpfcen { width: 245px; float: left; padding-left: 25px; } .S_tcpfcen h1 { font-size: 17px; font-weight: bold; line-height: 15px; } .S_tcpfcen h1 span { display: inline-block; width: 25px; height: 25px; background: url(../img/nmap.png) no-repeat -106px -219px; margin-left: 10px; position: relative; top: 6px; } .S_tcpfcen .S_tcpfon { padding-top: 15px; } .S_tcpfcen .S_tcpfon div { width: 80px; height: 80px; float: left; } .S_tcpfcen .S_tcpfon .S_meiyb { background: url(../img/wu.png) no-repeat; } .S_tcpfcen .S_tcpfon p { float: left; padding: 26px 0 0 10px; color: #666; font-size: 13px; letter-spacing: 0; } .S_tcpfcen .S_tcpfon p em { font-weight: bold; padding: 0 4px; } .S_tcpfcen2 { width: 250px; float: left; } .S_tcpflog { margin: 20px 0; height: 100px; max-height: 100px; float: left; width: 290px; overflow: auto; } .S_tcpflog::-webkit-scrollbar { width: 5px; } .S_tcpflog::-webkit-scrollbar-thumb { background-color: #eee; /*婊戝姩鏉¤〃闈?/ border-radius: 4px; /*婊戝姩鏉″渾瑙掑搴?/ } .S_tcpflog img { float: left; height: 16px; margin: 16px 0 0 25px; } .S_tcpflog h3 { padding-top: 30px; text-align: center; color: #999; } .S_tcpflog .Szfln { display: block; margin: 0 auto; border: 1px solid #ddd; color: #f66; line-height: 22px; width: 100px; text-align: center; border-radius: 3px; margin-top: 5px; } .S_tcpflog2 { border-right: 1px dashed #999; padding: 0; margin-top: 20px; } .S_cencong { width: 100%; overflow: hidden; } .Snnbox { overflow: hidden; padding: 10px 20px 10px 0; border: 1px solid #ddd; border-radius: 3px; } .Snnbox2 { border-top: none; } .S_cenleft { float: left; width: 850px; } .S_cmapbox { height: 415px; margin-bottom: 0px; position: relative; background: #fff; margin-left: 130px; } .S_cmapboxm { position: relative; width: 850px; margin-left: 0px; } .S_cmapboxm select { position: absolute; right: 20px; top: 20px; z-index: 1; line-height: 26px; border: none; width: 80px; box-shadow: 0 0 3px #999; border-radius: 3px; height: 30px; padding: 0 10px; } .S_cmapboxm .Insele { right: 110px; } .S_cmapboxm .Incosub { display: block; width: 90px; height: 30px; background: #f66; border-radius: 3px; color: #fff; text-align: center; line-height: 30px; position: absolute; right: 10px; top: 20px; z-index: 1; font-size: 12px; } .Smapgo { position: absolute; z-index: 1; bottom: 20px; right: 20px; width: 40px; height: 40px; background: url(../img/nmap.png) no-repeat -190px -247px; } .S_flile { width: 180px; float: left; margin-right: 30px; } .Sfletop { height: 345px; overflow: auto; } .Sfletop h1 { font-size: 18px; font-weight: 800; position: relative; } .Sfletop h1 em { float: left; width: 24px; height: 24px; background: url(../img/nmap.png) no-repeat -152px -45px; margin-right: 12px; } .Sfletop .Sblinel { display: block; position: absolute; height: 20px; left: 12px; top: 25px; border-left: 1px solid #f66; } .Sfdons { margin-left: 12px; border-left: 1px solid #f66; padding-left: 22px; } .Sfdons h3 { position: relative; cursor: pointer; line-height: 34px; font-weight: bold; height: 34px; } .Sfdons h3 em { display: block; width: 7px; height: 7px; background: #f66; position: absolute; left: -26px; border-radius: 50%; top: 14px; } .Sfdons .syesh3 { color: #f66; } .Sfdons .syesh3 em { display: none; } .Sfdons h5 { position: relative; line-height: 20px; padding: 7px 0; cursor: pointer; } .Sfdons h5 em { position: absolute; width: 20px; height: 15px; left: -30px; top: 9px; } .Sfdons h5:hover { font-size: 16px; color: #f66; font-weight: bold; } .Sfdons h5:hover em { background: url(../img/nmap.png) no-repeat -154px -91px; } .Sfdons .Syesns { font-size: 16px; color: #f66; font-weight: bold; } .Sfdons .Syesns em { background: url(../img/nmap.png) no-repeat -154px -91px; } .Sfdons .syesh5 { font-size: 16px; color: #f66; font-weight: bold; } .Sfdons .syesh5 em { background: url(../img/nmap.png) no-repeat -154px -91px; } .Sflebon { margin-top: 20px; height: 48px; border: 1px solid #f66; border-radius: 4px; cursor: pointer; position: relative; font-size: 18px; color: #f66; line-height: 48px; letter-spacing: 2px; padding-left: 65px; } .Sflebon em { display: block; position: absolute; width: 25px; height: 22px; background: url(../img/nmap.png) no-repeat -530px -10px; left: 25px; top: 12px; } .S_fpicrig { width: 720px; height: 415px; position: relative; } .S_fnopic { text-align: center; line-height: 400px; background: url(../img/cback.jpg) repeat; } .Sxsbos { background: #fff; width: 290px; overflow: hidden; float: right; height: 415px; } .Sxsbos h1 { height: 52px; line-height: 52px; font-size: 22px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .Sxsbos .Ancrown { height: 20px; margin-bottom: -9px; background: url(../img/Ancrown.png) no-repeat center 0; } .Fvclick { background: #f8f8f8; border-radius: 3px; padding: 10px 20px; position: relative; margin-bottom: 10px; } .Fvclick img { position: absolute; right: 0; top: -50px; } .Fvgeten { overflow: hidden; color: #666; } .Fvgeten .Fvone { position: relative; padding-left: 20px; } .Fvgeten .Fvone:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: -3px; top: 0; background: url(../img/pguan.png) no-repeat center center; } .Fvgeten .Fvtwo { margin-left: 8px; } .Fvgeten .Fvtwo i { color: #f66; font-style: normal; } .Fvgeten .Fvthere { float: right; font-size: 12px; color: #f66; text-decoration: underline; } .Fvfore { display: block; width: 90px; margin: 0 auto; line-height: 26px; text-align: center; background: #f66; border-radius: 2px; color: #fff; margin-top: 5px; } .Fvfore2 { background: #ccc; } .Sblcklist { position: absolute; width: 120px; line-height: 30px; text-align: center; color: #fff; background: #000; border-radius: 3px; opacity: .6; z-index: 1; bottom: 10px; left: 10px; cursor: pointer; } .Sgwdan { overflow: hidden; padding: 10px 0; color: #999; } .Sgwdan h2 { float: left; font-size: 12px; border-radius: 0 4px 4px 0; letter-spacing: 0; } .Sgwdan h2 span { font-size: 18px; font-weight: bold; padding-right: 5px; color: #f66; } .Fvbox { width: 1200px; padding: 0 50px; position: relative; left: -50px; } .Fvbox .Fvtitle { position: relative; z-index: 1; color: #fff; font-size: 30px; overflow: hidden; padding: 20px 0 15px 0; line-height: 55px; height: 55px; } .Fvbox .Fvtitle em { float: left; line-height: 55px; } .Fvbox .Fvtitle .Fvtts { margin: 0 15px; } .Fvbox .Fvtitle img { margin-left: 20px; } .Fvbox .Fvtitle a { float: right; width: 140px; height: 36px; line-height: 36px; border-radius: 3px; background: #f66; font-size: 16px; text-align: center; position: relative; top: 10px; } .Fvbox .Fvpic { position: absolute; left: 0; top: 0; } .Smvmap { position: relative; background: #fff; } .S_gomap { position: absolute; width: 118px; height: 80px; bottom: 0px; left: 0px; background: #fff; border-top: 1px solid #ddd; border-right: 1px solid #ddd; cursor: pointer; } .S_gomap .Sggm { background: #ddd; padding-top: 10px; width: 108px; height: 60px; position: relative; top: 10px; border-radius: 3px; } .S_gomap .Sggm div { width: 25px; height: 25px; margin: 0 auto; background: url(../img/nmap.png) no-repeat -530px -9px; } .S_gomap h1 { text-align: center; color: #f66; } .Slistop { padding: 0 10px 0 25px; line-height: 18px; font-size: 12px; height: 185px; overflow: auto; } .Slistop::-webkit-scrollbar { width: 5px; } .Slistop::-webkit-scrollbar-thumb { background-color: #ddd; /*婊戝姩鏉¤〃闈?/ border-radius: 4px; /*婊戝姩鏉″渾瑙掑搴?/ } .Slistop li { position: relative; padding-top: 15px; color: #666; } .Slistop li em { position: absolute; display: block; width: 15px; height: 15px; left: -20px; top: 17px; background: url(../img/nmap.png) no-repeat; } .Slistop .Splace { width: 195px; } .Slistop .Splace a { position: absolute; right: -45px; color: #999; text-decoration: underline; top: 15px; } .Slistop .Splace em { background-position: -37px 0; } .Slistop .Splone em { background-position: -37px -26px; } .Slistop .Splone a { float: right; text-decoration: underline; color: #999; } .Slistop .Snums em { background-position: -37px -54px; } .Slistop .Spgws em { background-position: -37px -88px; } .Slistop .Spgws span { display: inline-block; width: 15px; height: 15px; background: url(../img/nmap.png) no-repeat -37px -151px; position: relative; top: 3px; left: 6px; float: right; } .Slistop .Spgws a { float: right; text-decoration: underline; color: #999; margin-left: 10px; } .Slistop .Spact { color: #f66; } .Slistop .Spact em { background-position: -37px -119px; } .Sovtop { display: block; line-height: 40px; font-size: 12px; color: #fff; text-align: center; background: #f66; width: 290px; border-radius: 3px; } .Simgbos { height: 45px; overflow: hidden; width: 200%; padding: 15px 0 15px 20px; } .Simgbos img { float: left; width: 80px; height: 45px; margin-right: 5px; } .Sblcks { overflow: hidden; padding: 0 0 15px 20px; } .Sblcks span { float: left; width: 20px; height: 20px; background: url(../img/nmap.png) no-repeat -200px -218px; margin-right: 10px; } .Sblcks a { color: #f66; text-decoration: underline; float: left; line-height: 20px; font-size: 12px; } .Sblcks2 { position: absolute; z-index: 1; left: 10px; border-top: 3px solid #f66; height: auto; background: #fff; border-radius: 3px; box-shadow: 0 0 5px #999; } .Sblcks2 .Sgwdan { padding: 0 10px; } .Sblcks2 .Slistop { max-height: 212px; } .Sbigpic { width: 720px; height: 415px; } .Sbigpic img { display: block; width: 720px; height: 415px; } .Sdle { width: 22px; height: 35px; background: url(../img/nmap.png) no-repeat -530px -101px; position: absolute; left: 12px; top: 195px; cursor: pointer; } .Sdrig { width: 22px; height: 35px; background: url(../img/nmap.png) no-repeat -530px -51px; position: absolute; right: 12px; top: 195px; cursor: pointer; } .Simgyy { position: absolute; left: -123px; top: 0; width: 120px; } .Ssmbox { overflow: hidden; padding-top: 3px; min-height: 310px; max-height: 310px; } .Smallpic { border-radius: 3px; cursor: pointer; margin-bottom: 6px; } .Smallpic img { display: block; width: 110px; height: 65px; } .Smallpic a { display: block; width: 110px; height: 65px; border: 3px solid #fff; border-radius: 3px; } .Smallpic .current { border: 3px solid #f66; } .Sprev { width: 110px; height: 10px; line-height: 50px; background: #eee; cursor: pointer; margin-top: 4px; border: 1px solid #eee; margin: 0 auto; text-align: center; line-height: 15px; color: #999; } .Sleft { margin-right: 5px; line-height: 7px; } .Sright { float: right; } .Stofd { display: table; width: 1200px; text-align: center; position: relative; top: -10px; } .Stofd li { display: table-cell; vertical-align: middle; line-height: 25px; border: 1px solid #ddd; border-radius: 3px 3px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* &:hover{ a{ border-top: 3px solid #f66; } }*/ } .Stofd li span { display: inline-block; font-weight: bold; margin-right: 10px; overflow: hidden; line-height: 25px; padding-top: 6px; } .Stofd li a { padding: 0 5px; display: block; border-top: 3px solid #fff; } .Stofd li em { display: inline-block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 25px; padding-top: 6px; } .Stofd li s { display: none; } .Stofd .yystos a { border-top: 3px solid #f66; } .Stofd10 { width: 1200px; text-align: center; position: relative; top: -10px; overflow: hidden; border-bottom: 1px solid #ddd; } .Stofd10 li { float: left; width: 99px; vertical-align: middle; line-height: 38px; border: 1px solid #ddd; border-radius: 3px 3px 0 0; border-left: none; border-bottom: none; position: relative; color: #999; /* &:hover{ a{ border-top: 3px solid #f66; } }*/ } .Stofd10 li span { font-weight: bold; margin-right: 10px; } .Stofd10 li s { display: inline-block; position: absolute; width: 14px; height: 38px; box-shadow: -10px 0px 20px #ffffff; right: 0; background: #fff; } .Stofd10 li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; display: block; border-top: 3px solid #fff; } .Stofd10 .yystos { width: 298px; color: #333; } .Stofd10 .yystos s { display: none; } .Stofd10 .yystos a { border-top: 3px solid #f66; } .champion { display: inline-block; width: 14px; height: 20px; margin-top: 8px; margin-right: 6px; background: url(../img/medal.png) no-repeat; vertical-align: top; } .Syyrz { width: 480px; padding: 25px 30px; position: fixed; top: 50%; left: 50%; margin-left: -240px; margin-top: -300px; background: #fff; box-shadow: 0 0 5px #999; border-radius: 3px; } .Syyrz h1 { width: 540px; position: relative; left: -30px; border-left: 5px solid #f66; line-height: 18px; font-size: 18px; text-align: center; } .Syycuo { position: absolute; right: 20px; top: 10px; font-size: 25px; color: #999; } .Slirzs { padding-top: 10px; } .Slirzs li { position: relative; padding: 10px 0 10px 85px; } .Slirzs li span { position: absolute; line-height: 40px; left: 0px; top: 10px; } .Slirzs li input { width: 375px; border: 1px solid #eee; height: 38px; padding: 0 10px; } .Slirzs .Srado { overflow: hidden; padding: 0 0 0 85px; } .Slirzs .Srado input { width: 15px; float: left; } .Slirzs .Srado label { float: left; display: inline-block; line-height: 38px; cursor: pointer; margin: 0 50px 0 5px; } .Slirzs .Stivv input { width: 155px; background: url(../img/picrl.png) no-repeat right; } .Slirzs .Stivv s { color: #999; padding: 0 10px; } .Slirzs .Stjbb a { margin-left: 125px; } .Stofdarr { width: 1200px; position: relative; top: -10px; overflow: hidden; padding: 10px 0; border-top: 1px solid #ddd; } .Stofdarr li { float: left; vertical-align: middle; line-height: 25px; position: relative; padding: 3px 20px; } .Stofdarr li span { font-weight: bold; margin-right: 10px; } .Stofdarr li em { color: #999; } .Stofdarr li s { display: none; position: absolute; width: 14px; height: 38px; box-shadow: -10px 0px 20px #ffffff; right: 0; background: #fff; } .Stofdarr li a { display: inline-block; padding: 0 5px; border: 1px solid #fff; } .Stofdarr li:hover a { border: 1px solid #f66; border-radius: 3px; color: #f66; } .Stofdarr li:hover em { color: #f66; } .Stofdarr .yystos a { border: 1px solid #f66; border-radius: 3px; color: #f66; } .Stofdarr .yystos em { color: #f66; } .Stofdarr .champion { margin-top: 2px; } .S_clpages { overflow: hidden; margin-top: 30px; background: url(../img/line.jpg) repeat-x center center; position: relative; } .S_clpages div { float: left; background: #fff; } .S_clpages .S_cpae1 { font-size: 17px; font-weight: bold; padding-right: 26px; } .S_clpages .S_cpae1 em { float: left; width: 25px; height: 25px; background: url(../img/nmap.png) no-repeat -152px -130px; margin-right: 10px; } .S_clpages .S_cpae2 { padding-right: 15px; } .S_clpages .S_cpae2 a { color: #666; } .S_clpages .S_cpae2 .Sreds { color: #f66; } .S_clpages .S_cpae3 { padding-left: 15px; float: right; font-size: 12px; color: #999; height: 18px; } .S_clpages .S_cpae3 span { padding: 0 10px; border: 1px solid #eee; float: left; line-height: 16px; cursor: pointer; position: relative; top: 3px; border-radius: 2px; } .S_clpages .S_cpae3 .Ssnge { background: #f66; color: #fff; border: 1px solid #f66; } .S_clpages .Sszxd { font-size: 17px; font-weight: bold; padding-right: 20px; padding-left: 35px; } .S_clpages .Ssrig { float: right; padding-left: 25px; } .S_clpages .Ssrig a { border: 1px solid #ddd; font-size: 12px; padding: 0 9px; color: #999; border-radius: 3px; } .S_clpages2 { background: url(../img/linelen.jpg) repeat-x center center; } .aliesn { display: block; height: 1px; position: relative; top: -60px; } .S_redfxs { height: 40px; background: #f8f8f8; border-radius: 3px; margin-top: 20px; } .S_redfxs .S_redbs { width: 25px; height: 25px; background: url(../img/nmap.png) no-repeat -150px -174px; float: left; margin: 0 13px; position: relative; top: 8px; } .S_redfxs .S_redwzs { float: left; line-height: 40px; color: #666; font-size: 13px; } .S_redfxs .S_redwzs em { float: left; padding: 0 2px; } .S_redfxs .S_redwzs span { float: left; color: #333; } .S_redfxs .S_redwzs .S_retext { padding: 0 10px; font-weight: bold; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .S_redfxs .S_redcli { float: right; line-height: 40px; padding-right: 20px; position: relative; font-size: 13px; } .S_redfxs .S_redcli a { color: #f66; text-decoration: underline; padding: 0 4px; } .S_redfxs .S_redcli div { width: 105px; height: 105px; position: absolute; top: -75px; display: none; border-radius: 3px; overflow: hidden; box-shadow: 0 0 3px #999; } .S_redfxs .S_redcli div img { display: block; width: 105px; height: 105px; } .S_redfxs .S_redcli:hover div { display: block; } .S_actlist { padding-top: 20px; overflow: hidden; padding-bottom: 10px; } .S_actlistss { height: 160px; } .S_ssfw { height: 150px; } .S_ssfw .S_actnetsaa { width: 675px; } .S_ssfw .S_actnetsaa p { padding-bottom: 5px; } .S_actpic { float: left; width: 280px; border-radius: 3px; position: relative; margin-right: 20px; } .S_actpic img { display: block; width: 280px; height: 175px; border-radius: 3px; border: 1px solid #ddd; } .S_actpic span { position: absolute; line-height: 20px; background: #f66; color: #fff; font-size: 12px; border-radius: 0 3px 3px 0; top: 20px; left: 0; padding: 0 20px; } .S_actpicsaa { width: 238px; } .S_actpicsaa img { width: 238px; height: 148px; } .S_fwsaa { width: 150px; } .S_fwsaa img { width: 148px; height: 148px; } .S_actnets { float: left; width: 549px; } .S_actnets h1 { font-size: 24px; font-weight: bold; line-height: 34px; } .S_actnets p { height: 20px; line-height: 20px; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; } .S_actnets p em { float: left; width: 20px; height: 20px; margin-right: 10px; background: url(../img/nmap.png) no-repeat; } .S_actnets p .Stime { background-position: -66px -222px; } .S_actnets p .Sacpd { background-position: -68px -254px; } .S_actnets p span { display: inline-block; font-size: 0; width: 60px; height: 22px; position: relative; top: -8px; left: 10px; } .S_actnets p .Snow { background: url(../img/nmap.png) no-repeat -376px -272px; } .S_actnets p .Sonete { background: url(../img/nmap.png) no-repeat -376px -315px; } .S_actnets p .Sovers { background: url(../img/nmap.png) no-repeat -376px -359px; } .S_actnets p:nth-child(1) { padding-top: 20px; } .S_actnets h2 { height: 33px; line-height: 33px; font-size: 13px; border-top: 1px dashed #f66; border-bottom: 1px dashed #f66; margin-top: 10px; } .S_actnets h2 em { color: #999; float: left; } .S_actnets h2 span { float: left; font-weight: bold; padding-left: 15px; overflow: hidden; width: 450px; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; } .S_actnets .S_abnts { overflow: hidden; margin-top: 10px; } .S_actnets .S_abnts img { float: left; width: 28px; height: 28px; border: 1px solid #eee; } .S_actnets .S_abnts span { float: left; line-height: 28px; padding: 0 25px 0 10px; font-weight: bold; color: #666; overflow: hidden; max-width: 300px; text-overflow: ellipsis; white-space: nowrap; } .S_actnets .S_abnts em { font-size: 12px; color: #999; } .S_actnetsaa { position: relative; width: 590px; } .S_actnetsaa h1 { height: 40px; line-height: 40px; } .S_actnetsaa h1 span { display: inline-block; width: 20px; height: 20px; background: url(../img/nmap.png) no-repeat -156px -271px; } .S_actnetsaa h1:hover { color: #f66; } .S_actnetsaa .S_actsst { display: block; width: 90px; height: 30px; line-height: 30px; background: #f66; color: #fff; position: absolute; top: 80px; right: 0; text-align: center; border-radius: 3px; display: none; } .S_actnetsaa .oversaa { background: #eee; color: #999; } .S_actnetsaa .S_actsyy { top: 80px; } .S_actnetsaa .S_acsadd span { background: url(../img/nmap.png) no-repeat -194px -318px; } .S_actnetsaa .S_acsping em { background: url(../img/nmap.png) no-repeat -33px -53px; } .S_actnetsaa .S_acseigs em { background: url(../img/nmap.png) no-repeat -33px -86px; } .S_actnetsaa .S_acseigs span { height: 15px; top: 0; background: url(../img/nmap.png) no-repeat -33px -151px; } .S_actnetsaa h5 { line-height: 25px; padding: 7px 0; } .S_actnetsaa h5 span { color: #666; float: left; } .S_actnetsaa h5 .Sanv { float: left; width: 20px; height: 20px; margin-right: 10px; background: url(../img/nmap.png) no-repeat -190px -356px; position: relative; top: 3px; } .S_actnetsaa h5 .Sjd { background: url(../img/nmap.png) no-repeat -242px -356px; } .S_actnetsaa h5 .Sanlun { margin-left: 15px; line-height: 20px; padding: 0 4px; background: #FF9801; border-radius: 3px; text-align: center; color: #fff; font-size: 12px; position: relative; top: 3px; } .S_actnetsaa h5 em { color: #999; margin-left: 20px; } .S_actnetsaa:hover .S_actsst { display: block; } .S_cenright { width: 320px; float: right; } .S_ljbox { border-radius: 4px; background: #f8f8f8; padding: 24px 0; } .S_ljbox2 { padding-bottom: 10px; } .S_otherto { border-left: 6px solid #f66; height: 16px; line-height: 16px; font-size: 16px; overflow: hidden; padding: 0 20px 0 24px; } .S_otherto span { float: right; font-size: 12px; color: #f66; } .S_otherto span em { color: #666; } .S_otherto span a { text-decoration: underline; } .Iznolis { text-align: center; line-height: 100px; background: url(../img/cback.jpg) repeat; } .S_otheopsn { overflow: hidden; padding: 20px 0 0px 30px; height: 30px; } .S_otheopsn img { float: left; width: 30px; height: 30px; margin-right: 8px; } .S_othtsnt { padding: 20px 30px 0; } .Sothtime { overflow: hidden; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #eee; } .Sothtime input { width: 100%; border: none; background: #f8f8f8; } .Sothrad { overflow: hidden; line-height: 35px; border-bottom: 1px solid #eee; } .Sothrad label { margin: 0 45px 0 10px; } .Sothrad .Sradlast { margin-right: 0; } .Sothdns { border-bottom: 1px solid #eee; line-height: 32px; } .Sothdns span { color: #999; display: inline-block; width: 85px; } .Sothdns .Sdsls { border-right: 1px solid #eee; } .Sothdns input { border: none; background: #f8f8f8; } .Sothdns .layicosn { padding-left: 20px; background: #98f; width: 145px; background: url(../img/picrl.png) no-repeat left; background-size: 15%; } .Sothmoys { clear: both; overflow: hidden; padding: 18px 30px 0; } .Sothmoys .Sotmle { float: left; color: #999; line-height: 40px; font-size: 12px; } .Sothmoys .Sotmle span { font-size: 28px; font-weight: bold; color: #f66; } .Sothmoys .Sotmrig { float: right; line-height: 35px; padding: 0 10px; background: #f66; border-radius: 4px; color: #fff; cursor: pointer; } .S_arigvt { height: 20px; padding: 10px 0; border-bottom: 3px solid #f66; position: relative; } .S_arigvt span { float: left; font-weight: bold; font-size: 16px; letter-spacing: 2px; } .S_arigvt .mogd { display: block; position: absolute; right: 10px; background: #eee; border-radius: 3px; font-size: 12px; line-height: 18px; height: 18px; padding: 0 8px; top: 15px; color: #666; } .S_arigpags { height: 20px; line-height: 20px; background: url(../img/lineda.png) repeat-x center center; padding: 10px 0; overflow: hidden; } .S_arigpags div { float: right; padding-left: 10px; background: #fff; } .S_arigpags div em { float: left; color: #DADADA; font-size: 12px; } .S_arigpags div .Spige1 { display: inline-block; font-size: 13px; color: #999; position: relative; top: -1px; } .S_arigpags div .Spige2 { display: inline-block; transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } .S_arigpags div a { float: left; height: 18px; width: 28px; border: 1px solid #eee; text-align: center; margin-left: 6px; color: #999; font-size: 16px; line-height: 16px; border-radius: 2px; } .S_arigpags div a:hover { background: #eee; } .S_auserdy { overflow: hidden; } .S_mycost { padding: 17px 0 10px 0; cursor: pointer; } .S_saazcs li { padding-top: 15px; } .S_saazcs li h1 { font-weight: bold; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .S_saazcs li h2 { font-size: 12px; color: #999; line-height: 24px; } .S_saazcs li:hover h1 { color: #f66; } .S_tujtop { overflow: hidden; padding: 20px 0 10px; } .S_tujtop img { width: 67px; height: 67px; border: 1px solid #eee; float: left; margin-right: 14px; } .S_tujtop a:nth-child(4n) img { margin: 0; } .S_usoys { float: left; margin-top: 20px; margin-right: 39px; width: 50px; } .S_usoys dt { width: 50px; height: 50px; } .S_usoys dt img { display: block; width: 50px; height: 50px; border-radius: 50%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.5s ease-in-out; /* Safari 鍜 Chrome */ -o-transition: all 0.5s ease-in-out; /* Opera */ } .S_usoys dd { font-size: 12px; font-weight: bold; color: #666; text-align: center; line-height: 20px; padding: 10px 0 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .S_usoys:nth-child(4n) { margin-right: 0; } .S_usoys:hover:nth-child(4n-1) dt img { animation: ver 0.9s; } .S_usoys:hover:nth-child(4n-2) dt img { animation: ver 0.9s; } .S_usoys:hover:nth-child(4n-3) dt img { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); } .S_usoys:hover:nth-child(4n) dt img { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); } @-moz-keyframes ver { 0 { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } 40% { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); } 70% { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); } 80% { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } } @-o-keyframes ver { 0 { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } 40% { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); } 70% { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); } 80% { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes ver { 0 { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } 40% { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); } 70% { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); } 80% { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } } @keyframes ver { 0 { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } 40% { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); } 70% { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); } 80% { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); } 100% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } } .S_arrctn { float: right; font-size: 12px; color: #666; } .S_arrctn .S_acyes { font-size: 14px; color: #f66; font-weight: bold; } .S_arrctn2 { color: #999; } .S_ysdl { padding: 15px 0; } .S_ysdl dt { width: 48px; height: 48px; margin-right: 10px; border: 1px solid #eee; float: left; } .S_ysdl dt img { display: block; width: 48px; height: 48px; } .S_ysdl dd { position: relative; } .S_ysdl dd h1 { font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .S_ysdl dd h3 { height: 25px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .S_ysdl .Sulben { position: absolute; border: 1px solid #f66; color: #f66; padding: 0 10px 10px 30px; width: 220px; left: 30px; bottom: 30px; background: #fff; border-radius: 4px; font-size: 12px; display: none; } .S_ysdl .Sulben li { list-style: disc; line-height: 16px; padding-top: 15px; } .S_ysdl .Sulben p { text-align: right; } .S_ysdl .Sulben p a { text-decoration: underline; } .S_ysdl .Sulben span { position: absolute; display: block; width: 15px; height: 15px; background: #fff; bottom: -8px; border-bottom: 1px solid #f66; border-right: 1px solid #f66; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } .S_ysdl:hover .Sulben { display: block; } .S_ysdl:nth-child(1) .Sulben { bottom: 0px; } .S_ysdl:nth-child(1) .Sulben span { display: none; } .S_ysdlut { overflow: hidden; } .S_ysdlys { position: relative; } .S_ysdlys dd h1 { max-width: 180px; } .S_ysdlys .Sdysn { border: 1px solid #f99; color: #f66; position: absolute; right: 0; top: 0; font-size: 12px; padding: 0 10px; border-radius: 3px; line-height: 18px; cursor: pointer; display: none; } .S_ysdlys:hover .Sdysn { display: block; } .S_paylist { width: 100%; height: 50px; padding: 15px 0; } .S_paylist .Spyn { float: left; font-size: 12px; line-height: 50px; width: 22px; overflow: hidden; text-align: center; color: #999; } .S_paylist dt { float: left; width: 48px; height: 48px; border: 1px solid #eee; margin-right: 10px; } .S_paylist dt img { display: block; width: 48px; height: 48px; } .S_paylist dd { width: 220px; float: left; } .S_paylist dd h1 { font-weight: bold; padding: 4px 0; width: 100%; float: left; } .S_paylist dd span { line-height: 20px; padding-left: 6px; float: left; min-width: 80px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .S_paylist .Sdmt { font-size: 12px; color: #999; } .S_paylist .Snstm { width: 20px; height: 20px; background: #98f; float: left; position: relative; cursor: pointer; } .S_paylist .Sdwv { position: absolute; width: 210px; background: #fff; line-height: 18px; font-size: 12px; bottom: 25px; border: 1px solid #f66; border-radius: 3px; left: -35px; padding: 8px 10px; color: #f66; display: none; } .S_paylist .Sdwv h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .S_paylist .Sbonjs { width: 10px; height: 10px; background: #fff; position: absolute; bottom: -6px; left: 40px; font-size: 24px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); border-bottom: 1px solid #f66; border-right: 1px solid #f66; display: none; } .S_paylist .Snstmyh { background: url(../img/nmap.png) no-repeat -154px -274px; margin-left: 4px; } .S_paylist .Snstmyh:hover .Sdwv { left: auto; right: -50px; bottom: 28px; display: block; } .S_paylist .Snstmyh:hover .Sbonjs { display: block; bottom: 22px; left: 4px; z-index: 1; } .S_paylist .Snstmad { background: url(../img/nmap.png) no-repeat -32px 2px; } .S_paylist .Snstmad:hover .Sdwv { display: block; } .S_paylist .Snstmad:hover .Sbonjs { display: block; } .S_paylistfj dd { width: 240px; } .S_paylistfj dd span { min-width: 66px; } .S_paylistfj .Snstmyh:hover .Sdwv { left: auto; right: -80px; bottom: 28px; display: block; } .S_paylistfj .Snstmyh:hover .Sbonjs { display: block; bottom: 22px; left: 4px; z-index: 1; } .S_paylistfj:hover .Seemap { display: block; } .Seemap { float: right; line-height: 16px; position: relative; right: -15px; border: 1px solid #eee; color: #f66; font-size: 12px; padding: 0 4px; border-radius: 3px; display: none; } .Spmrig { width: 15px; height: 15px; background: url(../img/nmap.png) no-repeat -245px -238px; float: left; position: relative; top: 15px; font-size: 0; } .Spmrigbn { background-position: -245px -169px; } .Spmrigtop { background-position: -245px -205px; } .Stadyle { float: left; width: 43px; border-right: 1px solid #eee; padding-top: 15px; position: relative; } .Stadyle p { line-height: 50px; position: relative; font-size: 12px; text-align: right; padding-right: 8px; } .Stadyle p em { display: block; width: 5px; height: 5px; border-radius: 50%; background: #ccc; position: absolute; right: -3px; top: 23px; } .Stadyle p span { font-size: 16px; } .Stadyle s { display: block; position: absolute; width: 5px; height: 25px; right: -3px; background: #fff; top: 0; } .Stadyrig { float: left; width: 275px; padding-top: 15px; color: #666; } .Stadyrig div { height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Stadyrig div img { float: left; width: 30px; height: 30px; border-radius: 50%; position: relative; top: 10px; margin-left: 20px; margin-right: 10px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.5s ease-in-out; /* Safari 鍜 Chrome */ -o-transition: all 0.5s ease-in-out; /* Opera */ } .Stadyrig div img:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); } .Syestady { clear: both; padding-left: 30px; } .Syestady a { color: #666; } .S_pltitle { padding: 28px 0 15px 0; overflow: hidden; line-height: 25px; font-size: 17px; font-weight: bold; clear: both; } .S_pltitle span { width: 25px; height: 25px; background: url(../img/nmap.png) no-repeat -105px -262px; float: left; margin-right: 10px; } .S_startbox { overflow: hidden; padding: 30px 20px; border-radius: 3px; background: #f8f8f8; } .Ssraron1 { float: left; width: 390px; } .Ssraron1 ul li { float: left; padding: 0 10px; line-height: 22px; border: 1px solid #f66; border-radius: 3px; margin: 5px 0 5px 15px; font-size: 12px; background: #fff; color: #f66; } .Ssraron2 { float: left; width: 210px; border-left: 1px dashed #eee; border-right: 1px dashed #eee; } .Ssraron2 span { float: left; padding: 0 15px 0 10px; } .Ssraron2 .SSnum { padding-top: 8px; } .Splis { overflow: hidden; } .Starbosx { overflow: hidden; } .SStar { width: 120px; height: 25px; float: left; padding-right: 10px; vertical-align: middle; } .SStar img { vertical-align: middle; } .SSnum { width: 20px; float: left; color: #FE9A00; font-weight: bold; line-height: 14px; } .Ssraron3 { float: left; padding-left: 10px; } .Sfnum { float: left; padding: 15px 0 0 20px; } .Sfnum .Sfone { float: left; color: #FE9A00; font-size: 38px; line-height: 30px; font-weight: bold; } .Sfnum .Sftwo { float: left; width: 90px; padding-left: 10px; } .Sfnum .Sftwo h1 { line-height: 12px; } .Ssrtle { width: 15px; font-size: 12px; line-height: 18px; color: #999; float: left; } .S_saysome { overflow: hidden; padding-top: 20px; } .Ssaybig .S_saysome:last-child .Susersy { border-bottom: none; } .S_saywho { width: 50px; float: left; } .S_saywho dt { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; } .S_saywho dt img { display: block; width: 50px; height: 50px; } .S_saywho dd { height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .S_sayxies { float: right; width: 765px; height: 178px; border: 1px solid #eee; border-radius: 3px; } .S_sayxies2 { height: 100px; padding: 10px 0; } .Sselts { overflow: hidden; padding: 10px 0; } .Sselts li { float: left; line-height: 22px; padding: 0 12px; background: #f8f8f8; border-radius: 3px; margin-left: 10px; font-size: 12px; cursor: pointer; } .Sselts li:hover { color: #fff; background: #f66; } .Sselts li:hover em { color: #fff; } .Sselts li em { color: #f66; padding-left: 5px; } .Sselts .Seltyes { color: #fff; background: #f66; } .Sselts .Seltyes em { color: #fff; } .Sselts2 li { background: #f66; color: #fff; } .Sussayn { padding: 5px 20px; border: none; resize: none; width: 720px; height: 90px; line-height: 20px; } .Sstarts { padding: 8px 0; color: #999; overflow: hidden; } .Sstarts .Srant { float: left; width: 170px; border-left: 1px solid #eee; font-size: 12px; line-height: 12px; padding-left: 20px; } .Sstarts .Srant span { float: left; padding-right: 10px; line-height: 14px; } .Sstarts .Srant:nth-child(1) { border: none; } .Sstarts .Srantsr { padding-left: 0; } .Sstarts .Sstalast { float: right; text-align: right; width: auto; border: none; line-height: 12px; } .Sstarts .Sstalast span { display: block; width: 20px; height: 20px; background: #0f0; float: left; background: url(../img/atc2.png) no-repeat -147px 0; } .Sstarts .Sstalast:hover { color: #f66; } .Sstarts .Sstalast:hover span { background-position: -199px 0; } .Sstarts .Sstalast2 { line-height: 18px; cursor: pointer; } .Sstarts .Sstalyes { color: #f66; } .Sstarts .Sstalyes span { background-position: -199px 0; } .Sstarts .SStar { height: 14px; } .Sstarts .sone { padding-right: 1px; } .S_saywpy { clear: both; padding: 20px 0 10px 85px; overflow: hidden; } .battens { width: 80px; line-height: 30px; text-align: center; border-radius: 3px; background: #f66; color: #fff; float: left; cursor: pointer; } .Sfxwn { float: right; } .Susersy { width: 765px; float: right; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; } .Susersy h1 { padding-bottom: 10px; line-height: 14px; } .Susersy h1 em { float: right; font-size: 12px; color: #999; } .Susersy h1 span { font-weight: bold; padding-right: 10px; } .Susersy p { padding-bottom: 10px; } .Shfover { padding: 15px 20px; background: #f8f8f8; color: #f66; border-radius: 4px; margin-bottom: 10px; } .Shfover span { font-weight: bold; padding-right: 10px; } .A_tmoreu2 { width: 765px; float: right; } .Combanner { width: 850px; height: 300px; } .Comrlis { height: 300px; background: #f2f2f2; margin-bottom: 10px; } .Comhtm { height: 99px; line-height: 99px; color: #f93; border-bottom: 1px dashed #ccc; position: relative; cursor: pointer; } .Comhtm h1 { font-size: 18px; padding-left: 34px; letter-spacing: 1px; } .Comhtm strong { margin-right: 15px; } .Comhtm div { position: absolute; right: 20px; top: 10px; width: 70px; height: 70px; background: url(../img/nmap.png) no-repeat -367px 0; } .Comhtm2 { color: #4971af; } .Comhtm2 div { background-position: -367px -78px; } .Comhtm3 { color: #dc4b2b; border: none; } .Comhtm3 div { background-position: -367px -179px; } .Invdsl { float: left; width: 240px; border-right: 1px dashed #eee; } .Invdsl dt { width: 70px; height: 50px; margin: 10px auto; background: url(../img/nmap.png) no-repeat -445px -8px; } .Invdsl dd h3 { text-align: center; line-height: 22px; color: #999; } .Invdsl dd h3 span { color: #666; padding: 0 3px; font-weight: bold; } .Invdsl2 { width: 255px; } .Invdsl2 dt { background-position: -445px -80px; } .Invdsl3 { width: 255px; } .Invdsl3 dt { background-position: -445px -153px; } .Invdsl4 { border: none; } .Invdsl4 dt { background-position: -450px -217px; } .Intolist { padding: 0px 30px; margin: 20px 0; max-height: 285px; overflow: auto; } .Intolist::-webkit-scrollbar { width: 5px; } .Intolist::-webkit-scrollbar-thumb { background-color: #eee; /*婊戝姩鏉¤〃闈?/ border-radius: 4px; /*婊戝姩鏉″渾瑙掑搴?/ } .Intolist li { border-left: 2px solid #EAEAEA; position: relative; line-height: 40px; font-size: 12px; padding-left: 17px; color: #666; margin-left: 53px; line-height: 20px; padding: 10px 0 10px 17px; } .Intolist li i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #ccc; position: absolute; top: 18px; left: -4px; } .Intolist li span { font-weight: bold; } .Intolist li .Intimes { position: absolute; left: -60px; top: 13px; display: block; width: 54px; font-size: 10px; line-height: 14px; color: #999; transform: scale(0.85); -ms-transform: scale(0.85); -webkit-transform: scale(0.85); text-align: right; } .Intujs { display: block; width: 260px; line-height: 30px; color: #fff; background: #f66; border-radius: 3px; margin: 0 auto; text-align: center; } .vplodbox { position: fixed; background: #000; width: 100%; height: 100%; z-index: 1001; top: 0; opacity: .3; display: none; } .uploadbox { width: 540px; background: #fff; border-radius: 4px; left: 50%; margin-left: -270px; top: 20%; position: fixed; z-index: 1002; padding-bottom: 30px; display: none; } .uploadbox h1 { margin: 33px 0; border-left: 6px solid #f66; font-size: 18px; font-weight: bold; line-height: 18px; text-align: center; } .uploadbox .Nztbox { margin: 33px 0 15px 0; } .uploadbox .jianjies { line-height: 24px; color: #666; padding: 0 30px 15px 30px; max-height: 275px; overflow: auto; } .uploadbox .jianjies::-webkit-scrollbar { width: 5px; } .uploadbox .jianjies::-webkit-scrollbar-thumb { background-color: #ddd; /*婊戝姩鏉¤〃闈?/ border-radius: 4px; /*婊戝姩鏉″渾瑙掑搴?/ } .uploadbse { width: 600px; margin-left: -300px; } .Nvpsbox { padding: 0 30px; overflow: hidden; } .Nvpsbox .vpben { float: left; width: 13px; height: 68px; border: 1px solid #eee; border-radius: 3px; line-height: 68px; text-align: center; cursor: pointer; } .Nvpsbox .vpben:hover { background: #eee; } .Nvpsbox .vpbrig { margin-left: 13px; } .Nvpsbox .vpboxcc { overflow: hidden; float: left; position: relative; width: 495px; height: 70px; } .Nvpsbox .vpboxcc div { position: absolute; left: 0; top: 0; } .Nvpsbox .vpboxcc a { float: left; margin-left: 12px; } .Nvpsbox .vpboxcc img { display: block; float: left; border: 1px solid #eee; width: 68px; height: 68px; } .Nvpsbox .vphasmo { padding: 30px 0 10px 0; position: relative; font-size: 16px; } .Nvpsbox .vphasmo div { position: absolute; width: 100%; height: 1px; border-bottom: 1px dashed #ddd; top: 43px; left: 0; } .Nvpsbox .vphasmo span { background: #fff; padding-right: 20px; position: relative; z-index: 1; } .Nvpsdl { width: 250px; padding: 10px 0 10px 30px; float: left; } .Nrzbos { overflow: hidden; } .S_vppage { background: #fff; } .S_vppage div { padding-right: 250px; } .S_vppage div em { padding-left: 5px; } .upsucess { background: #fff; border-radius: 4px; left: 50%; margin-left: -250px; top: 20%; position: fixed; z-index: 1002; width: 400px; padding: 20px 50px 35px; display: none; } .upsucess h1 { height: 70px; line-height: 70px; border-bottom: 1px dashed #eee; font-size: 24px; text-align: center; } .upsucess p { line-height: 30px; color: #666; text-align: center; padding: 20px 0; } .upsucess2 p { line-height: 20px; } .upsucess2 .upyudele { padding-top: 0px; } .upsucess2 .upyudele em { font-weight: bold; } .Overx { position: absolute; font-size: 28px; right: 20px; top: 10px; } .upulbox { padding: 0 30px; } .upulbox li { padding-left: 80px; position: relative; padding-bottom: 19px; height: 38px; } .upulbox li span { position: absolute; left: 0; line-height: 40px; } .upulbox li input { border: 1px solid #eee; height: 38px; width: 380px; border-radius: 3px; padding: 0 10px; } .upulbox .upone p { width: 280px; border: 1px solid #eee; line-height: 38px; color: #ccc; padding: 0 10px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .upulbox .upone input { width: 1px; float: left; height: 1px; } .upulbox .upone label { float: left; width: 98px; line-height: 40px; text-align: center; background: #ccc; color: #999; position: relative; top: -3px; cursor: pointer; } .upulbox .upxytex { height: 25px; } .upulbox .upxytex input { width: 15px; height: 15px; margin-right: 10px; } .upulbox .upxytex label { font-size: 12px; position: relative; top: -3px; } .upulbox .uponeto { padding-left: 0; } .upulbox .uponeto p { width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .upqjoin { margin: 0 30px; border: 1px solid #eee; } .upqjoin p { line-height: 39px; padding: 0 15px; border-bottom: 1px solid #eee; } .upqjoin textarea { width: 455px; height: 100px; padding: 10px; line-height: 18px; resize: none; border: none; } .upqjoin2 { margin-bottom: 25px; } .bonsbn { display: block; margin: 0 auto; width: 80px; height: 30px; line-height: 30px; border-radius: 3px; background: #f66; color: #fff; text-align: center; border: none; } .bonsbns2 { float: right; } .S_ggw { width: 100%; height: 120px; border-radius: 3px; background: #98f; margin: 20px 0; clear: both; } .Inmapof { width: 210px; padding: 14px; border: 1px solid #f66; border-radius: 3px; position: relative; background: #fff; } .Inmacoty { position: relative; padding-left: 60px; } .Inmacoty dt { width: 48px; height: 48px; border: 1px solid #ddd; position: absolute; left: 0; top: 0; } .Inmacoty dt img { display: block; width: 48px; height: 48px; } .Inmacoty dd h1 { font-weight: bold; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Inmacoty dd h3 { line-height: 22px; color: #999; font-size: 12px; } .Insan { width: 10px; height: 10px; background: #fff; position: absolute; bottom: -6px; left: 120px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-right: 1px solid #f66; border-bottom: 1px solid #f66; } .jCProgress { position: absolute; z-index: ; /* margin-top:-15px; /* offset from the center */ } .jCProgress > div.percent { position: absolute; margin-top: 28px; margin-left: 10px; text-align: center; width: 60px; font-weight: bold; } .Spinbox { position: relative; height: 260px; } .Spinbox div { position: absolute; background: #fff; } .Spinbox div:hover { z-index: 1; } .Spinbox img { display: block; width: 100%; height: 100%; border: 1px solid #ddd; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.5s ease-in-out; /* Safari 鍜 Chrome */ -o-transition: all 0.5s ease-in-out; /* Opera */ } .Spinbox img:hover { z-index: 1; transform: scale(2); -webkit-transform: scale(2); -ms-transform: scale(2); } .Spin1 { width: 73px; height: 73px; left: 113px; top: 40px; } .Spin2 { width: 48px; height: 48px; left: 44px; top: 20px; } .Spin3 { width: 65px; height: 65px; left: 15px; top: 80px; } .Spin4 { width: 68px; height: 68px; left: 220px; top: 4px; } .Spin5 { width: 65px; height: 65px; left: 200px; top: 100px; } .Spin6 { width: 48px; height: 48px; left: 237px; top: 197px; } .Spin7 { width: 73px; height: 73px; left: 43px; top: 166px; } .Spin8 { width: 38px; height: 38px; left: 150px; top: 200px; } .Spin9 { width: 73px; height: 73px; left: 120px; top: 123px; } .Spin10 { width: 65px; height: 65px; left: 147px; top: 74px; } .Spin11 { width: 48px; height: 48px; left: 57px; top: 137px; } .Spin12 { width: 73px; height: 73px; left: 200px; top: 30px; } .Spin13 { width: 56px; height: 56px; left: 195px; top: 170px; } .Spin14 { width: 48px; height: 48px; left: 245px; top: 96px; } .Spin15 { width: 73px; height: 73px; left: 60px; top: 85px; } .Icemap { width: 30px; height: 50px; background: url(../img/cemap.png) no-repeat center; text-align: center; color: #fff; line-height: 35px; } .Ichmap { width: 30px; height: 50px; background: url(../img/chemap.png) no-repeat; text-align: center; color: #fff; font-size: 16px; padding-top: 2px; } .mki { width: 100%; position: fixed; left: 0; top: 60px; z-index: 10; } .Sovernos { height: 200px; line-height: 200px; text-align: center; background: url(../img/cback.jpg); margin-top: 40px; } .userdtex { padding: 12px 0; border-bottom: 1px dashed #eee; position: relative; } .userdtex h1 { line-height: 30px; font-size: 18px; } .userdtex h1 span { padding-right: 10px; font-weight: bold; } .userdtex h3 { line-height: 26px; font-size: 12px; } .userdtex .userprds { margin: 5px 0; padding-right: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .userdtex .rigtexn { position: absolute; width: 20px; height: 20px; right: 10px; top: 30px; background: url(../img/topbon.png) no-repeat 0px -56px; cursor: pointer; } .userdtex .rigtexn:hover { background-position: 0 0; } .userdtex .rigxn2 { background-position: 0px 0; } .userdtex .usergets { display: none; padding: 15px 0; overflow: hidden; } .userdtex .usergets p { line-height: 25px; } .userdtex .usergets h5 { padding-top: 10px; } .userdtex .usergets h5 em { font-size: 12px; } .userdtex .usergets h5 span { font-weight: bold; padding: 0 20px; } .userdtex .usergets a { color: #c33; padding: 5px 10px 0 0; float: right; } .userdtex .backfuser { display: none; } .userdtex .backfuser textarea { width: 760px; padding: 10px; line-height: 20px; height: 45px; resize: none; margin-bottom: 10px; border: 1px solid #ddd; } .userdtex2 { color: #999; } .botton { border: none; width: 90px; line-height: 36px; background: #c33; color: #fff; text-align: center; border-radius: 3px; cursor: pointer; } .Sbranchbos { height: 280px; overflow: auto; margin-top: 20px; } .Smaprog { width: 100%; min-width: 1200px; height: 220px; background: url(../img/smbigb.jpg) no-repeat; } .Smaprogpic { width: 1200px; margin: 0 auto; height: 220px; background: url(../img/smpam.png) no-repeat; color: #fff; letter-spacing: 2px; } .Smaprogpic h1 { font-size: 34px; padding-top: 80px; line-height: 40px; } .Smaprogpic h3 { font-size: 18px; padding-top: 10px; } .Smaprogpic h3 span { font-weight: bold; padding: 0 10px; } .Sbigbos { width: 1200px; position: relative; } .Smalist { padding: 20px 0 5px 13px; overflow: hidden; } .Smalist .Smaleft { float: left; width: 1000px; } .Smalist a { float: left; line-height: 30px; margin-right: 45px; } .Smalist a:hover { color: #f66; } .Smalist .Supsma { float: right; background: #f66; padding: 0 15px; color: #fff; border-radius: 3px; margin-right: 13px; } .Smalist .Supsma:hover { color: #fff; } .Smalist .Sred { color: #f66; } .Smabosm { width: 300px; float: left; position: relative; overflow: hidden; cursor: pointer; } .Smabosm:hover .Ssblcks { display: block; } .Smabosm:hover .Ssmnpo em { background: url(../img/nmap.png) no-repeat -488px -360px; } .Smabosm:hover .Ssmnpo .Swmbox { display: block; } .Smavpo { position: relative; margin: 20px 12px 0; background: #fff; padding: 40px 40px 35px; border-radius: 3px; } .Smavpo dt { width: 80px; height: 80px; margin: 0 auto; } .Smavpo dt img { display: block; width: 80px; height: 80px; border-radius: 15px; } .Smavpo dd h1 { width: 75%; height: 20px; line-height: 20px; padding: 10px 15px; margin: 0 auto; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Smavpo dd h3 { line-height: 18px; color: #999; padding-bottom: 8px; } .Smavpo .Slabelbox { overflow: hidden; padding: 5px 0 0px 0; line-height: 20px; } .Smavpo .Slabelbox div { color: #f66; width: 85px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Smavpo .Slabelone { float: left; text-align: right; } .Smavpo .Slabeltwo { float: right; text-align: left; } .Ssblcks { width: 276px; height: 100%; background: #000; opacity: .4; position: absolute; left: 13px; top: 20px; z-index: 1; border-radius: 3px; display: none; } .Ssmnpo { width: 20px; height: 20px; position: absolute; top: 40px; right: 33px; z-index: 1; } .Ssmnpo em { display: block; width: 20px; height: 20px; background: url(../img/nmap.png) no-repeat -488px -323px; } .Ssmnpo .Swmbox { width: 138px; background: #fff; border: 1px solid #f66; border-radius: 3px; position: absolute; top: 30px; left: -120px; display: none; padding-bottom: 10px; } .Ssmnpo .Swmbox h1 { line-height: 14px; padding: 10px 0; font-size: 12px; text-align: center; color: #f66; } .Ssmnpo .Swmbox img { display: block; width: 110px; height: 110px; margin: 0 auto; } .S_abnbs { overflow: hidden; padding: 20px 0; } .S_aleft { float: left; font-size: 20px; font-weight: bold; } .S_aright { float: right; color: #666; } .S_aotn { float: left; margin-left: 30px; } .S_aotn div { float: left; } .S_aotn .Snub { margin-left: 10px; } .Ssmapt { height: 400px; border: 1px solid #ddd; position: relative; } .Ssmapt .Schak { position: absolute; right: 20px; bottom: 20px; display: inline-block; line-height: 30px; padding: 0 15px; border-radius: 3px; background: #000; color: #fff; opacity: .5; } .Sscrio { overflow: hidden; padding-top: 30px; position: relative; } .Sscrio .Strobon { border: 1px solid #ddd; border-radius: 3px; width: 414px; height: 355px; float: left; } .Sscrio .Srigtro { float: right; } .Sscrio .Sbunm { position: absolute; bottom: 15px; width: 414px; right: 0; text-align: center; } .Sscrio .Sbunm span { padding: 0 15px; } .Sscrio .Sbunm span em { color: #f66; } .applogn { width: 100%; background: url(../img/appban.jpg) no-repeat; height: 100%; } .appcenton { width: 1200px; margin: 0 auto; } .appcns { padding-top: 120px; overflow: hidden; } .appcns .appic1 { float: left; width: 380px; } .appcns .applnicon { padding-bottom: 30px; } .appcns .applnicon dt img { display: block; margin: 0 auto; } .appcns .applnicon dd { text-align: center; font-size: 30px; color: #c92829; padding: 30px 0 15px; } .appcns .applnicon dd span { letter-spacing: 10px; padding: 0 14px; } .appcns .appxzclick div { border: 1px solid #ccc; margin-bottom: 13px; border-radius: 3px; padding: 10px 20px 10px 65px; position: relative; } .appcns .appxzclick div h2 { padding-left: 2px; } .appcns .appxzclick div h3 { line-height: 16px; font-size: 12px; text-align: center; } .appcns .appxzclick div:after { content: ''; display: block; width: 50px; height: 70px; position: absolute; left: 10px; top: 0; background: url(../img/appdownz.png) no-repeat center 15px; } .appcns .appxzclick .anzuok:after { background: url(../img/appdownz.png) no-repeat center -40px; } .appcns .appxzewm { width: 130px; border: 1px solid #ccc; padding: 5px; } .appcns .appxzewm img { display: block; width: 100%; } .appcns .appic2 { float: right; } .appcns1 { display: none; } .appconbn { overflow: hidden; padding-top: 100px; } .appconbn dl { float: left; width: 240px; margin-right: 79px; } .appconbn dl dt { width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; background: url(../img/app2.png) no-repeat; box-shadow: 0 2px 10px #ddd; } .appconbn dl dd h1 { font-size: 29px; letter-spacing: 2px; text-align: center; line-height: 60px; padding-top: 10px; color: #666; } .appconbn dl dd h2 { font-size: 18px; text-align: center; letter-spacing: 1px; color: #999; line-height: 25px; } .appconbn .appdl1 dt { background-position: 0px 0px; } .appconbn .appdl2 dt { background-position: -200px 0px; } .appconbn .appdl3 dt { background-position: -400px 0px; } .appconbn .appdl4 { margin-right: 0; } .appconbn .appdl4 dt { background-position: -600px 0px; } .Nfone { overflow: hidden; width: 1200px; margin: 0 auto; color: #999; border-bottom: 1px solid #DEDEDE; /*2018-01-25*/ } .Nfone .qlgy { float: left; } .Nfone .qlgy h2 { font-size: 16px; padding: 5px 0 10px 0; } .Nfone .qlgy p { font-size: 12px; position: relative; padding: 3px 0 3px 65px; line-height: 20px; } .Nfone .qlgy p span { position: absolute; left: 0; top: 3px; } .Nfone .qlgy p span s { visibility: hidden; } .Nfone .qlgyone { width: 220px; } .Nfone .qlgytwo { width: 280px; padding-left: 70px; } .Nfone .qlgythere { width: 290px; padding-left: 80px; } .Nfone .qlgythere h2 a { font-size: 12px; line-height: 20px; margin-right: 15px; float: left; } .Nfone .qlgyfore { float: right; } .Nfone .qlgyfore .nvone { font-size: 12px; text-align: right; padding-bottom: 10px; } .Nfone .qlgyfore .nvone span { display: inline-block; width: 13px; height: 15px; text-align: center; line-height: 15px; border-radius: 50%; background: #999; color: #fff; margin-right: 5px; padding-left: 2px; } .Nfone .qlgyfore .nvtwo { overflow: hidden; } .Nfone .qlgyfore .negone { float: left; width: 60px; padding: 10px; background: #fff; border-radius: 3px; margin-left: 15px; letter-spacing: 0; } .Nfone .qlgyfore .negone img { display: block; width: 60px; margin-bottom: 6px; } .Nfone .qlgyfore .negone .inga { position: relative; margin-bottom: 0; left: -3px; top: -3px; width: 66px; } .Nfone .qlgyo { width: 380px; padding: 0 150px 0 24px; } .Nfone .qlgyo h1 { position: relative; z-index: 1; } .Nfone .qlgyo h1:before { position: absolute; left: -24px; top: 10px; content: ''; width: 18px; height: 18px; background: url(../img/footericon.png) no-repeat; background-size: 100%; } .Nfone .qlgyo .msg1:before { position: absolute; left: -24px; top: 6px; content: ''; width: 18px; height: 18px; background: url(../img/footericon.png) no-repeat 0 -30px; background-size: 100%; } .Nfone .qlgyo .msg2:before { position: absolute; left: -24px; top: 6px; content: ''; width: 18px; height: 18px; background: url(../img/footericon.png) no-repeat 0 -60px; background-size: 100%; } .Nfone .qlgyo .msg3:before { position: absolute; left: -24px; top: 6px; content: ''; width: 18px; height: 18px; background: url(../img/footericon.png) no-repeat 0 -241px; background-size: 100%; } .Nfone .qlgyo .msg4:before { position: absolute; left: -24px; top: 4px; content: ''; width: 18px; height: 18px; background: url(../img/footericon.png) no-repeat 0 -120px; background-size: 100%; } .Nfone .qlgyt { width: 256px; padding-left: 24px; } .Nfone .qlgyt h1 { position: relative; z-index: 1; } .Nfone .qlgyt h1:before { position: absolute; left: -24px; top: 8px; content: ''; width: 18px; height: 18px; background: url(../img/footericon.png) no-repeat 0 -91px; background-size: 100%; } .Nfone .qlgyt .msg5:before { position: absolute; left: -24px; top: 7px; content: ''; width: 18px; height: 18px; background: url(../img/footericon.png) no-repeat 0 -151px; background-size: 100%; } .Nfone .qlgyt .msg6:before { position: absolute; left: -24px; top: 6px; content: ''; width: 18px; height: 18px; background: url(../img/footericon.png) no-repeat 0 -181px; background-size: 100%; } .Nfone .qlgyt .msg7:before { position: absolute; left: -24px; top: 9px; content: ''; width: 18px; height: 18px; background: url(../img/footericon.png) no-repeat 0 -211px; background-size: 100%; } .Nfone .qlgyf { float: right; width: 200px; } .Nfone .qlgyf .nvone { padding-right: 4px; font-size: 12px; text-align: right; padding-bottom: 10px; } .Nfone .qlgyf .nvone span { display: inline-block; width: 15px; height: 15px; text-align: center; line-height: 15px; border-radius: 50%; background: #999; color: #fff; margin-right: 5px; } .Nfone .qlgyf .nvtwo { overflow: hidden; } .Nfone .qlgyf .negone { float: left; width: 80px; border-radius: 3px; margin-left: 20px; letter-spacing: 0; } .Nfone .qlgyf .negone img { display: block; width: 100%; height: 100%; } .Nfone .qlgyf .negone div { font-size: 12px; text-align: center; } .Nfone .qlgyf .inga { width: 72px; height: 72px; padding: 4px; } .Nfone .qlgyf .inga div { padding-top: 4px; } .Nfone .qlgys { height: 26px; line-height: 26px; border-top: 1px dotted #ccc; font-size: 12px; } .Nfone .qlgys a { padding: 0 7px 0 3px; } .Nftwo { padding: 13px 0 13px 0; border-bottom: 1px solid #DEDEDE; width: 1130px; margin: 0 auto; padding-left: 70px; position: relative; overflow: hidden; } .Nftwo .Nhezuo { position: absolute; left: 0; top: 20px; } .Nftwo .Nhepic { width: 100%; } .Nftwo .Nhepic a { margin: 7px 15px 7px 15px; float: left; } .Nftwo .Nhepic img { height: 25px; } .stimevn { overflow: hidden; height: 20px; line-height: 20px; padding-top: 15px; } .stimevn span { float: left; } .stimevn div { float: left; } .stimevn a { letter-spacing: 0; font-size: 12px; height: 20px; line-height: 20px; padding: 0 10px; margin-right: 10px; border-radius: 3px; } .stimevn a:hover { color: #f66; } .stimevn a.yesod { color: #f66; } .stimevn input { float: left; height: 18px; line-height: 18px; width: 75px; padding: 0 5px 0 10px; font-size: 10px; border: 1px solid #ccc; border-radius: 4px; color: #ccc; } .stimevn em { float: left; padding: 0 10px; } .stimevn button { float: left; height: 20px; font-size: 12px; line-height: 18px; border: 1px solid #ccc; padding: 0 10px; border-radius: 2px; margin-left: 20px; background: #fff; color: #666; } @media screen and (max-width: 1444px) { .C_liboxs { max-height: 350px; } .C_xread { height: 400px; max-height: 400px; } .C_vpos { max-height: 400px; } .head_rig .Lgoqey { padding: 0 15px; } .head_rig .hsearch { width: 235px; } .Syyrz { margin-top: -200px; } .appcns { padding-top: 80px; transform: scale(0.8); } .appcns .appic1 { margin-left: 80px; } .appcns .appic2 { width: 550px; margin-right: 140px; } .appconbn { overflow: hidden; padding-top: 0px; padding-left: 90px; } .appconbn dl { transform: scale(0.8); margin-right: 0px; } .newHlogonyes .Lgoqey { padding: 0; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .head_lef .logo { width: 90px; } .head_rig .Lgoqey { padding: 0 15px; } .head_rig .hsearch { width: 190px; } .loglianm { width: 100px; } .loglianm li { width: 100%; } .new-loglianmsk { padding: 0 15px; } } @media screen and (min-width: 1445px) and (max-width: 1570px) { .head_rig .hsearch { width: 200px; } } /* 鍒涜褰曢椤垫柊澧炴牱寮 */ .CS_quotation { padding: 36px 47px 28px 54px; border: 1px solid #eee; border-radius: 3px; margin-bottom: 20px; background: url(../img/CS_quotation.png) no-repeat 0 70px; background-color: #fff; } .CS_quotation .CS_top div { height: 25px; padding-right: 4px; } .CS_quotation .CS_top div span { display: block; width: 12px; height: 11px; background: url(../img/C_creating.png) no-repeat 0 0; } .CS_quotation .CS_top div:last-child span { float: right; margin-top: 14px; transform: rotate(180deg); } .CS_quotation .CS_top p { width: 217px; line-height: 30px; font-size: 22px; font-family: "SimSun"; letter-spacing: 2px; } .CS_quotation .CS_middle { position: relative; height: 40px; margin-top: 20px; color: #7a7a7a; overflow: hidden; } .CS_quotation .CS_middle div { position: relative; left: 0; top: 8px; width: 100%; height: 1px; background-color: #cfcfcf; } .CS_quotation .CS_middle h6 { position: absolute; right: 0; top: 0; max-width: 185px; padding-right: 3px; padding-left: 10px; background: #fff; line-height: 16px; font-size: 12px; word-break: break-word; text-align: right; } .CS_quotation .CS_futitle { width: 214px; line-height: 20px; text-align: right; color: #aaa; font-size: 12px; margin-bottom: 30px; } .CS_bottom { height: 36px; } .CS_bottom div { float: left; width: 33.33%; height: 36px; text-align: center; cursor: pointer; } .CS_bottom .CS_weibo .weiboIcon { display: block; width: 20px; height: 16px; margin: 0 auto; background: url(../img/C_creating.png) no-repeat 0 -33px; } .CS_bottom .CS_weibo:hover .weiboIcon { background-position: -28px -33px; } .CS_bottom .CS_weibo:hover .weiboName { color: #f66; } .CS_bottom .CS_weixin { position: relative; } .CS_bottom .CS_weixin .weixinIcon { display: block; width: 20px; height: 16px; margin: 0 auto; background: url(../img/C_creating.png) no-repeat 0 -74px; } .CS_bottom .CS_weixin .weixinName { width: 100%; } .CS_bottom .CS_weixin .erweima { position: absolute; left: -8px; top: -92px; width: 80px; height: 80px; border: 1px solid #ccc; background-color: white; display: none; } .CS_bottom .CS_weixin .erweima div { position: absolute; left: 36px; bottom: -6px; width: 10px; height: 10px; border: 1px solid #ccc; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; } .CS_bottom .CS_weixin .erweima img { width: 80px; height: 80px; } .CS_bottom .CS_weixin:hover .weixinIcon { background-position: -28px -74px; } .CS_bottom .CS_weixin:hover .erweima { display: block; } .CS_bottom .CS_weixin:hover .weixinName { color: #f66; } .CS_bottom .CS_dianzan { position: relative; } .CS_bottom .CS_dianzan .dianzanIcon { display: block; width: 20px; height: 16px; margin: 0 auto; background: url(../img/C_creating.png) no-repeat 0 -13px; } .CS_bottom .CS_dianzan .active { background-position: -28px -13px; } .CS_bottom .CS_dianzan .dianzanNumber { color: #666; text-align: center; } .CS_bottom .CS_dianzan .tishi { position: absolute; left: -17px; bottom: 40px; width: 100px; display: none; padding: 3px; border: 1px solid #ccc; border-radius: 3px; background-color: white; } .CS_bottom .CS_dianzan .tishi span { position: absolute; left: 50px; bottom: -3px; width: 3px; height: 3px; border: 1px solid #ccc; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; } .CS_bottom .CS_dianzan:hover .dianzanIcon { background-position: -28px -13px; } .CS_bottom .CS_dianzan:hover .dianzanNumber { color: #f66; } /*鍒涜褰曟牱寮?/ .C_creating-header { width: 100%; height: 29px; border-bottom: 1px solid #eee; } .C_creating-header .C_creating-nav { width: 1200px; margin: 0 auto; } .C_creating-header .C_creating-nav li { float: left; height: 28px; line-height: 32px; padding: 0 18px; margin-right: 20px; border-bottom: 3px solid transparent; cursor: pointer; color: #666; } .C_creating-header .C_creating-nav li:hover { border-bottom-color: #f66; font-weight: 600; } .C_creating-header .C_creating-nav .C_active { border-bottom-color: #f66; font-weight: 600; } .C_creating-card { position: relative; width: 1000px; margin: 0 auto; } .C_creating-card .C_creating-card-top { position: absolute; right: 0; top: 10px; height: 26px; line-height: 26px; z-index: 1; } .C_creating-card .C_creating-card-top a { float: right; height: 20px; } .C_creating-card .C_creating-card-top a:hover { color: #f66; } .C_creating-card .C_creating-card-top span { float: right; width: 20px; height: 20px; background: url(../img/C_creating.png) no-repeat 0 7px; } .C_creating-card-middle { width: 1000px; height: 752px; padding-bottom: 77px; } .poster-list { height: 752px; transform-style: preserve-3d; perspective-origin: center; } .poster-item { position: absolute; width: 438px; height: 658px; top: 50px; border: 1px solid #cbcbcb; border-radius: 3px; background: url(../img/chuangyulu.jpg) no-repeat center 0; box-shadow: 0 0 47px #dfdfdf; background-color: white; } .poster-item .prevQuotes { height: 11px; margin: 132px 36px 10px; } .poster-item .prevQuotes span { float: left; width: 12px; height: 11px; background: url(../img/C_creating.png) no-repeat 0 0; } .poster-item .nextQuotes { height: 11px; padding-right: 10px; margin: 10px 36px; } .poster-item .nextQuotes span { float: right; width: 12px; height: 11px; background: url(../img/C_creating.png) no-repeat 0 0; transform: rotate(180deg); } .poster-item .C_creating-quotations-body { height: 220px; line-height: 36px; color: #333; font-family: "SimSun"; letter-spacing: 2px; margin: 0 36px; word-wrap: break-word; font-size: 28px; overflow: hidden; } .poster-item .C_creating-quotations-author { width: 81.3%; max-height: 75px; line-height: 25px; font-size: 20px; color: #666; padding-right: 10px; margin: 15px 36px 10px; text-align: right; overflow: hidden; display: flex; justify-content: space-between; } .poster-item .C_creating-quotations-author span { min-width: 40px; height: 1px; background-color: #ccc; margin-top: 13px; flex: 1; } .poster-item .C_creating-quotations-author em { max-width: 310px; padding-left: 10px; background-color: #fff; } .poster-item .Futitle { max-height: 68px; line-height: 17px; padding: 0 46px 0 36px; text-align: right; color: #666; word-wrap: break-word; overflow: hidden; } .C_creating-quotations-time { position: absolute; left: 50%; bottom: 50px; width: 140px; height: 50px; margin-left: -70px; } .C_creating-quotations-time .C_day { float: left; height: 50px; line-height: 50px; font-size: 66px; color: #d0d0d0; font-family: 'SimSun'; } .C_creating-quotations-time .C_right { float: right; width: 56px; height: 50px; } .C_creating-quotations-time .C_right .C_month { float: left; width: 56px; height: 28px; font-size: 20px; color: #d0d0d0; text-align: center; font-family: 'SimSun'; } .C_creating-quotations-time .C_right .C_year { float: left; width: 56px; height: 20px; border-radius: 3px; line-height: 20px; text-align: center; background: #ccc; font-size: 12px; color: white; } .C_creating-card-bottom { position: absolute; left: 0; bottom: -70px; height: 18px; padding-left: 60px; display: none; } .C_creating-card-bottom > div { position: relative; float: left; width: 92px; height: 18px; line-height: 18px; cursor: pointer; } .C_creating-card-bottom > div span { float: left; width: 20px; height: 18px; margin-right: 6px; background: url(../img/C_creating.png) no-repeat 0 -53px; } .C_creating-card-bottom > div strong { float: left; height: 18px; line-height: 18px; } .C_creating-card-bottom > div .tishi { position: absolute; left: -45px; bottom: 25px; width: 100px; padding: 3px; border: 1px solid #ccc; border-radius: 3px; background-color: white; text-align: center; display: none; } .C_creating-card-bottom > div .tishi em { position: absolute; left: 50px; bottom: -3px; width: 3px; height: 3px; border: 1px solid #ccc; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; } .C_creating-card-bottom > div .erweima { position: absolute; left: -40px; bottom: 28px; width: 80px; height: 80px; border: 1px solid #ddd; border-radius: 3px; background-color: white; display: none; z-index: 99; } .C_creating-card-bottom > div .erweima div { position: absolute; left: 40px; bottom: -6px; width: 10px; height: 10px; border: 1px solid #ccc; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; } .C_creating-card-bottom > div .erweima img { width: 80px; height: 80px; } .C_creating-card-bottom > div .active { background-position-x: -28px !important; } .C_creating-card-bottom > div:hover { color: #f66; } .C_creating-card-bottom > div:hover .C_creating-pic { background-position-x: -28px; } .C_creating-card-bottom > div:hover .erweima { display: block; } .C_creating-card-bottom div:nth-of-type(2) span { background-position: 0 -13px; } .C_creating-card-bottom div:nth-of-type(3) span { background-position: 0 -33px; } .C_creating-card-bottom div:nth-of-type(4) span { background-position: 0 -74px; } /*璇勮鍖?/ .comment { width: 1000px; border-top: 3px solid #eee; margin: 0 auto; padding-top: 35px; padding-bottom: 30px; } .writeReviews h4 { line-height: 25px; font-size: 16px; font-weight: bold; } .writeReviews .subscriber { float: left; padding-top: 30px; } .writeReviews .subscriber a { display: block; } .writeReviews .subscriber a img { width: 50px; height: 50px; border-radius: 50%; } .writeReviews .subName { float: left; width: 80px; margin-right: 20px; overflow: hidden; text-align: center; } .writeReviews .subName div { max-height: 32px; margin-top: 10px; line-height: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .writeReviews p { float: left; width: 900px; } .writeReviews textarea { float: left; width: 668px; resize: none; height: 88px; line-height: 20px; border: 1px solid #eee; border-radius: 4px; padding: 5px 15px; margin-bottom: 20px; } .writeReviews button { float: left; width: 80px; height: 30px; color: #fff; background: #ff636b; border-radius: 4px; margin-top: 30px; margin-left: 50px; border: none; } .Cthepic { float: left; width: 80px; text-align: center; margin-right: 20px; padding-top: 30px; } .Cthepic img { width: 50px; height: 50px; border-radius: 50%; } .Cthetext { float: left; width: 700px; padding: 30px 0; border-bottom: 1px solid #eee; } .Cthetext h4 { padding-bottom: 10px; } .Cthetext h4 span { font-weight: bold; padding-right: 5px; } .Cthetext h4 em { font-size: 12px; color: #999; } .Cartio { padding-left: 20px; padding-bottom: 0; margin-bottom: 10px; color: #999; background: url(../img/leyig.png) no-repeat left top; } .Cartio span { color: #666; padding-right: 10px; } .commentBody { padding-bottom: 10px; } .Cbot { font-size: 12px; } .Cbot time { color: #999; } .Cbot div { float: right; cursor: pointer; line-height: 25px; } .Cbot div span { float: left; width: 16px; height: 16px; margin: 5px 10px 0 25px; } .Cbot div em { float: left; } .Cbot div strong { color: #f66; } .Cbot div .dzNum2 { float: left; width: 16px; height: 16px; margin: 5px 10px 0 25px; background-position-x: -148px; } .Cdm span { background: url(../img/atc2.png) no-repeat; background-position: -122px 0; } .Cpm span { background: url(../img/atc2.png) no-repeat; background-position: -200px 0; } .Cretus { position: relative; padding-top: 10px; display: none; } .Cretus textarea { width: 678px; height: 88px; padding: 5px 10px; resize: none; border-radius: 3px; border: 1px solid #eee; } .Cretus button { position: absolute; right: -130px; top: 50px; width: 80px; height: 30px; border-radius: 4px; border: none; background: #ff636b; color: #fff; } .Ctips { position: fixed; top: 50%; left: 48%; background: #F90; padding: 5px 15px; color: #fff; border-radius: 5px; border: 2px solid #f2f2f2; z-index: 99999; display: none; } .Cmore { display: block; width: 698px; height: 28px; border: 1px solid #eee; text-align: center; line-height: 28px; letter-spacing: 5px; margin-left: 100px; } @media screen and (max-height: 768px) { .C_creating-card-middle { height: 562px; } .poster-item { width: 312px; height: 468px; background-size: 17px 75px; } .poster-item .prevQuotes { margin: 94px 26px 10px; } .poster-item .C_creating-quotations-body { height: 150px; line-height: 20px; font-size: 14px; margin: 0 26px; font-weight: normal; letter-spacing: 2px; } .poster-item .nextQuotes { margin: 10px 26px; } .poster-item .C_creating-quotations-author { margin: 0 26px 10px; line-height: 16px; font-size: 12px; } .poster-item .Futitle { height: 30px; line-height: 15px; padding: 0 26px; font-size: 12px; } .C_creating-card-bottom { bottom: -50px; padding-left: 42px; } .C_creating-card-bottom > div { width: 67px; font-size: 12px; } } /* 鍒涜褰曞垪琛?1 */ .C_Quotation { width: 1200px; margin: 0 auto; background-color: #fff; } .C_Quotation-list { border-left: 1px solid #eee; padding: 0 80px 0 0; margin-left: 50px; margin-top: 28px; } .C_Quotation-list li { border-bottom: 1px dashed #ddd; margin-left: 48px; padding-bottom: 20px; cursor: pointer; } .C_Quotation-list li .releaseTime { height: 62px; line-height: 62px; margin-left: -67px; background-color: #fff; color: #f66; } .C_Quotation-list li .quotation-title { position: relative; line-height: 28px; margin-top: 12px; font-size: 24px; } .C_Quotation-list li .quotation-title div { position: absolute; left: -51px; top: 12px; width: 5px; height: 5px; background-color: #ddd; border-radius: 3px; } .C_Quotation-list li:last-child { border-bottom: none; } .C_Quotation-list li:hover .quotation-title { color: #f66; } .C_Quotation-list li:hover .quotation-right { display: block; } .quotation-bottom { margin-top: 25px; } .quotation-bottom .quotation-author { float: left; height: 34px; line-height: 34px; width: 710px; color: #666; } .quotation-bottom .quotation-author div { float: left; width: 60px; height: 1px; background-color: #e2e2e2; margin-top: 16px; margin-right: 10px; } .futitle { float: left; min-width: 315px; max-width: 710px; height: 34px; line-height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #aaa; } .quotation-right { float: right; display: none; } .quotation-right li { position: relative; float: left; height: 34px; line-height: 34px; border-bottom: none; margin-left: 35px; padding: 0; } .quotation-right li .C_creating-pic { float: left; width: 20px; height: 18px; background: url(../img/C_creating.png) no-repeat 0 -53px; margin-right: 8px; margin-top: 6px; } .quotation-right li .active { background-position-x: -28px !important; } .quotation-right li:nth-of-type(2) .C_creating-pic { background-position: 0 -11px; } .quotation-right li:nth-of-type(3) .C_creating-pic { background-position: 0 -31px; } .quotation-right li:nth-of-type(4) .C_creating-pic { background-position: 0 -72px; } .quotation-right li:hover { color: #f66; } .quotation-right li:hover .quotation-title { color: #f66; } .quotation-right li:hover .C_creating-pic { background-position-x: -28px; } .quotation-right li .tishi { position: absolute; left: -45px; bottom: 52px; width: 100px; display: none; padding: 3px; border: 1px solid #ccc; border-radius: 3px; background-color: white; text-align: center; line-height: normal; } .quotation-right li .tishi span { position: absolute; left: 50px; bottom: -3px; width: 3px; height: 3px; border: 1px solid #ccc; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; color: #ccc !important; } .quotation-right li .erweima { position: absolute; left: -36px; bottom: 25px; width: 80px; height: 80px; border: 1px solid #ddd; border-radius: 3px; background-color: white; display: none; } .quotation-right li .erweima div { position: absolute; left: 36px; bottom: -6px; width: 10px; height: 10px; border: 1px solid #ccc; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; } .quotation-right li .erweima img { width: 80px; height: 80px; } .quotation-right li:hover .erweima { display: block; } .C_bottomBtn { width: 100%; padding: 35px 0 80px; text-align: center; } .C_bottomBtn .viewMore { width: 1068px; height: 28px; line-height: 28px; border: 1px solid #ddd; border-radius: 3px; margin: 0 auto; text-align: center; color: #999; } /* 鍒涜褰曠€戝竷娴佸垪琛 */ .C_article { width: 100%; background-color: #f8f8f8; } .C_pubuliuList { width: 1220px; margin: 27px auto 0; } .C_pubuliuList li { float: left; width: 280px; margin-right: 25px; } .C_Quotations-card { border-radius: 3px; margin-bottom: 30px; padding-top: 40px; background-color: white; color: #31424e; } .C_Quotations-card .C_body { position: relative; width: 240px; line-height: 28px; word-break: break-word; padding: 25px 20px 14px; font-size: 18px; color: #31424e; } .C_Quotations-card .C_body:after { position: absolute; left: -7px; top: -6px; content: '\201c'; width: 60px; height: 60px; line-height: 60px; font-size: 60px; color: #eee; font-family: "SimSun"; } .C_Quotations-card .C_author { position: relative; max-height: 40px; line-height: 20px; padding: 20px 20px 0; margin-bottom: 10px; font-size: 16px; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .C_Quotations-card .C_author:before { position: absolute; left: 20px; top: 0; content: ''; width: 55px; height: 2px; background-color: #cf4141; } .C_Quotations-card .fuTitle { padding: 0 20px; max-height: 32px; line-height: 16px; color: #5e6b73; font-size: 12px; letter-spacing: 0; margin-bottom: 10px; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .C_Quotations-card .time { padding: 0 20px; color: #5e6b73; margin-bottom: 10px; } .C_Quotations-card .C_func { opacity: 0; height: 53px; font-size: 12px; border-top: 1px solid #eee; text-align: center; transition: 0.2s; z-index: 3; } .C_Quotations-card .C_func a { position: relative; display: inline-block; line-height: 53px; color: #666; } .C_Quotations-card .C_func a:after { position: absolute; left: 0; top: 17px; content: ''; width: 20px; height: 18px; background: url(../img/C_creating.png) no-repeat 0 -53px; } .C_Quotations-card .C_func a:hover { color: #f66; } .C_Quotations-card .C_func a:hover:after { background-position-x: -28px; } .C_Quotations-card .C_func .yuanwen2 { width: 33px; padding-left: 26px; margin-right: 20px; } .C_Quotations-card .C_func .CS_dianzan { width: 33px; padding-left: 20px; margin-right: 20px; } .C_Quotations-card .C_func .CS_dianzan:after { background-position-y: -13px; } .C_Quotations-card .C_func .CS_weixin { width: 20px; margin-right: 34px; color: transparent; } .C_Quotations-card .C_func .CS_weixin:after { background-position-y: -74px; } .C_Quotations-card .C_func .CS_weibo { width: 20px; color: transparent; } .C_Quotations-card .C_func .CS_weibo:after { background-position-y: -33px; } .C_Quotations-card .C_func .CS_weixin:hover, .C_Quotations-card .C_func .CS_weibo:hover { color: transparent; } .C_Quotations-card .C_func .active { color: #f66; } .C_Quotations-card .C_func .active:after { background-position-x: -28px; } .C_Quotations-card .C_func .active .tishi { color: #333; } .C_Quotations-card:hover { box-shadow: 0 0 28px #ededed; } .C_Quotations-card:hover .C_func { opacity: 1; height: 53px; } .C_Quotations-card:hover .C_func .tishi { color: #333; } .CS_weixin { position: relative; } .CS_weixin .erweima { position: absolute; left: -33px; bottom: 35px; width: 88px; height: 96px; padding: 5px; border-radius: 3px; background: url(../img/C_creating.png) no-repeat -1px -153px; display: none; } .CS_weixin .erweima img { width: 88px; height: 88px; } .CS_weixin:hover .erweima { display: block; } .CS_dianzan { position: relative; } .CS_dianzan .tishi { position: absolute; left: -24px; bottom: 36px; width: 100px; display: none; padding: 3px; border: 1px solid #ccc; border-radius: 3px; background-color: white; text-align: center; line-height: normal; } .CS_dianzan .tishi span { position: absolute; left: 50px; bottom: -3px; width: 3px; height: 3px; border: 1px solid #ccc; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); background-color: white; } .CS_dianzan .active { background-position-x: -28px !important; } .Plunbox { position: fixed; width: 490px; padding: 25px; left: 50%; top: 50%; margin-left: -250px; margin-top: -200px; background: #fff; border-radius: 3px; box-shadow: 0 0 4px #999; } .Plunbox .pltion { position: relative; width: 535px; text-align: center; left: -25px; border-left: 5px solid #f66; font-size: 18px; height: 18px; line-height: 18px; } .Plunbox textarea { margin-top: 20px; resize: none; width: 470px; height: 140px; border-radius: 3px; border: 1px solid #ddd; padding: 10px; line-height: 20px; } .Plunbox textarea::-webkit-scrollbar { width: 5px; } .Plunbox textarea::-webkit-scrollbar-thumb { background-color: #eee; /*婊戝姩鏉¤〃闈?/ border-radius: 4px; /*婊戝姩鏉″渾瑙掑搴?/ } .Plunbox h3 { text-align: center; padding: 15px 0 5px; } .botton1 { border: none; display: inline-block; width: 90px; line-height: 30px; background: #f66; color: #fff; text-align: center; border-radius: 3px; cursor: pointer; } .botton2 { border: none; display: inline-block; width: 90px; line-height: 30px; background: #eee; color: #999; text-align: center; border-radius: 3px; cursor: pointer; margin-right: 5px; } .acselbigs { overflow: hidden; clear: both; } .acselb { position: relative; padding: 15px 0 15px 35px; line-height: 22px; overflow: hidden; border-bottom: 1px dashed #eee; font-size: 12px; } .acselb .spys { color: #ccc; position: absolute; left: 0; top: 18px; } .sptime { overflow: hidden; } .sptime p { float: left; overflow: hidden; } .sptime a { float: left; line-height: 22px; padding: 0 20px; } .sptime a:hover { color: #f66; } .sptime .yesvn { color: #f66; } .sptime input[type=text] { width: 80px; padding: 0 5px; height: 20px; line-height: 20px; border: 1px solid #ccc; border-radius: 4px; } .sptime button { float: left; margin-left: 20px; border: 1px solid #f66; color: #f66; font-size: 12px; line-height: 20px; padding: 0 8px; border-radius: 3px; cursor: pointer; background: #fff; } .sptime input[type=checkbox] { vertical-align: middle; margin-right: 5px; } .sptime input[type=checkbox] + label { margin-right: 20px; } .aecitys { width: 594px; float: left; height: 22px; padding-left: 66px; position: relative; } .aecitys .allcity { position: absolute; left: 0; top: 0; } .aecimore { width: 50px; float: right; cursor: pointer; height: 22px; line-height: 22px; } .aecimore s { float: right; width: 20px; height: 20px; background: url(../img/skin_icons1.png) no-repeat 0 2px; } .aecimore.hovsts s { background: url(../img/skin_icons1.png) no-repeat -29px 2px; } .Fvcitys { overflow: hidden; padding: 25px 0 15px 0; border-bottom: 1px solid #efefef; margin-bottom: 20px; } .Fvcitys .Fvle { float: left; font-size: 24px; color: #f66; position: relative; top: -5px; } .Fvcitys .Fvle span { float: left; width: 17px; height: 24px; margin-right: 10px; background: url(../img/adder1.png) no-repeat; background-size: 100%; } .Fvcitys .Fvrig { float: right; } .Fvcitys .Fvsci { float: left; } .Fvcitys .Fvsci a { float: left; margin: 0 10px; position: relative; } .Fvcitys .Fvsci a em { display: inline-block; width: 12px; height: 12px; background: url(../img/collection3.png) no-repeat; background-size: 100%; position: absolute; top: 0px; right: -5px; } .Fvcitys .Fvsci a:hover { color: #f66; } .Fvcitys .Fvsci .yes { color: #f66; } .Fvcitys .Fvszk { float: right; font-size: 12px; line-height: 20px; height: 20px; padding: 0 10px; color: #666; background: #f8f8f8; position: relative; top: 3px; border-radius: 2px; cursor: pointer; } .Fvcitys .Fvszk em { display: inline-block; width: 15px; height: 15px; background: url(../img/skin_icons1.png) no-repeat -4px 0; position: relative; top: 2px; left: 3px; } .Fvcitys .Fvyes em { background: url(../img/skin_icons1.png) no-repeat -32px 0; } .Fvallcy { padding: 15px 10px; border: 1px solid #efefef; border-radius: 3px; border-top: 0; position: relative; top: -20px; display: none; } .Fvallcy .Fvboxg { max-height: 140px; overflow: auto; } .Fvallcy .Fvboxg::-webkit-scrollbar { width: 5px; } .Fvallcy .Fvboxg::-webkit-scrollbar-thumb { background-color: #eee; border-radius: 4px; } .Fvallcy li { position: relative; padding: 0 0 10px 60px; overflow: hidden; } .Fvallcy li span { position: absolute; left: 0; top: 0; width: 60px; text-align: right; font-weight: bold; } .Fvallcy li a { float: left; border-radius: 3px; color: #666; padding: 0 10px; height: 25px; line-height: 25px; } .Fvallcy li a:hover { background: #f66; color: #fff; } .Fvallcy li .yes { background: #f66; color: #fff; } .Fhlist { overflow: hidden; border-bottom: 1px solid #eee; padding: 30px 0 20px 0; } .Fhlist span { font-weight: bold; float: left; margin-bottom: 5px; } .Fhlist a { float: left; height: 30px; line-height: 30px; padding: 0 7px; border-radius: 3px; margin-right: 10px; margin-bottom: 5px; } .Fhlist a:hover { background: #f66; color: #fff; } .Fhlist .yes { background: #f66; color: #fff; } .crumbs { width: 1200px; height: 25px; margin: 20px auto 0; } .N-activzt { position: relative; width: 100%; height: 260px; } .N-activzt .N-actpic { width: 100%; height: 100%; border-radius: 3px; } .N-activzt .N-actpic img { width: 100%; height: 100%; border-radius: 3px; } .N-activzt .maskMsg { position: absolute; left: 70px; top: 0; width: 215px; height: 203px; padding: 57px 30px 0; background-color: rgba(0, 0, 0, 0.8); z-index: 2; } .N-activzt .maskMsg h1 { position: relative; margin-bottom: 15px; } .N-activzt .maskMsg h1 a { width: 100%; line-height: 25px; max-height: 75px; font-size: 18px; color: #fff; word-break: break-word; letter-spacing: 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .N-activzt .maskMsg h1:hover { color: #f66; } .N-activzt .maskMsg h1:before { position: absolute; left: 1px; top: -17px; content: ''; width: 20px; height: 4px; background-color: #f66; z-index: 8; } .N-activzt .N-wrap { position: relative; margin-bottom: 10px; line-height: 18px; font-size: 12px; color: #ccc; } .N-activzt .N-wrap span { float: left; color: #ccc; } .N-activzt .N-wrap .N-time { display: block; position: relative; padding-left: 20px; color: #ccc; } .N-activzt .N-wrap .N-time:before { position: absolute; left: 0; top: 3px; content: ''; width: 13px; height: 13px; background: url(../img/time.png) no-repeat; } .N-activzt .N-wrap .N-adder { position: relative; padding-left: 20px; width: 150px; max-height: 54px; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .N-activzt .N-wrap .N-adder:before { position: absolute; left: 0; top: 2px; content: ''; width: 12px; height: 14px; background: url(../img/cdsc.png) no-repeat -4px 0; } .N-activzt .N-wrap .quMap { float: left; width: 45px; text-align: center; text-decoration: underline; color: #f66; } .N-activzt .N-wrap .qyname { float: left; margin-right: 20px; } .N-activzt .N-wrap .qyname img { width: 14px; height: 14px; border: 1px solid #ddd; border-radius: 2px; margin-right: 10px; } .N-activzt .N-wrap .qyname:hover { color: #f66; } .N-activzt .N-wrap .contacts { float: left; position: relative; color: #f66; text-decoration: underline; } .N-activzt .maskMsg2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; text-align: center; } .N-activzt .table-cell { display: table-cell; width: 1100px; height: 260px; padding: 0 50px; vertical-align: middle; color: #fff; } .N-activzt .table-cell h1 { padding-bottom: 6px; line-height: 40px; font-size: 30px; } .N-activzt .table-cell p { line-height: 36px; font-size: 14px; } .N-activzt .table-cell .N-time { position: relative; padding: 0 30px 0 24px; } .N-activzt .table-cell .N-time:before { position: absolute; left: 0; top: 3px; content: ''; width: 13px; height: 13px; background: url(../img/time.png) no-repeat; } .N-activzt .table-cell .N-adder { position: relative; padding: 0 12px 0 24px; } .N-activzt .table-cell .N-adder:before { position: absolute; left: 0; top: 2px; content: ''; width: 12px; height: 14px; background: url(../img/cdsc.png) no-repeat -4px 0; } .N-activzt .table-cell .quMap { text-decoration: underline; color: #f66; } /* 2018-01-25 */ .cancelhd { height: 247px; margin-top: 20px; text-align: center; } .cancelhd img { margin: 12px auto 24px; max-width: 100%; max-height: 100%; } .cancelhd h2 { letter-spacing: 2px; line-height: 28px; font-size: 20px; } .cancelhd p { line-height: 22px; font-size: 14px; color: #666; } .NpadL { padding-left: 30px; } .wrapper .A_more { width: 720px; } .wrapper .A_thetext time { float: right; font-size: 12px; color: #999; } .paddingLR-40 { padding: 0 40px; } .margin-bot-80 { margin-bottom: 80px; } .mainL { float: left; width: 780px; background-color: #fff; } .mainL .A_activle { width: 100%; padding: 0; } .mainL .A_actext { padding: 0; border: none; } .mainL .A_actext .A_ctes { width: 100%; } .mainL .A_actext .A_ctes .A_contxt { padding-bottom: 15px; } .mainL .title { position: relative; height: 36px; line-height: 36px; padding-left: 15px; font-size: 16px; font-weight: 600; color: #333; } .mainL .title:before { position: absolute; left: 0; top: 10px; content: ''; width: 4px; height: 16px; background-color: #f66; } .mainL .A_contxt h2, .mainL .A_contxt p { text-indent: 2em; } .mainR { float: right; width: 300px; } .activity-title { height: 44px; padding-top: 10px; border-bottom: 2px solid #eee; margin-bottom: 20px; } .left-title { float: left; } .left-title a { float: left; margin-right: 50px; line-height: 43px; border-bottom: 4px solid transparent; } .left-title a:hover { border-color: #f66; } .left-title .current { border-color: #f66; } .right-func { float: right; width: 390px; height: 44px; line-height: 40px; } .right-func .fx { float: left; } .right-func .fx span { float: left; margin-right: 5px; font-size: 12px; color: #999; } .right-func .fx a { float: left; width: 26px; height: 26px; margin: 6px 5px 8px; border-radius: 50%; } .right-func .fx a:hover { animation: zoomInout 600ms ease; -o-animation: zoomInout 600ms ease; -ms-animation: zoomInout 600ms ease; -moz-animation: zoomInout 600ms ease; -webkit-animation: zoomInout 600ms ease; } .right-func .fx .wx { background: url(../img/atc1.jpg) no-repeat; background-size: 100%; } .right-func .fx .wb { background: url(../img/atc1.jpg) no-repeat 0 -39px; background-size: 100%; } .right-func .fx .qq { background: url(../img/atc1.jpg) no-repeat 0 -156px; background-size: 100%; } .zhanwei { height: 66px; display: none; } .collection { float: left; width: 88px; height: 28px; border: 1px solid #ccc; line-height: 28px; margin: 4px 0 6px 16px; border-radius: 3px; text-align: center; } .collection a { position: relative; padding-left: 20px; font-size: 13px; color: #666; } .collection a:before { position: absolute; left: 0; top: 2px; content: ''; width: 14px; height: 14px; background: url(../img/collection4.png) no-repeat; background-size: 100%; } .collection a:hover { color: #f66; } .collection a:hover:before { background-position-y: -21px; } .signUp { float: right; width: 120px; height: 30px; margin-top: 4px; margin-left: 10px; line-height: 30px; border-radius: 3px; font-size: 13px; text-align: center; background-color: #f66; color: #fff; } .signEnd { float: right; width: 120px; height: 30px; margin-top: 4px; margin-left: 10px; line-height: 30px; border-radius: 3px; font-size: 13px; text-align: center; background-color: #ccc; color: #666; } .ycollection { float: left; width: 88px; height: 28px; border: 1px solid #ccc; line-height: 28px; margin: 4px 0 6px 16px; border-radius: 3px; text-align: center; } .ycollection a { position: relative; padding-left: 20px; font-size: 13px; color: #f66; } .ycollection a:before { position: absolute; left: 0; top: 2px; content: ''; width: 14px; height: 14px; background: url(../img/collection4.png) no-repeat 0 -21px; background-size: 100%; } .N-item { padding-top: 1px; } .N-item ul { padding-bottom: 10px; } .N-item h4 { position: relative; height: 16px; line-height: 16px; padding-left: 10px; margin: 10px 0; border-left: 4px solid #f66; font-size: 16px; font-weight: bold; letter-spacing: 2px; } .N-item h4 a { float: right; width: 40px; height: 20px; line-height: 20px; margin-top: -2px; background-color: #f8f8f8; border-radius: 3px; text-align: center; font-size: 12px; font-weight: normal; color: #999; } .N-item h4 em { color: #f66; } .N-item .N-gs { padding: 8px 0 14px; } .N-item .N-gs h5 { height: 40px; line-height: 40px; margin-bottom: 10px; } .N-item .N-gs .gslogo { float: left; } .N-item .N-gs .gslogo img { float: left; width: 38px; height: 38px; margin-right: 20px; border: 1px solid #eee; } .N-item .N-gs .gslogo span { float: left; width: 170px; height: 40px; line-height: 40px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .N-item .N-gs .gz { float: right; width: 48px; height: 18px; line-height: 18px; margin: 10px 0 10px; border: 1px solid #eee; border-radius: 3px; text-align: center; font-size: 12px; color: #f66; } .N-item .N-gs .ygz { color: #999; } .N-item .N-gs p { line-height: 24px; font-size: 14px; color: #666; } .N-item .N-gs p em { color: #999; } .N-item .N-activity { padding: 10px 0; } .N-item .N-activity .padding-left-112 { position: relative; padding-left: 112px; } .N-item .N-activity .padding-left-112 .pictrue { position: absolute; left: 0; top: 0; width: 100px; height: 60px; border-radius: 3px; overflow: hidden; } .N-item .N-activity .Atitle { width: 100%; padding-top: 2px; } .N-item .N-activity .Atitle h6 { max-height: 36px; line-height: 18px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .N-item .N-activity .Atitle h6:hover { color: #f66; } .N-item .N-activity .Atitle p { height: 22px; } .N-item .N-activity .Atitle time { position: relative; display: inline-block; padding-left: 18px; height: 22px; margin-right: 30px; line-height: 30px; font-size: 12px; color: #666; letter-spacing: 0; overflow: hidden; } .N-item .N-activity .Atitle time:before { position: absolute; left: 0; top: 9px; content: ''; width: 12px; height: 12px; background: url(../img/time.png) no-repeat; } .N-item .N-activity .Atitle span { display: inline-block; height: 22px; margin-right: 30px; line-height: 30px; font-size: 12px; color: #666; } .N-item .N-activity .Atitle em { position: relative; display: inline-block; height: 22px; padding-left: 18px; line-height: 30px; font-size: 12px; color: #666; } .N-item .N-activity .Atitle em:before { position: absolute; left: 0; top: 8px; content: ''; width: 12px; height: 14px; background: url(../img/cdsc.png) no-repeat -3px 0; } .N-item .first { padding-top: 10px; } .N-item .first .pictrue { position: relative; width: 298px; height: 184px; border: 1px solid #eee; border-bottom: none; border-radius: 3px 3px 0 0; overflow: hidden; } .N-item .first .pictrue img { width: 100%; height: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .N-item .first .pictrue a { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /*IE9鏄剧ず杩欐潯*/ background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6 - 15 */ background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */ } .N-item .first .pictrue span { position: absolute; left: 0; bottom: 0; padding: 10px 20px; max-height: 44px; line-height: 22px; font-size: 16px; color: #fff; letter-spacing: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .N-item .first .pictrue span:before { position: absolute; left: 20px; top: 0; content: ''; width: 16px; height: 3px; background-color: #f66; } .N-item .first .pictrue span:hover { color: #f66; } .N-item .first .pictrue:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .N-item .first p { padding: 10px 20px 6px 20px; border: 1px solid #eee; border-top: none; border-radius: 0 0 3px 3px; } .N-item .first p time { position: relative; display: block; padding-left: 24px; font-size: 12px; color: #666; } .N-item .first p time:before { position: absolute; left: 0; top: 6px; content: ''; width: 13px; height: 13px; background: url(../img/time.png) no-repeat; background-size: 100%; } .N-item .first p span { position: relative; display: block; width: 234px; padding-left: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #666; } .N-item .first p span:before { position: absolute; left: 0; top: 6px; content: ''; width: 12px; height: 14px; background: url(../img/cdsc.png) no-repeat -3px 0; } .N-item .commentNqu textarea { width: 222px; } .N-item .S_arigpags { margin-top: -15px; } .N-item .lgList { position: relative; padding-top: 1px; margin-left: 38px; padding-left: 24px; padding-bottom: 20px; border-left: 2px solid #eee; } .N-item .lgList li { position: relative; width: 100%; height: 30px; line-height: 30px; padding: 10px 0; } .N-item .lgList li a { float: left; } .N-item .lgList li img { width: 30px; height: 30px; border-radius: 50%; } .N-item .lgList li:before { position: absolute; left: -28px; top: 23px; content: ''; width: 6px; height: 6px; background-color: #eee; border-radius: 50%; } .N-item .lgList:before { position: absolute; left: -2px; top: 0; content: ''; width: 2px; height: 20px; background-color: #fff; } .N-item .lgList time { position: absolute; left: -64px; top: 10px; width: 32px; font-size: 12px; color: #666; text-align: right; letter-spacing: 0; } .N-item .lgList span { float: left; margin-left: 10px; font-size: 12px; color: #666; } .N-item .lgList .today a { margin-right: 20px; } .N-item .lgList .today time { font-size: 16px; } .N-item .lgList .today em { float: left; margin-left: -10px; } .N-item .yesterday { padding-left: 30px; font-size: 12px; color: #666; } .hotping { margin-bottom: 20px; padding-top: 0 !important; } .hotping .commentrent { top: 0; width: 40px; } .hotping .commentrent em { display: block; margin-top: 10px; margin-left: -5px; line-height: 14px; font-size: 12px; color: #333; text-align: center; } .hotping .Nthetext { border: none; padding: 18px 20px 10px; background-color: #f8f8f8; } .hotping .Nthetext .dot { max-height: none; } .hotping .Nthetext .HFdot { position: relative; padding-left: 18px; margin-bottom: 6px; font-size: 12px; line-height: 18px; color: #999; } .hotping .Nthetext .HFdot em { color: #666; } .hotping .Nthetext .HFdot:before { position: absolute; left: 0; top: 4px; content: ''; width: 11px; height: 10px; background: url(../img/C_creating.png) no-repeat -1px -1px; } .hotping .Nbot { height: 32px; line-height: 32px; } .hotping .Nbot time { font-size: 12px; color: #999; } .hotping .Nretus { width: 100%; } .hotping .Nretus textarea { width: auto; } .NactTitle { height: 56px; padding-top: 10px; line-height: 56px; } .NactTitle span { position: relative; float: left; padding-left: 12px; font-size: 16px; font-weight: bold; } .NactTitle span:before { position: absolute; left: 0; top: 20px; content: ''; width: 4px; height: 16px; background-color: #f66; } .NactTitle a { float: right; width: 40px; height: 20px; margin-top: 20px; line-height: 20px; background-color: #f8f8f8; border-radius: 3px; font-size: 12px; color: #bbb; text-align: center; } .act-wrap { width: 100%; overflow: hidden; } .act-wrap ul { width: 1218px; } .act-wrap ul li { float: left; margin-right: 20px; border: 1px solid #eee; border-radius: 3px; } .act-wrap .pictrue-wrap { position: relative; width: 384px; height: 240px; border-radius: 4px 4px 0 0; overflow: hidden; } .act-wrap .pictrue-wrap span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; display: none; } .act-wrap .pictrue-wrap span em { position: absolute; left: 50%; top: 50%; width: 55px; height: 55px; margin: -28px 0 0 -28px; background: url(../img/whiteplay.png) no-repeat; } .act-wrap .pictrue-wrap img { width: 100%; height: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .act-wrap .pictrue-wrap:hover span { display: block; } .act-wrap .pictrue-wrap:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .act-wrap .title-wrap { padding: 10px 20px; } .act-wrap .title-wrap h6 { width: 344px; height: 48px; line-height: 24px; font-size: 18px; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .act-wrap .title-wrap h6:hover { color: #f66; } .act-wrap .title-wrap p { height: 24px; line-height: 24px; font-size: 12px; color: #666; } .act-wrap .title-wrap p time { position: relative; display: block; padding-left: 24px; } .act-wrap .title-wrap p time:before { position: absolute; left: 0; top: 6px; content: ''; width: 13px; height: 13px; background: url(../img/time.png) no-repeat; background-size: 100%; } .act-wrap .title-wrap p em { position: relative; width: 214px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 24px; } .act-wrap .title-wrap p em:before { position: absolute; left: 0; top: 5px; content: ''; width: 12px; height: 14px; background: url(../img/cdsc.png) no-repeat -3px 0; } .act-wrap ol { width: 1224px; } .act-wrap ol li { float: left; margin-right: 26px; border: 1px solid #eee; border-radius: 3px; } .act-wrap .zx-wrap { position: relative; width: 278px; height: 174px; border-radius: 4px 4px 0 0; overflow: hidden; } .act-wrap .zx-wrap img { width: 100%; height: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .act-wrap .zx-wrap a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .act-wrap .zx-wrap h6 { position: absolute; left: 0; bottom: 0; padding: 15px; height: 36px; line-height: 18px; font-size: 14px; color: #fff; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .act-wrap .zx-wrap h6:hover { color: #f66; } .act-wrap .zx-wrap:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .livePic { position: relative; padding-top: 10px; overflow: hidden; } .livePic .fristLivepic { float: left; width: 520px; height: 315px; overflow: hidden; border-radius: 3px 0 0 3px; } .livePic .fristLivepic img { width: 100%; height: 100%; } .livePic .livePictrue { float: right; width: 255px; height: 315px; overflow: hidden; border-radius: 0 3px 3px 0; } .livePic .livePictrue img { float: left; width: 100%; height: 155px; margin-bottom: 5px; } .livePic .masked { position: absolute; left: 0; height: 0; width: 100%; height: 315px; background-color: rgba(0, 0, 0, 0.5); display: none; } .livePic .masked a { display: table-cell; width: 780px; height: 315px; line-height: 30px; vertical-align: middle; text-align: center; } .livePic .masked a em { display: inline-block; height: 30px; padding-left: 37px; background: url(../img/pictrue.png) no-repeat; font-size: 24px; color: #fff; font-weight: 100; } .livePic:hover .masked { display: block; } .liveContent { padding: 24px 0 20px; overflow: hidden; } .liveContent ul { padding-left: 14px; padding-bottom: 24px; margin-left: 5px; border-left: 1px solid #eee; } .liveContent ul li { width: 100%; margin-bottom: 20px; } .liveContent ul li h2 { min-height: 36px; line-height: 34px; font-size: 18px; } .liveContent ul li p { line-height: 24px; } .liveContent .deta { position: relative; line-height: 24px; font-size: 12px; color: #999; } .liveContent .deta:before { position: absolute; left: -20px; top: 0; content: ''; width: 12px; height: 12px; padding: 6px 0 4px; background: url(../img/time.png) no-repeat 0 6px #ffffff; } .liveContent .current { color: #f66; } .liveContent .pictrue { width: 770px; padding: 10px 0 5px; } .liveContent .pictrue img { max-width: 375px; max-height: 234px; border-radius: 3px; margin-right: 10px; margin-bottom: 10px; } .liveContent .ckMore { float: right; width: 756px; height: 28px; margin-top: -30px; line-height: 28px; border: 1px solid #eee; border-radius: 3px; text-align: center; font-size: 13px; color: #999; cursor: pointer; } .NewsReports { padding-bottom: 40px; } .NewsReports h3 { height: 17px; margin-bottom: 17px; border-bottom: 1px solid #eee; } .NewsReports h3 span { position: relative; top: 10px; float: left; height: 16px; padding: 0 6px; line-height: 16px; border-left: 4px solid #f66; background-color: #fff; font-size: 16px; font-weight: 600; } .NewsWrap { margin-top: -10px; } .NewsWrap ul li { position: relative; min-height: 102px; padding: 30px 0; border-bottom: 1px solid #eee; } .NewsWrap .padding-left-178 { position: relative; padding-left: 178px; min-height: 102px; } .NewsWrap .picture { position: absolute; left: 0; top: 0; width: 158px; height: 100px; border: 1px solid #eee; border-radius: 3px; overflow: hidden; } .NewsWrap .picture img { width: 100%; height: 100%; } .NewsWrap .NewsTitle { position: relative; top: -6px; width: 100%; } .NewsWrap .NewsTitle h4 { width: 100%; line-height: 36px; font-size: 24px; } .NewsWrap .NewsTitle h4:hover { color: #f66; } .NewsWrap .NewsTitle .fsmsg { margin-top: 10px; height: 20px; line-height: 20px; } .NewsWrap .NewsTitle .fsmsg a, .NewsWrap .NewsTitle .fsmsg span, .NewsWrap .NewsTitle .fsmsg em, .NewsWrap .NewsTitle .fsmsg time { float: left; font-size: 12px; color: #666; } .NewsWrap .NewsTitle .fsmsg time { position: relative; padding-left: 25px; } .NewsWrap .NewsTitle .fsmsg time:before { position: absolute; left: 0; top: 2px; content: ''; width: 16px; height: 16px; background: url(../img/atc2.png) no-repeat -174px 0; } .NewsWrap .NewsTitle .source { margin-right: 30px; } .NewsWrap .NewsTitle .source img { float: left; width: 14px; height: 14px; border: 1px solid #eee; border-radius: 2px; margin-top: 2px; margin-right: 10px; } .NewsWrap .NewsTitle .source span { font-size: 12px; color: #666; } .NewsWrap .NewsTitle .reprintMedia { height: 20px; margin-left: 17px; } .NewsWrap .NewsTitle .reprintMedia img { float: left; height: 100%; } .NewsWrap .NewsTitle .dot { width: 20px; height: 20px; border-radius: 50%; margin-left: 20px; background-color: #f5f5f5; text-align: center; } .NewsWrap .A_fie { position: absolute; right: 0; bottom: 30px; width: 30px; height: 60px; } .NewsWrap .A_fie:hover em { background-position: -32px 0; } .NewsWrap .A_fie .bdsharebuttonbox { position: absolute; right: -36px; top: -64px; width: 180px; margin: 0; } .NewsWrap .ckMore { height: 28px; line-height: 28px; border: 1px solid #eee; border-top: none; border-radius: 3px; text-align: center; font-size: 13px; color: #999; cursor: pointer; } .fixed { position: fixed; left: 50%; top: 61px; width: 1120px; margin-left: -600px; height: 46px; border: none; padding: 10px 40px 0; background-color: #fff; box-shadow: 4px 5px 10px #f2f2f2; z-index: 888; } .fixed .activity-title { border: none; } .wrapeer { float: left; width: 800px; padding: 0 30px 30px; margin-top: 20px; background-color: #fff; } .wrapeer h1 { font-weight: normal; } .wrapeer .click { background-position: 0 0; } .wrapeer .A_theof .N-artio { padding: 10px 14px 8px; background: none; background-color: #f8f8f8; color: #f66; } .wrapeer .A_theof .N-artio span { color: #f66; } .wrapeer .A_revie { padding-top: 10px; } .N-wrapper { padding: 1px 20px 25px; background-color: #fff; margin-bottom: 20px; } .N-wrapper h5 { height: 18px; line-height: 18px; margin: 18px 0; padding-left: 10px; border-left: 5px solid #f66; font-size: 16px; color: #333; } .N-wrapper .N-activity { margin-bottom: 10px; } .N-wrapper .N-activity h6 { width: 100%; line-height: 24px; margin-bottom: 3px; font-size: 16px; word-break: break-word; } .N-wrapper .N-activity h6:hover { color: #f66; } .N-wrapper .N-activity p { width: 100%; height: 22px; line-height: 22px; font-size: 12px; color: #666; } .N-wrapper .N-activity time { position: relative; display: inline-block; padding-left: 23px; } .N-wrapper .N-activity time:before { position: absolute; left: 0; top: 5px; content: ''; width: 13px; height: 13px; background: url(../img/atc2.png) no-repeat -347px 0; } .N-wrapper .N-activity span { float: right; color: #999; } .N-wrapper .N-activity div { position: relative; padding-left: 23px; line-height: 22px; font-size: 12px; color: #666; word-break: break-word; } .N-wrapper .N-activity div:before { position: absolute; left: 0; top: 5px; content: ''; width: 12px; height: 14px; background: url(../img/cdsc.png) no-repeat -4px 0; } .dialog-wrap { background-color: rgba(0, 0, 0, 0.3); } .activity_dialog { position: fixed; top: 20%; left: 40%; z-index: 999; background: #fff; border-radius: 5px; } .activity_dialog_main { width: 400px; text-align: center; padding: 40px 0; } .activity_dialog_main .close { position: absolute; right: 20px; top: 15px; color: #666; width: auto; height: auto; background: none; } .activity_dialog_main h4 { font-size: 18px; font-weight: bold; margin-bottom: 40px; border-left: 6px solid #f66; } .activity_dialog_main span { margin-right: 20px; } .activity_dialog_main input { border: 1px solid #ddd; border-radius: 4px; height: 38px; line-height: 38px; margin-bottom: 20px; padding-left: 20px; width: 226px; } .btn-log { display: inline-block; width: 80px; height: 30px; background-color: #f66; border: none; border-radius: 4px; color: #fff; font-size: 14px; line-height: 30px; text-align: center; } .N-theme { position: relative; padding: 50px 50px 50px 150px; background-color: #fff; } .N-theme .Ntheme { position: absolute; left: 25px; top: 10px; width: 38px; padding: 6px 0; border: 1px solid #acb1b4; text-align: center; font-family: "SimSun"; font-size: 24px; color: #333; } .N-theme .Ntheme strong { display: block; color: #acb1b4; font-family: "microsoft yahei"; } .N-theme .floatL { float: left; width: 645px; } .N-theme .NthemeWrap { position: relative; padding-left: 120px; padding-bottom: 20px; border-bottom: 1px solid #f6f6f6; } .N-theme .activtypic { position: absolute; left: 0; top: 0; width: 108px; height: 70px; border: 1px solid #eee; border-radius: 3px; overflow: hidden; } .N-theme .activtypic img { width: 100%; height: 100%; border-radius: 3px; } .N-theme h1 { width: 100%; min-height: 72px; line-height: 36px; font-size: 30px; font-weight: 600; letter-spacing: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .N-theme h1:hover { color: #f66; } .N-theme p { height: 48px; padding-top: 15px; line-height: 24px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .N-theme .floatR { float: right; width: 290px; } .N-theme .Tmsg { position: relative; padding-left: 26px; height: 33px; line-height: 33px; font-size: 14px; color: #999; } .N-theme .Reading { background: url(../img/theme.png) no-repeat 0 11px; } .N-theme .RelatedInfo { background: url(../img/theme.png) no-repeat 0 -22px; } .N-theme .followWith { background: url(../img/theme.png) no-repeat 0 -55px; } .N-theme .followWith em { float: left; margin-right: 27px; } .N-theme .followWith a { float: left; width: 20px; height: 20px; margin: 5px 3px 0 -12px; border: 1px solid #eee; border-radius: 50%; overflow: hidden; } .N-theme .followWith a img { width: 100%; border-radius: 50%; vertical-align: top; } .N-theme .followWith .moregz { text-align: center; line-height: 22px; background-color: #eee; } .N-theme .addgz { margin-top: 20px; } .N-theme .addgz a { display: block; width: 120px; height: 35px; line-height: 35px; background-color: #f66; border-radius: 3px; text-align: center; font-size: 16px; color: #fff; } .N-theme .alreadygz { margin-top: 20px; } .N-theme .alreadygz a { display: block; width: 118px; height: 34px; line-height: 34px; border: 1px solid #eee; background-color: #fff; border-radius: 3px; text-align: center; font-size: 16px; color: #999; } .N-mainL { position: relative; float: left; width: 690px; padding: 0 30px 40px 100px; background-color: #fff; margin-bottom: 80px; } .N-mainL .N-share { position: absolute; left: 30px; top: 40px; width: 40px; } .N-mainL .N-share span { display: block; line-height: 12px; margin-bottom: 20px; font-size: 12px; color: #999; } .N-mainL .N-share a { display: block; height: 40px; margin-bottom: 20px; } .N-mainL .N-share .wx { background: url(../img/atc1.jpg) no-repeat; } .N-mainL .N-share .wb { background: url(../img/atc1.jpg) no-repeat 0 -60px; } .N-mainL .N-share .qq { background: url(../img/atc1.jpg) no-repeat 0 -241px; } .Nwrap { width: 100%; } .Nwrap li { position: relative; padding: 30px 0; border-bottom: 1px solid #eee; } .Nwrap li:hover .sharepic { opacity: 1; } .Nwrap .qyhfa { line-height: 30px; margin-bottom: 10px; } .Nwrap .qyhfa img { width: 28px; height: 28px; border: 1px solid #eee; } .Nwrap .qyhfa span { display: inline-block; padding-left: 10px; } .Nwrap h2 { font-size: 24px; padding-bottom: 15px; line-height: 30px; } .Nwrap h2:hover { color: #f66; } .Nwrap p { width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; margin-bottom: 10px; height: 40px; line-height: 20px; } .Nwrap time { position: relative; float: left; padding-left: 30px; margin-right: 40px; color: #999; } .Nwrap time:before { position: absolute; left: 0; top: 5px; content: ''; width: 17px; height: 17px; background: url(../img/atc2.png) no-repeat; background-position: -174px 0; } .Nwrap em { position: relative; float: left; padding-left: 26px; color: #999; } .Nwrap em:before { position: absolute; left: 0; top: 7px; content: ''; width: 16px; height: 12px; background: url(../img/theme.png) no-repeat; } .Nwrap .sign { padding-top: 5px; padding-left: 30px; background: url(../img/pguan.png) no-repeat 0 10px; color: #999; } .Nwrap .sign a { color: #999; margin-right: 10px; } .Nwrap .sharepic { position: absolute; right: 15px; bottom: 30px; width: 30px; height: 30px; background: url(../img/atc2.png) no-repeat; background-position: -32px 0; opacity: 0; } .Nwrap .sharepic:hover .wrapSharer { display: block; } .Nwrap .wrapSharer { position: absolute; right: -45px; bottom: 0; width: 208px; padding-bottom: 40px; display: none; } .Nwrap .sharerWrap { padding: 18px 0 18px 18px; border: 1px solid #ff636b; position: relative; border-radius: 4px; height: 40px; background: #fff; } .Nwrap .sharerWrap a { display: inline-block; width: 40px; height: 40px; margin: 0; margin-right: 19px; border-radius: 50%; background: url(../img/atc1.jpg) no-repeat; } .Nwrap .sharerWrap .wb { background-position-y: -60px; } .Nwrap .sharerWrap .qq { background-position-y: -241px; } .Nwrap .sharerWrap:before { position: absolute; right: 60px; bottom: -6px; content: ''; width: 8px; height: 8px; background-color: #fff; border-left: 1px solid #f66; border-bottom: 1px solid #f66; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .N-mainR { float: right; width: 320px; padding: 20px; background-color: #fff; } .N-mainR h5 { height: 16px; line-height: 16px; padding-left: 10px; margin: 20px 0; border-left: 5px solid #f66; font-size: 15px; font-weight: 600; } .N-mainR h5 em { display: inline-block; margin-left: 15px; } .commentbox { position: relative; padding: 13px 0 15px 46px; } .commentren { position: absolute; left: 0; top: 13px; } .commentren dt { width: 30px; height: 30px; margin-bottom: 6px; border: 1px solid #eee; border-radius: 50%; overflow: hidden; } .commentren dt img { width: 100%; border: none; } .commentren dd { width: 40px; line-height: 16px; height: 32px; margin-left: -4px; font-size: 12px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .commentrent { position: absolute; left: 0; top: 22px; } .commentrent img { width: 30px; height: 30px; border: 1px solid #eee; border-radius: 50%; overflow: hidden; } .commentNqu { padding-bottom: 15px; } .commentNqu textarea { width: 243px; padding: 8px 15px; height: 68px; margin-bottom: 13px; line-height: 16px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px; resize: none; } .commentNqu button { width: 68px; height: 25px; background-color: #f66; border-radius: 3px; color: #fff; } .commentNqu .A_share { float: right; } .commentNqu .A_share span { float: left; width: auto; height: auto; position: static; } .commentNqu .A_share a { float: left; width: 24px; height: 24px; border-radius: 50%; margin-left: 10px; overflow: hidden; } .commentNqu .A_share .wb:hover { background-position: 0 0; } .commentNqu .A_share .wx:hover { background-position: 0 0; } .commentNqu .A_share .click { background-position: 0 0; } .Ntheof { position: relative; padding: 22px 0 0 45px; } .Ntheof:nth-last-child(2) .Nthetext { border-bottom: none; } .Nthetext { padding-bottom: 10px; border-bottom: 1px solid #ccc; } .Nthetext h6 { margin-bottom: 10px; line-height: 20px; color: #336; } .Nthetext h6 em { color: #333; margin-right: 5px; font-weight: 600; } .Nthetext .dot { width: 100%; max-height: 60px; line-height: 20px; word-break: break-word; color: #666; overflow: hidden; } .Nthetext .hfcomment { width: auto; padding: 5px; margin-top: 10px; color: #f66; background-color: #eee; border-radius: 3px; } .Nthetext .hfcomment > span { float: left; width: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px; } .Nthetext .toggle { float: right; width: 48px; height: 18px; line-height: 18px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px; } .Nthetext .toggle span { position: relative; display: inline-block; margin: 0; padding: 0 17px 0 5px; color: #999; } .Nthetext .toggle .close { display: none; } .Nthetext .open:after { position: absolute; right: 5px; top: 3px; content: ''; width: 6px; height: 6px; border: 1px solid transparent; border-left-color: #999; border-bottom-color: #999; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .Nthetext .close:after { position: absolute; right: 5px; top: 8px; content: ''; width: 6px; height: 6px; border: 1px solid transparent; border-left-color: #999; border-top-color: #999; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .Nthetext .opened { max-height: none; height: auto; } .Nthetext .opened .close { display: inline-block; left: 0; top: 0; width: auto; height: auto; background: none; } .Nthetext .opened .open { display: none; } .Nbot { height: 36px; line-height: 36px; color: #666; } .Nbot .dz { float: right; margin-right: 20px; } .Nbot .dz em { display: inline-block; width: 16px; height: 16px; margin-right: 6px; background: url(../img/C_creating.png) no-repeat 0 -13px; margin-bottom: -2px; } .Nbot .dz:hover { color: #f66; } .Nbot .dz:hover em { background-position-x: -28px; } .Nbot .hfpl { float: right; } .Nbot .hfpl em { display: inline-block; width: 16px; height: 15px; margin-right: 6px; background: url(../img/atc2.png) no-repeat -402px 0; vertical-align: middle; } .Nbot .hfpl:hover { color: #f66; } .Nbot .hfpl:hover em { background-position-x: -122px; } .Nbot .ydz { color: #f66; } .Nbot .ydz em { background-position-x: -28px; } .Nretus { display: none; } .Nretus textarea { width: 200px; padding: 5px 10px; line-height: 16px; font-size: 12px; border-radius: 3px; resize: none; } .Nretus button { float: right; width: 40px; height: 24px; margin-top: 10px; background-color: #f66; font-size: 12px; color: #fff; line-height: 24px; border-radius: 3px; } .Cngbox { width: 265px; float: left; padding: 4px; border: 3px solid #eee; margin-right: 20px; } .Cngbox .Cngyl { margin-bottom: 0; padding: 50px 20px 10px; position: relative; } .Cngbox .Cngyl h6 { color: #999; height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .Cngbox .Cngyl h2 { height: 100px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .Cngbox .Cngyl h4 { text-align: center; position: absolute; width: 100%; top: 15px; left: 0; } .Cngbox .Cngyl h4 span { display: inline-block; height: 14px; line-height: 14px; padding: 0 10px; border-left: 4px solid #ccc; border-right: 4px solid #ccc; color: #666; } .Cnclic { width: 90px; margin: 0; float: right; position: relative; border-right: none; } .Cnclic .Cnmore { height: 303px; border: 1px solid #eee; border-right: 0; } .Cnclic .Cnmore div { width: 20px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #999; color: #666; border-radius: 50%; margin: 125px auto 0; } .Cnclic .Cnmore p { text-align: center; color: #999; line-height: 30px; } .Cnclic .gsmh { position: absolute; width: 5px; height: 300px; background: #fff; right: 0; top: -4px; -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } .Wzlbs { margin: 15px 0; position: relative; padding-left: 100px; min-height: 55px; } .Wzlbs dt { position: absolute; left: 0; border-radius: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 1px 1px 0; } .Wzlbs dt div { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 1px 1px 0; position: relative; } .Wzlbs dt img { display: block; width: 85px; height: 52px; } .Wzlbs dt span { position: absolute; right: 0; bottom: 0; font-size: 12px; letter-spacing: 0; color: #fff; padding: 0 5px; height: 16px; line-height: 16px; background: rgba(0, 0, 0, 0.3); border-radius: 2px; } .Wzlbs dd h3 { line-height: 16px; max-height: 32px; overflow: hidden; } .Wzlbs dd h4 { line-height: 14px; font-size: 12px; color: #999; padding-top: 5px; overflow: hidden; } .Wzlbs dd h4 em { float: left; width: 20px; height: 15px; background: url(../img/atc2.png) no-repeat -286px 1px; margin-right: 5px; } .Xguser { background: #fff; border-radius: 3px; padding: 30px 40px; margin-top: 20px; overflow: hidden; } .Xguser .xiangg { font-size: 16px; height: 16px; line-height: 16px; border-left: 4px solid #f66; padding-left: 10px; font-weight: bold; } .Xguser .xiangg span { color: #f66; padding: 0 5px; } .Uslibox { width: 1152px; padding: 30px 0 10px 0; border-bottom: 1px solid #ccc; } .Uslign { width: 60px; float: left; margin: 0 36px 15px 0; } .Uslign dt { width: 60px; height: 60px; border-radius: 50%; } .Uslign dt img { display: block; width: 100%; height: 100%; border-radius: 50%; } .Uslign dd { height: 32px; font-size: 14px; line-height: 16px; padding-top: 10px; text-align: center; overflow: hidden; } .Compbox { padding: 30px; border-radius: 3px; background: #fff; } .Compbox dl { padding: 0 0 0 150px; position: relative; } .Compbox dl dt { position: absolute; left: 0; top: 0; } .Compbox dl dt img { display: block; width: 130px; height: 130px; } .Compbox dl dd { padding-right: 195px; } .Compbox dl dd h1 { font-size: 24px; line-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Compbox dl dd h2 { line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .Compbox dl dd p { margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Compbox dl dd p em { color: #f66; margin-right: 20px; } .Compbox dl dd span { position: absolute; display: block; width: 120px; height: 36px; line-height: 36px; text-align: center; border-radius: 3px; background: #f66; right: 0; top: 40px; color: #fff; cursor: pointer; } .Compbox dl dd .hasy { background: #ccc; color: #999; } .niudlnew dd .sanzy { overflow: hidden; } .niudlnew dd .sanzy a { float: left; max-width: 110px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 5px; } .niudlnew dd .sanzy i { float: left; width: 42px; font-style: normal; font-size: 12px; background: #ff9934; border-radius: 2px; line-height: 16px; text-align: center; color: #fff; position: relative; top: 5px; } .niudlnew .newdxzj { clear: both; color: #999; font-size: 14px; display: none; } .niudlnew .newdxzj em { color: #666; } .niudlnew .newdxzj h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .TabTitle h1 { line-height: 16px; font-size: 16px; color: #333; font-weight: 600; } .margin-bot-80 { margin-bottom: 80px; } .hdlist { padding-top: 20px; /*2018-01-25*/ } .hdlist li { margin-bottom: 15px; } .hdlist li:hover .hdhead { border-color: #eee; } .hdlist .cancelhd2 { background: url(../img/cancelhd2.png) no-repeat 415px 50px; } .hdhead { height: 29px; line-height: 29px; padding: 0 20px 0 15px; border: 1px solid transparent; border-bottom: none; background-color: #f8f8f8; } .hdhead span, .hdhead time { float: left; font-size: 12px; color: #666; } .hdhead em, .hdhead a { float: right; font-size: 12px; color: #999; } .hdhead a { height: 18px; line-height: 18px; padding: 0 6px; margin-top: 4px; margin-right: 20px; border: 1px solid #ccc; border-radius: 3px; color: #f66; } .hdcontent { padding: 18px 0; border: 1px solid #eee; border-top: none; } .hdcontainer { position: relative; float: left; width: 354px; min-height: 70px; padding: 0 15px 0 142px; } .hdcontainer h2 { width: 100%; margin-bottom: 4px; line-height: 18px; font-size: 14px; } .hdcontainer .time { position: relative; padding-left: 20px; } .hdcontainer .time:before { position: absolute; left: 0; top: 4px; content: ''; width: 12px; height: 12px; background: url(../img/time.png) no-repeat; } .hdcontainer .address { position: relative; padding-left: 20px; line-height: 20px; font-size: 12px; color: #666; } .hdcontainer .address:before { position: absolute; left: 0; top: 3px; content: ''; width: 12px; height: 14px; background: url(../img/cdsc.png) no-repeat -4px 0; } .hdcontacts { float: right; width: 226px; padding: 0 20px; border-left: 1px dashed #eee; } .hdcontacts div { position: relative; padding-left: 28px; line-height: 20px; font-size: 12px; color: #666; } .hdcontacts .hdlxr:before { position: absolute; left: 0; top: 5px; content: ''; width: 10px; height: 12px; background: url(../img/hdcontacts.png) no-repeat; } .hdcontacts .hdtel:before { position: absolute; left: 0; top: 5px; content: ''; width: 13px; height: 12px; background: url(../img/hdcontacts.png) no-repeat 0 -22px; } .hdcontacts .hdgs:before { position: absolute; left: 0; top: 5px; content: ''; width: 11px; height: 11px; background: url(../img/hdcontacts.png) no-repeat 0 -44px; } .hdcontacts .hdpj:before { position: absolute; left: 0; top: 5px; content: ''; width: 13px; height: 9px; background: url(../img/hdcontacts.png) no-repeat 0 -70px; } .padding-left-15 { padding-left: 15px; width: 480px; } .hdpic { position: absolute; left: 15px; top: 0; width: 110px; height: 70px; border: 1px solid #eee; border-radius: 3px; overflow: hidden; } .hdpic img { width: 100%; height: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .hdpic:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .box { position: absolute; left: 50%; top: 50%; width: 496px; padding: 40px; margin-left: -288px; margin-top: -300px; background-color: #fff; border-radius: 5px; z-index: 500; display: none; } .box h3 { margin-bottom: 25px; line-height: 24px; font-size: 24px; text-align: center; letter-spacing: 2px; } .tchuanghd { margin-bottom: 20px; } .tchuanghd .outerFrame { position: relative; width: 352px; min-height: 82px; padding-left: 144px; } .tchuanghd .hdpic { left: 0; width: 128px; height: 80px; } .tchuanghd h2 { width: 100%; margin-bottom: 4px; font-size: 16px; } .tchuanghd h2 a { display: block; width: 100%; height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tchuanghd .time { position: relative; height: auto; padding-left: 20px; line-height: 22px; } .tchuanghd .time:before { position: absolute; left: 0; top: 4px; content: ''; width: 12px; height: 12px; background: url(../img/time.png) no-repeat; } .tchuanghd .address { position: relative; padding-left: 20px; font-size: 12px; color: #666; line-height: 22px; } .tchuanghd .address:before { position: absolute; left: 0; top: 3px; content: ''; width: 12px; height: 14px; background: url(../img/cdsc.png) no-repeat -4px 0; } .signUpMsg { width: 100%; } .signUpMsg input { float: left; width: 100%; height: 36px; border: none; background-color: #fff; } .signUpMsg ul li { float: left; width: 50%; margin-bottom: 10px; overflow: hidden; } .signUpMsg .name:before { position: absolute; left: 0; top: 0; content: ''; width: 36px; height: 36px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px 9px; } .signUpMsg .tel:before { position: absolute; left: 0; top: 0; content: ''; width: 36px; height: 36px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -36px; } .signUpMsg .Code1:before { position: absolute; left: 0; top: 0; content: ''; width: 36px; height: 36px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -174px; } .signUpMsg .gsname:before { position: absolute; left: 0; top: 0; content: ''; width: 36px; height: 36px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -82px; } .signUpMsg .job:before { position: absolute; left: 0; top: 0; content: ''; width: 36px; height: 36px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -128px; } .signUpMsg .wxname:before { position: absolute; left: 0; top: 0; content: ''; width: 36px; height: 36px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -216px; } .submit { height: 36px; margin: 0 auto; line-height: 36px; text-align: center; } .submit input[type=submit] { float: none; width: auto; padding: 0 30px; height: 100%; margin: 0 auto; border: none; border-radius: 3px; text-indent: 0; background-color: #f66; color: #fff; cursor: pointer; letter-spacing: 1px; } .msgTicket { float: left; position: relative; width: 180px; padding-left: 46px; padding-right: 10px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #fff; z-index: 1; } .msgTicket2 { float: left; position: relative; width: 190px; padding-left: 46px; padding-right: 10px; border: 1px solid #e8e8e8; background-color: #fff; border-radius: 3px; overflow: hidden; z-index: 1; } .msgTicket2 .l-captcha { height: 36px; } .Code0 { position: relative; width: 246px; height: 36px; line-height: 36px; border: 1px solid #e8e8e8; border-radius: 3px; overflow: hidden; } .getCode { position: absolute; right: 0; top: 7px; padding: 0 10px; height: 22px; line-height: 22px; border-left: 1px solid #eee; cursor: pointer; } .hdTicketType { margin-bottom: 20px; } .hdTicketType h4 { height: 34px; line-height: 34px; color: #7a7a7a; } .ticketList { padding: 6px 0 20px; border-bottom: 1px dashed #eee; } .ticketList .prev { position: static; float: left; width: 12px; height: 78px; margin-right: 11px; margin-top: 0; background-image: none; } .ticketList .prev a { display: block; height: 100%; background: url(../img/prve-next.png) no-repeat 0 27px; background-size: 100%; } .ticketList .next { position: static; float: left; width: 12px; height: 78px; margin-left: 11px; margin-top: 0; background-image: none; } .ticketList .next a { display: block; height: 100%; background: url(../img/prve-next.png) no-repeat 0 -50px; background-size: 100%; } .ticketbox { float: left; width: 450px; overflow: hidden; } .adminTicket { float: left; margin-right: 1px; } .checked { position: absolute; display: none; } .checked + label { display: block; width: 93px; padding: 5px 5px 3px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; } .checked + label span { width: 100%; line-height: 24px; display: block; text-align: center; color: #333; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .checked + label em { width: 100%; line-height: 22px; display: block; text-align: center; font-size: 12px; color: #ccc; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .checked:checked + label { border-color: #f66; } .checked:checked + label span, .checked:checked + label em { color: #f66; } .zhifu { height: 20px; line-height: 20px; margin-bottom: 20px; } .zhifu p { float: left; color: #7a7a7a; } .zhifu div { float: left; margin-left: 40px; font-size: 12px; color: #333; letter-spacing: 0; } .payment { position: absolute; display: none; } .payment + label { position: relative; display: block; cursor: pointer; vertical-align: middle; padding-left: 50px; } .payment + label:before { position: absolute; left: 0; top: 3px; content: ''; width: 12px; height: 12px; border: 1px solid #eee; border-radius: 50%; } .payment + label:after { position: absolute; display: none; left: 5px; top: 8px; content: ''; width: 4px; height: 4px; background-color: #f66; border-radius: 50%; } .payment:checked + label:after { display: block; } .weChat { background: url(../img/zhifufangshi.png) no-repeat 20px 0; } .alipay { background: url(../img/zhifufangshi.png) no-repeat 20px -47px; } .balance { background: url(../img/zhifufangshi.png) no-repeat 20px -109px; } .width-100 { width: 100%; } .width-100 ol { width: 520px; padding: 0 1px; } .width-100 .adminTicket { margin-right: 25px; } .signUpFail { width: 100%; padding: 10px 0 20px; margin-top: 10px; margin-bottom: 10px; border-radius: 5px; background-color: #f8f8f8; text-align: center; } .signUpFail h4 { width: 270px; height: 60px; line-height: 60px; margin: 0 auto; border-bottom: 1px dashed #ccc; font-size: 24px; font-weight: bold; } .signUpFail h4 span { display: inline-block; width: 33px; height: 33px; margin-right: 15px; background: url(../img/cgsb.png) no-repeat -5px 0; vertical-align: middle; margin-top: -6px; } .signUpFail p { line-height: 46px; font-size: 16px; } .order { padding-bottom: 7px; border-bottom: 1px solid #eee; margin-bottom: 15px; } .order h5 { height: 36px; line-height: 36px; font-size: 16px; color: #666; } .detail { height: 25px; line-height: 25px; color: #666; } .detail span { position: relative; float: left; padding-left: 27px; } .detail span:before { position: absolute; left: 4px; content: ''; } .detail em { float: right; max-width: 92px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .detail .lanxr { margin-right: 20px; } .detail .lanxr:before { top: 5px; width: 14px; height: 15px; background: url(../img/hdxq10.png) no-repeat; background-size: 100%; } .detail .lanxdh:before { top: 5px; width: 14px; height: 15px; background: url(../img/hdxq10.png) no-repeat 0 -60px; background-size: 100%; } .detail .huodgs { max-width: 345px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .detail .huodgs:before { top: 5px; width: 14px; height: 15px; background: url(../img/hdxq10.png) no-repeat 0 -30px; background-size: 100%; } .padbotbor { padding-bottom: 20px; border-bottom: 1px solid #eee; } .signUpSuccess { width: 100%; padding: 10px 0 20px; margin-top: 10px; margin-bottom: 10px; border-radius: 5px; background-color: #f8f8f8; text-align: center; } .signUpSuccess h4 { width: 270px; height: 60px; line-height: 60px; margin: 0 auto; border-bottom: 1px dashed #ccc; font-size: 24px; font-weight: bold; } .signUpSuccess h4 span { display: inline-block; width: 33px; height: 33px; margin-right: 15px; background: url(../img/cgsb.png) no-repeat -6px -60px; vertical-align: middle; margin-top: -5px; } .signUpSuccess p { line-height: 46px; font-size: 16px; } .campaign { position: relative; padding: 25px 20px 18px 83px; background-color: #f8f8f8; border-radius: 5px; } .campaign:before { position: absolute; left: 20px; top: 51px; content: ''; width: 43px; height: 42px; background: url(../img/cgsb.png) no-repeat 0 -180px; } .campaign h6 { width: 100%; line-height: 24px; margin-bottom: 5px; font-size: 16px; letter-spacing: 0; } .campaign p { position: relative; height: 28px; padding-left: 32px; line-height: 28px; } .campaign p:before { position: absolute; left: 0; top: 8px; content: ""; width: 17px; height: 12px; background: url(../img/hdcontacts.png) no-repeat 0 -91px; background-size: 100%; } .campaign div { height: 26px; line-height: 26px; font-size: 12px; color: #f66; letter-spacing: 0; } .campaign span { float: left; } .campaign em { float: right; } .fumoney { height: 58px; line-height: 50px; text-align: right; } .fumoney i { display: inline-block; width: 20px; height: 20px; margin-top: -2px; margin-right: 10px; background: url(../img/zhifufangshi.png) no-repeat; vertical-align: middle; } .fumoney span { font-size: 12px; color: #666; } .fumoney em { padding: 0 5px; font-size: 24px; color: #f66; } .wxfukuan { margin-bottom: 20px; } .wxfukuan .picture { float: left; width: 50%; text-align: center; } .wxfukuan .picture img { width: 118px; margin: 0 auto; } .wxfukuan .wxerwma { float: left; width: 50%; } .wxfukuan .ewmpicture { float: left; padding: 10px; border: 1px solid #dfdfdf; border-radius: 3px 3px 0 0; background-color: #fff; } .wxfukuan .ewmpicture img { width: 140px; height: 140px; } .wxfukuan .saoewm { position: relative; float: left; width: 30px; height: 105px; line-height: 15px; padding: 46px 12px 9px; margin-left: -1px; border: 1px solid #dfdfdf; border-radius: 0 3px 3px 0; font-size: 12px; color: #666; writing-mode: vertical-lr; writing-mode: tb-lr; } .wxfukuan .saoewm:before { position: absolute; left: 15px; top: 10px; content: ''; width: 26px; height: 26px; background: url(../img/cgsb.png) no-repeat -9px -120px; } .wxfukuan .problem { height: 36px; line-height: 18px; text-align: center; color: #666; } .wxfukuan .problem span { display: block; width: 100%; font-size: 12px; } .wxfukuan .problem a { display: block; font-size: 12px; color: #f66; text-decoration: underline; } @media screen and (max-height: 720px) { .box { top: 60%; padding: 20px; } .box h3 { margin-bottom: 10px; } .tchuanghd { margin-bottom: 10px; } .signUpMsg input { height: 28px !important; } .Code0 { height: 28px; } .signUpMsg .name:before { height: 28px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px 4px; } .signUpMsg .tel:before { height: 28px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -40px; } .signUpMsg .Code1:before { height: 28px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -178px; } .signUpMsg .gsname:before { height: 28px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -88px; } .signUpMsg .job:before { height: 28px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -132px; } .signUpMsg .wxname:before { height: 28px; background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -219px; } .hdTicketType { margin-bottom: 10px; } .zhifu { margin-bottom: 10px; } .ticketList { padding-bottom: 10px; } } /* 娲诲姩鐜板満鍥剧墖寮瑰嚭灞 */ .maskBack { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 10000; } .maskBack .close { position: absolute; right: 20px; top: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 60px; color: #fff; font-weight: 100; cursor: pointer; background: none; } .pc-slide { position: absolute; left: 50%; top: 50%; width: 620px; height: 510px; margin: -255px 0 0 -310px; } .pc-slide .swiper-wrapper { position: relative; width: 100%; margin: 0 auto; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .pc-slide .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background-color: #424242; } .pc-slide .swiper-slide div { width: 620px; height: 385px; line-height: 385px; text-align: center; } .pc-slide .swiper-slide div img { max-width: 100%; max-height: 100%; margin: 0 auto; } .pc-slide .swiper-slide p { height: 45px; padding: 0 20px; line-height: 45px; background-color: #333; font-size: 14px; color: #fff; } .pc-slide .swiper-slide p span { float: left; width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pc-slide .swiper-slide p strong { float: right; width: 80px; height: 45px; line-height: 45px; font-size: 24px; font-weight: 100; text-align: right; } .pc-slide .swiper-slide p strong em { font-size: 16px; color: #f66; } .view { position: relative; height: 430px; margin-bottom: 15px; } .view .swiper-container { position: relative; width: 620px; height: 430px; margin: 0 auto; overflow: hidden; } .view .arrow-left { position: absolute; left: -56px; top: 200px; width: 16px; height: 30px; background: url(../img/left-and-right.png) no-repeat; cursor: pointer; } .view .arrow-right { position: absolute; right: -56px; top: 200px; width: 16px; height: 30px; background: url(../img/left-and-right.png) no-repeat 0 -80px; cursor: pointer; } .preview { position: relative; width: 620px; margin: 0 auto; text-align: center; } .preview .swiper-container { position: relative; min-width: 450px; height: 65px; line-height: 65px; margin: 0 auto; overflow: hidden; text-align: center; } .preview .swiper-slide { position: relative; width: 90px; height: 65px; text-align: center; } .preview .swiper-slide:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .preview .swiper-slide img { max-width: 100%; max-height: 100%; } .preview .active-nav:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); } .Fvtindbox { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 2000; } .Fvtbox { width: 650px; position: fixed; top: 20%; left: 50%; margin-left: -325px; background: #fff; border-radius: 3px; padding: 30px 0; } .Fvtbox .Fvcuo { float: right; font-size: 30px; position: absolute; right: 20px; top: 10px; color: #999; } .Fvlists { padding: 0 50px; max-height: 350px; overflow: auto; } .Fvlists::-webkit-scrollbar { width: 5px; } .Fvlists::-webkit-scrollbar-thumb { background-color: #ccc; /*婊戝姩鏉¤〃闈?/ border-radius: 4px; /*婊戝姩鏉″渾瑙掑搴?/ } .Fvlists h1 { font-size: 18px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Fvlists h1 span { font-weight: bold; margin-right: 25px; } .Fvlists h1:hover { color: #f66; } .Fvtmdxq { width: 590px; margin-left: -295px; } .Fvxqbox h1 { text-align: center; font-size: 22px; font-weight: bold; line-height: 55px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; } .Fvxqbox .Fvtpcg { font-size: 30px; width: 530px; margin: 0 auto; border-bottom: 1px dashed #ccc; } .Fvxqbox .Fvtpcg span { padding-left: 50px; position: relative; } .Fvxqbox .Fvtpcg span:after { content: ''; display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 4px; background: url(../img/yes.png) no-repeat; background-size: 100% 100%; } .Fvxqbox .Fvyqhy { overflow: hidden; text-align: center; font-size: 18px; position: relative; top: 5px; } .Fvxqbox .Fvyqhy h2 { display: inline-block; margin-left: 20px; } .Fvxqbox .Fvyqhy h2 a { display: inline-block; width: 26px; height: 27px; margin-right: 15px; background: url(../img/atc1.jpg); background-size: 100%; position: relative; top: 7px; } .Fvxqbox .Fvyqhy h2 .wb { background-position: 0 -39px; } .Fvxqbox .Fvyqhy h2 .qq { background-position: 0 -156px; } .Fvxqbox .Fvtsms { width: 490px; background: #f8f8f8; border-radius: 3px; padding: 20px; margin: 0 auto; } .Fvxqbox .Fvtsms h2 { font-size: 18px; text-align: center; } .Fvxqbox .Fvtsms h2 i { font-style: normal; } .Fvxqbox .Fvtsms h2 input { display: none; } .Fvxqbox .Fvtsms h2 span { line-height: 30px; margin-left: 10px; } .Fvxqbox .Fvtsms h2 span em { height: 30px; display: inline-block; background: url(../img/Fvsum.png) no-repeat; background-size: 100% 100%; width: 22px; text-align: center; line-height: 30px; font-size: 22px; margin-right: 2px; color: #f66; letter-spacing: 0; font-weight: bold; } .Fvxqbox .Fvtsms h3 { color: #999; line-height: 18px; margin-top: 10px; } .Fvxqbox .Fvtsms h3 span { color: #666; } .Fvxqbox .Fvptd { text-align: center; padding: 20px 0; } .Fvxqbox .Fvptd span { font-size: 18px; } .Fvxqbox .Fvptd .Fvng { font-weight: bold; } .Fvxqbox .Fvptd em { display: inline-block; background: #999; color: #fff; line-height: 38px; padding: 0 17px 0 20px; border-radius: 3px 0 0 3px; position: relative; font-size: 20px; margin: 0 30px 0 10px; } .Fvxqbox .Fvptd em:after { content: ''; display: block; border: 19px solid #fff; border-left: 15px solid #999; position: absolute; right: -34px; top: 0; } .Fvxqbox .Fvptd em:before { content: ''; display: block; position: absolute; right: -2px; top: 16px; width: 5px; height: 5px; background: #fff; z-index: 1; border-radius: 50%; } .Fvxqbox .Fvptd a { color: #f66; font-size: 22px; } .Fvxqbox .Fvred { text-align: center; color: #f66; line-height: 50px; font-size: 12px; } .Fvxqbox .Fvrclick { display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; border-radius: 3px; background: #f66; color: #fff; } .Fvindtable { width: 530px; margin: 0 auto; border: 1px solid #ccc; } .Fvindtable thead { border-bottom: 1px solid #ccc; } .Fvindtable thead tr { line-height: 30px; } .Fvindtable thead tr th:first-child { width: 120px; } .Fvindtable tbody { margin: 10px 0; } .Fvindtable td { text-align: center; line-height: 24px; font-size: 12px; color: #999; } .Fvothers { width: 530px; margin: 0 auto; } .Fvothers h2 { text-align: center; font-size: 16px; padding: 10px 0 5px 0; } .Fvothers h3 { overflow: hidden; } .Fvothers h3 em { float: left; padding: 0 25px; } .Fvothers h4 { font-size: 12px; text-align: center; color: #f66; } .Fvjxtit { font-size: 24px; text-align: center; } .Fvjxtit span { font-weight: bold; } .Fvjxtit em { display: inline-block; border-radius: 3px 0 0 3px; line-height: 34px; padding: 0 10px 0 20px; font-size: 18px; background: #999; color: #fff; position: relative; margin-right: 30px; } .Fvjxtit em:after { content: ''; display: block; border: 17px solid #fff; border-left: 15px solid #999; position: absolute; right: -32px; top: 0; } .Fvjxtit em:before { content: ''; display: block; position: absolute; right: -2px; top: 15px; width: 5px; height: 5px; background: #fff; z-index: 1; border-radius: 50%; } .Fvmste { width: 570px; margin: 0 auto; line-height: 24px; color: #999; padding-top: 10px; } .Fvmste span { color: #333; } .Fvmdpjs { width: 570px; background: #f8f8f8; border-radius: 3px; margin: 10px auto 0; } .Fvmdpjs h2 { text-align: center; font-size: 18px; line-height: 40px; padding-top: 10px; } .Fvmdpjs .Fvpfdbox { overflow: hidden; padding: 0 0 20px 0; } .Fvmdpjs .Fvpfd { float: left; width: 48%; } .Fvmdpjs .Fvpfd span { float: left; color: #999; margin: 0 15px 0 43px; } .Fvmdpjs .Fvpfd div { position: relative; top: -3px; } @media screen and (max-width: 1440px) { .Fvtbox { top: 10%; } .Fvtmdxq { top: 1%; } .Fvtmdxq2 { top: 5%; } } .Fvzccity { overflow: hidden; padding-right: 20px; position: relative; color: #666; } .Fvzccity .Fvzcle { float: left; border-right: 1px solid #ccc; margin-right: 15px; } .Fvzccity .Fvnewci { padding: 0 15px; background: #f1f1f1; height: 30px; line-height: 30px; border-radius: 3px; float: left; margin-right: 10px; } .Fvzccity .Fvnewci span { padding-left: 20px; position: relative; } .Fvzccity .Fvnewci span:after { content: ''; display: block; position: absolute; width: 20px; height: 20px; background: url(../img/wzgcicon.png) no-repeat -5px -156px; left: 0px; top: 0; } .Fvzccity .Fvnesa { padding: 0 5px; height: 30px; line-height: 30px; border-radius: 3px; float: left; margin-right: 10px; cursor: pointer; } .Fvzccity .Fvnesa span { padding-left: 20px; position: relative; } .Fvzccity .Fvnesa span:after { content: ''; display: block; position: absolute; width: 20px; height: 20px; background: url(../img/wzgcicon.png) no-repeat -3px -195px; left: 0px; top: 0; } .Fvzccity .Fvzcrig { height: 35px; } .Fvzccity .Fvzcrig a { display: inline-block; padding: 0 20px; line-height: 28px; border-radius: 3px; border: 1px solid #f1f1f1; background: #f1f1f1; margin: 0 5px 10px 0; } .Fvzccity .Fvzcrig .Fvayes { background: #fff; border: 1px solid #f66; color: #f66; } .Fvzccity .Fvzcjt { width: 20px; height: 30px; background: #f1f1f1; border-radius: 3px; position: absolute; right: 0; top: 0; cursor: pointer; } .Fvzccity .Fvzcjt span { display: block; width: 0; height: 0; border: 5px solid #f1f1f1; border-bottom: 5px solid #999; position: relative; top: 7px; left: 5px; } .Fvzccity .Fvzcxia span { border: 5px solid #f1f1f1; border-top: 5px solid #999; top: 13px; } .Fvrecommend-list li { padding: 23px 0 23px 0; } .Fvrecommend-list li:first-child { padding-top: 14px; } /* zhangjunyao 2018-03-21*/ .linkbtn { margin-top: 10px; text-align: center; } .fwcp { margin-top: 24px; } .fwcp h3 { height: 40px; line-height: 40px; } .fwcp h3 em { position: relative; float: left; padding-left: 30px; font-size: 17px; font-weight: bold; z-index: 1; } .fwcp h3 em:before { position: absolute; left: 0; top: 6px; content: ''; width: 21px; height: 24px; background: url(../img/fwcp.png) no-repeat; } .fwcp .toggle { float: right; width: 40px; height: 20px; margin-top: 10px; line-height: 20px; color: #999; overflow: hidden; } .fwcp .toggle span { position: relative; float: left; width: 100%; z-index: 1; } .fwcp .toggle span:after { position: absolute; right: 1px; content: ''; width: 4px; height: 4px; border: 1px solid transparent; border-left-color: #999; border-top-color: #999; transform-origin: center center; } .fwcp .toggle .open { display: block; } .fwcp .toggle .open:after { top: 4px; transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .fwcp .toggle .retract { display: none; } .fwcp .toggle .retract:after { top: 8px; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .fwcp .opened .open { display: none; } .fwcp .opened .retract { display: block; } .fwcpBox { max-height: 291px; overflow: hidden; } .fwcpBox li { margin-top: 10px; padding: 10px 29px; border: 1px solid #ccc; border-radius: 5px; } .fwcpBox li h4 { display: inline-block; width: 108px; padding-right: 20px; font-size: 0; -webkit-text-size-adjust: none; } .fwcpBox li h4 span { display: table-cell; height: 54px; line-height: 24px; vertical-align: middle; font-size: 17px; font-weight: bold; } .fwcpBox li p { display: inline-block; width: 440px; padding-right: 20px; margin-left: -5px; font-size: 0; -webkit-text-size-adjust: none; } .fwcpBox li p span { display: table-cell; height: 54px; line-height: 18px; vertical-align: middle; color: #666; font-size: 14px; } .fwcpBox .fwcpWrap { display: table-cell; width: 848px; min-height: 53px; line-height: 20px; vertical-align: middle; } .fwcpBox .price-list { display: inline-block; width: 194px; font-size: 0; -webkit-text-size-adjust: none; } .fwcpBox .price-list .price-item { display: table-cell; width: 194px; height: 54px; line-height: 20px; vertical-align: middle; text-align: right; } .fwcpBox .price-list .ogprice { display: inline-block; width: 50px; padding-right: 15px; text-align: center; font-size: 0; -webkit-text-size-adjust: none; } .fwcpBox .price-list .ogprice em { display: block; color: #999; font-size: 14px; } .fwcpBox .price-list .ogprice u { display: block; text-decoration: none; color: #f66; font-size: 14px; } .fwcpBox .price-list .hyprice { display: inline-block; min-width: 90px; max-width: 123px; text-align: center; font-size: 0; -webkit-text-size-adjust: none; } .fwcpBox .price-list .hyprice del { display: block; color: #999; font-size: 14px; } .fwcpBox .price-list .hyprice i { display: block; color: #f66; font-style: normal; font-weight: bold; font-size: 14px; } .Hauto { max-height: none; height: auto; } .Jnrew { position: relative; left: -40px; text-align: center; color: #fff; height: 160px; } .Jnrew h2 { position: absolute; width: 100%; left: 40px; top: 45px; font-size: 32px; font-weight: bold; letter-spacing: 10px; font-family: HuXiaoBoKuHei; } .Jnrew h3 { font-size: 13px; width: 100%; position: absolute; top: 90px; left: 40px; letter-spacing: 2px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .Seotitn { font-size: 16px; font-weight: bold; position: relative; padding-left: 12px; padding: 22px 0 20px 12px; line-height: 16px; } .Seotitn:after { content: ''; display: block; width: 4px; height: 16px; position: absolute; left: 0; top: 22px; background: #f66; } .Seotitn2 { border-bottom: 1px solid #ccc; position: relative; top: 4px; } .Seocitys { overflow: hidden; } .Seocitys a { float: left; margin-right: 28px; line-height: 20px; } .Seocitys a:hover { color: #f66; } .Seocitys .Seony { color: #f66; } .Seocitys .Seocimore { float: right; background: #eeeeee; border-radius: 3px; padding: 0 5px; margin: 0; } .Seokjtj { float: left; width: 245px; min-height: 70px; padding: 23px 22px 23px 106px; border: 1px solid #eee; border-radius: 3px; position: relative; margin: 20px 20px 0 0; } .Seokjtj .Skjtjpic { position: absolute; left: 21px; top: 23px; width: 68px; height: 68px; border: 1px solid #eee; } .Seokjtj .Skjtjpic img { display: block; width: 100%; } .Seokjtj .Skjtit { overflow: hidden; width: 245px; } .Seokjtj .Skjtit h2 { float: left; font-size: 18px; position: relative; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Seokjtj .Skjtit h2:after { content: ''; display: block; width: 19px; height: 4px; background: #f66; left: 0; position: absolute; bottom: -2px; } .Seokjtj .Skjtit a { float: right; border: 1px solid #ddd; line-height: 22px; font-size: 13px; color: #f66; padding: 0 7px; border-radius: 3px; } .Seokjtj p { line-height: 18px; padding-top: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .Seorlbeltit { font-size: 18px; font-weight: bold; padding: 20px; height: 26px; line-height: 26px; position: relative; padding-left: 60px; } .Seorlbeltit div { position: absolute; left: 0; top: 20px; height: 26px; font-size: 14px; background: #ff3333; color: #fff; padding: 0 12px 0 6px; } .Seorlbeltit div:after { content: ''; width: 0; height: 0; border: 13px solid transparent; border-right: 8px solid #fff; position: absolute; right: 0; top: 0; } .Seolabelst { padding: 0 15px 10px; overflow: hidden; } .Seolabelst a { border: 1px solid #eee; border-radius: 3px; line-height: 24px; padding: 0 8px; float: left; margin: 0 5px 14px 5px; } .Seolabelst a:hover { color: #f66; } .Seolabelst .Seorel { color: #f66; } .Seozctit { overflow: hidden; height: 45px; line-height: 45px; background: url(../img/seozcbd.jpg) no-repeat; padding: 0 10px; font-size: 18px; } .Seozctit em { float: left; color: #fff; } .Seozctit span { float: left; color: #fff; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Seozctit a { float: right; font-size: 14px; color: #f33; font-weight: bold; } .Seozclist { padding: 0 20px 15px; } .Seozclist a:hover { color: #f66; } .Seozclist h2 { font-size: 14px; line-height: 18px; padding-top: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .Seozclist h3 { font-size: 12px; overflow: hidden; padding-top: 9px; line-height: 15px; color: #999; } .Seozclist h3 span { float: left; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Seozclist h3 time { float: right; } .Newrzbseo:after { background: transparent!important; } .Newrzbseo:before { background: transparent!important; }