锘縝ody { font-family: '寰蒋闆呴粦'; font-size: 14px; color: #333; } *html { background-image: url(about:blank); background-attachment: fixed; } .header { font-family: '寰蒋闆呴粦'; width: 100%; height: 100px; background: #fff; } .header-bd { width: 1000px; height: 100%; margin: 0 auto; overflow: hidden; } .header-bd .logo { float: left; width: 195px; height: 100%; overflow: hidden; } .header-bd .logo a { display: block; width: 195px; height: 100%; overflow: hidden; } .header-bd .logo h1 { display: block; } .header-bd .logo h1 a { display: block; height: 100px; } .header-bd .logo h1 a:before { content: url("/res/images/logo-lg.jpg"); } .header-bd .logo h1 a { background: url("/res/images/logo-lg.jpg") no-repeat 0 0; _background: url("/res/images/logo-lg.jpg") no-repeat 0 0; } .header-bd .logo h2 { display: none; } .header-bd .logo h2 a { display: block; height: 70px; } .header-bd .logo h2 a:before { content: url("/res/images/logo-lt.jpg"); } .header-bd .logo h2 a { background: url("/res/images/logo-lt.jpg") no-repeat 0 0; _background: url("/res/images/logo-lt.jpg") no-repeat 0 0; } .header-bd .siteNav { float: left; margin-left: 28px; width: 520px; padding: 32px 0; height: 36px; } .header-bd .siteNav li { float: left; width: 92px; height: 36px; margin-right: 10px; } .header-bd .siteNav a { display: inline-block; width: 92px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; } .header-bd .siteNav a:hover { background-color: #E4F2E5; border-radius: 2px; } .header-bd .siteNav a.siteCur { background-color: #019045; border-radius: 2px; color: #fff; } .header-bd .siteNav a.siteCur:hover { background-color: #019045; } .header-bd .enter { float: right; width: 257px; height: 46px; padding: 27px 0; font-size: 12px; font-family: "瀹嬩綋"; text-align: right; } .header-bd .enter .toIn { display: inline-block; margin: 13px 10px 13px 0; line-height: 20px; text-align: center; vertical-align: middle; color: #019045; } .header-bd .enter .link-btn { display: inline-block; width: 40px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; background: #019045; border-radius: 2px; color: #fff; } .header-bd .enter i.line { display: inline-block; height: 20px; margin-right: 17px; border-right: 1px solid #dedede; vertical-align: middle; } .header-bd .enter .hd-user { display: inline-block; width: 90px; padding: 13px 0 13px 5px; text-align: center; line-height: 20px; color: #019045; vertical-align: middle; text-align: left; } .user-icon-lt { display: inline-block; width: 46px; height: 46px; margin: 0; padding: 0; vertical-align: middle; background: url("/res/images/user/user-icon.png") no-repeat 0 0; } .user-icon-lt img { display: inline-block; width: 46px; height: 46px; border-radius: 50% } .header-drift { position: fixed; top: 0; left: 0; z-index: 999; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); _bottom: auto; height: 70px; padding-bottom: 10px; background: url("/res/images/header-driftBg.png") repeat-x 0 0; } .header-drift .logo h1 { display: none; } .header-drift .logo h2 { display: block; } .header-drift .siteNav { padding: 17px 0; } .header-drift .enter { padding: 12px 0; } .bodyer { width: 100%; padding-bottom: 40px; } .footer { font-family: "\5FAE\8F6F\96C5\9ED1"; width: 100%; height: 366px; background: #eee; overflow: hidden; } .footer a:hover { text-decoration: underline; } .footer .footer-bd { width: 1000px; margin: 0 auto; height: 244px; background: #eee; } .footer .site { padding: 32px 20px 0; } .footer .site .site-info { float: left; width: 220px; margin-right: 134px; } .footer .site .site-info dt { font-size: 20px; color: #000; } .footer .site .site-info dd { margin-top: 16px; font-size: 12px; } .footer .site .site-info a { display: block; line-height: 20px; } .footer .site .site-info dt a:hover { color: #199a56; text-decoration: none; } .footer .site .site-info dd a:hover { text-decoration: underline; } .footer .site .site-contact dd { line-height: 16px; } .footer .site .site-contact p { height: 40px; } .footer .site .site-contact i { display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; background: url("/res/images/icons/contact-icon.png") no-repeat 0 0; } .footer .site .site-contact .address-icon { background-position: 0 0!important; } .footer .site .site-contact .tel-icon { background-position: 0 -20px!important; } .footer .site .site-contact .mail-icon { background-position: 0 -38px!important; } .footer .site .site-codes { width: 217px; margin: 0 0 0 35px; text-align: center; } .footer .site .site-codes .codes-tab { float: left; height: 44px; width: 70px; } .footer .site .site-codes .codes-tab a { display: block; width: 45px; height: 45px; margin-bottom: 20px; background: url("/res/images/icons/flatfroms-icon.png") no-repeat 0 0; } .footer .site .site-codes .codes-tab a.c-weixin { background-position: 0 0!important; } .footer .site .site-codes .codes-tab a.c-sina { background-position: -50px 0!important; } .footer .site .site-codes .codes-tab a.c-selected { background-position-y: -50px!important; } .footer .site .site-codes .codes-con { float: left; width: 110px; height: 110px; overflow: hidden; } .footer .site .site-codes .codes-con .img { display: block; border-color: #fff; width: 110px; height: 110px; background: url("/res/images/icons/codes-icon.png") no-repeat 0 0; } .footer .site .site-codes .codes-con .c-weixin { background-position: 0 0; } .footer .site .site-codes .codes-con .c-sina { background-position: 0 -115px; } .footer .footer-ft { font: 12px/180% Arial, Verdana; width: 100%; height: 72px; padding: 25px 0; background: #199a56; text-align: center; color: #fff; } .footer .footer-ft i { display: inline-block; margin: -1px 5px 0; height: 10px; width: 0; vertical-align: middle; border-left: 1px solid #42ac74; border-right: 1px solid #fff; } .footer .footer-ft a { color: #fff; line-height: 25px; } /*鐧婚檰*/ .loginDialog .lprim em, .loginDialog .group input#goin { display: inline-block; background-image: url("/res/images/login/loginicon.jpg"); background-repeat: no-repeat } .loginDialog .dialogContent { padding: 20px 110px 36px 60px; position: relative; width: 550px; } .loginDialog .closeDialogd { display: inline-block; width: 16px; height: 16px; background: url("/res/images/dialog/main.png") -27px -92px no-repeat; position: absolute; top: 8px; right: 10px } .loginDialog h2 { width: 48%; height: 55px; background: url("/res/images/login/logo-lt.jpg") center center no-repeat; } .loginDialog p { height: 45px; line-height: 45px; text-align: left; color: #a9a9a9; font-size: 18px; } .loginDialog .group { width: 287px; height: 36px; line-height: 36px; margin-bottom: 20px; } .loginDialog .group input { width: 285px; height: 34px; line-height: 34px; border: 1px solid #ccc; border-radius: 3px; text-indent: 10px; } .loginDialog .group input.rgray { color: #a9a9a9; } .loginDialog .lprim { width: 260px; height: 20px; line-height: 20px; position: relative; text-align: left; font-size: 13px; margin-bottom: 10px; } .loginDialog .lprim em { width: 18px; height: 18px; background-position: -291px 0; vertical-align: -5px; margin-right: 2px; } .loginDialog .lprim a { color: #e51a1a; } .loginDialog .group input.goin { width: 287px; height: 37px; line-height: 37px; background-position: -1px -4px; text-align: center; color: #fff; border: 0 none; cursor: pointer; } .loginDialog .ogroup { margin-bottom: 32px; } .loginDialog .ogroup input.goinDetail { width: 138px; float: left; } .loginDialog .ogroup .line { width: 1px; height: 20px; background: #ccc; margin: 8px 20px; float: left; } .loginDialog .ogroup .aothor { float: left; height: 37px; line-height: 37px; color: #0a8e4d; font-size: 13px; } .loginDialog .lfoot { width: 320px; text-indent: 1px; text-align: left; font-size: 14px; color: #444; height: 20px; line-height: 20px; ; } .loginDialog .lfoot a { color: #019045; } .loginDialog .lfoot a.wjpw { display: inline-block; padding-right: 3px; } .loginDialog .pc_erwm { width: 253px; height: 203px; background: url("/www.17xs.org/res/images/icons/sy_wx.png") no-repeat; margin-left: 370px; /* position: absolute; */ position: absolute; margin-top: -254px; } .loginDialog .pc_text { position: absolute; margin-left: 425px; margin-top: -50px; font-size: 15px; color: #ee7a01; } .loginDialog #code{ width: 110px; float: left; -moz-appearance:textfield; } #code::-webkit-outer-spin-button, #code::-webkit-inner-spin-button{ -webkit-appearance: none !important; } .loginDialog .code-pic{ float: left; margin-left: 20px; height: 36px; line-height: 36px; } .loginDialog .code-pic img{ width: 100px; height: 36px; } .loginDialog .code-pic #refreshCode{ display: inline-block; width: 16px; height: 16px; margin: 10px 15px; background: url("/res/images/login/login.jpg") no-repeat; background-position: -83px -2px; } .suspen { width: 115px; height: 228px; font-family: "\5FAE\8F6F\96C5\9ED1"; padding-top: 87px; position: fixed; bottom: 180px; right: 10px; background: url("/res/images/icons/online-icon.png") no-repeat center 0; _position: absolute; _top: expression(documentElement.scrollTop +150+ "px"); z-index: 1000; } .suspen a { display: block; width: 115px; height: 48px; line-height: 12px; font-size: 12px; margin-bottom: 6px; background-color: #20bebf; text-align: center; color: #fff; } .suspen a p { font: normal bold 20px/32px ""; } .suspen .saoCode { display: block; width: 115px; height: 115px; background: url("/www.17xs.org/res/images/icons/codes-icon.png") left top no-repeat } .browser { display: none; width: 100%; background: #666; min-width: 1000px; height: 40px; position: fixed; left: 0; bottom: 0; z-index: 10000; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))) } .browserbd { position: relative; width: 960px; height: 40px; line-height: 40px; padding-top: 10px; padding: 0 20px; margin: 0 auto; background: #666; font-size: 14px; color: #fff } .browserbd a { text-decoration: underline; color: #fff; display: inline-block; padding-left: 26px } .browserbd a.brie { background: url(http://res.cp2y.com/images/nav/ie.jpg) 2px 10px no-repeat } .browserbd a.brgoogle { background: url(http://res.cp2y.com/images/nav/chrome.jpg) 2px 10px no-repeat } .browserClose { position: absolute; top: 5px; right: 30px; width: 30px; height: 30px; background: url(http://res.cp2y.com/images/newindex/head/headbg.png) no-repeat -68px -131px; cursor: pointer } /********pc鎵簩缁寸爜鐧诲綍鎴愬姛寮规***********/ .succeed_login { width: 100%; height: 4146px; display: block; position: absolute; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; background: url("/res/images/dialog/ground-white.png"); } .succeed_login .login_next { width: 600px; background: #fff; position: fixed; left: 30%; top: 242.5px; } .succeed_login .login_next .login_next1 { width: 100%; height: 80px; } .succeed_login .login_next .login_next1 span { background: url("/res/images/login/login-t1.png") no-repeat; width: 28%; height: 55px; float: left; margin-top: 14px; } .succeed_login .login_000 { border-top: 1px dashed #999; width: 95%; margin: auto; } .succeed_login .login_next .login_next1 p { float: right; width: 72%; font-size: 20px; text-align: left; font-weight: bold; color: #666; margin-top: 28px; } .succeed_login .login_next .login_next2 { text-align: center; /* padding: 10px; */ height: 139px; } .succeed_login .login_next .login_next2 li { margin-top: 14px; /* padding: 10px; */ font-size: 18px; } .succeed_login .login_next .login_next2 li a { position: absolute; margin-left: 76px; margin-top: 18px; font-size: 13px; color: #019045; text-decoration: underline; } .succeed_login .login_next .login_next2 li span { width: 65%; text-align: left; display: block; float: right; margin-top: 15px; color: #666; font-size: 16px; } .succeed_login .login_next .login_next2 li p { margin-top: 15px; float: left; text-align: right; width: 34%; color: #666666; font-size: 16px; } .succeed_login .login_next .login_next3 { width: 80%; margin: auto; /* padding: 20px; */ height: 80px; } .succeed_login .login_next .login_next3 p { text-align: center; line-height: 50px; color: #fff; } .succeed_login .login_next .login_next3 .login_fl { width: 45%; height: 50px; float: left; background: #ee7800; } .succeed_login .login_next .login_next3 .login_fr { width: 45%; height: 50px; float: right; background: #029046; } #login_container { margin-left: 327px; position: absolute; top: 20px; }