锘縣1 { text-align: center; font-weight: 400 } .help-common .left a .icon { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/help-column.png") } .help-common .left .l1 { border-left-color: #ed5351 } .help-common .left .l1 .icon { background-position: 0 0 } .help-common .left .l2 { border-left-color: #f58464 } .help-common .left .l2 .icon { background-position: 0 -33px } .help-common .left .l3 { border-left-color: #f58464 } .help-common .left .l3 .icon { background-position: 0 -66px } .help-common .left .l4 { border-left-color: #21ba9b } .help-common .left .l4 .icon { background-position: 0 -103px } .help-common .left .l5 { border-left-color: #92a4a4 } .help-common .left .l5 .icon { background-position: 0 -139px } .help-common .left .l6 { border-left-color: #23b0cb } .help-common .left .l6 .icon { background-position: 0 -171px } .help-common .left .l7 { border-left-color: #8e8fbd } .help-common .left .l7 .icon { background-position: 0 -210px } .help-common .left .l8 { border-left-color: #e6bf4f } .help-common .left .l8 .icon { background-position: 0 -241px } .help-common .left .l9 { border-left-color: #b89763 } .help-common .left .l9 .icon { background-position: 0 -278px } .help-common .left .l10 { border-left-color: #ee6b97; border-bottom: 1px solid #e8e8e8 } .help-common .left .l10 .icon { background-position: 0 -315px } .service-common .left a .icon { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/service-icon.png") } .service-common .left .l1 { border-left-color: #ed5351 } .service-common .left .l1 .icon { background-position: -2px 0 } .service-common .left .l2 { border-left-color: #f58464 } .service-common .left .l2 .icon { background-position: 0 -42px } .service-common .left .l3 { border-left-color: #f58464 } .service-common .left .l3 .icon { background-position: -3px -91px } .service-common .left .l4 { border-left-color: #21ba9b } .service-common .left .l4 .icon { background-position: -2px -139px } .service-common .left .l5 { border-left-color: #92a4a4 } .service-common .left .l5 .icon { background-position: -2px -190px } .service-common .left .l6 { border-left-color: #23b0cb } .service-common .left .l6 .icon { background-position: -2px -240px } .service-common .left .l7 { border-left-color: #8e8fbd } .service-common .left .l7 .icon { background-position: -2px -291px } .service-common .left .l8 { border-left-color: #e6bf4f; border-bottom: 1px solid #e8e8e8 } .service-common .left .l8 .icon { background-position: -2px -337px } #help-commonProblemsComment .l2 a { color: #f58464; background: #f3f3f3 } #help-commonProblemsComment .form li { height: 35px; line-height: 35px; padding-left: 43px; position: relative; color: #444 } #help-commonProblemsComment .form .even { border: 1px solid #e8e8e8 } #help-commonProblemsComment .form .point { width: 6px; height: 6px; position: absolute; top: 14px; left: 25px; background: #1296db; border-radius: 50% } #help-commonProblemsComment .form .time { float: right; line-height: 35px; padding-right: 14px } #help-commonProblemsComment .ys { margin-top: 50px } #help-commonMine .zdbj { height: 439px; position: relative } #help-commonMine .zdbj .bg { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/help-mine.png"); background-position: 0 -10px; width: 304px; height: 263px; position: absolute; top: 60px; left: 130px } #help-commonMine .zdbj .font { position: absolute; top: 145px; left: 382px } #help-commonMine .zdbj .font p { padding-bottom: 8px } #help-commonMine .zdbj .font a { color: #e2383a } #help-center h1 { padding: 0; position: relative; font-size: 30px; line-height: 72px; height: 72px; color: #333 } #help-center h1 .line { width: 60px; height: 4px; background: #e2383a; position: absolute; bottom: 0; left: 50%; margin-left: -30px } #help-center .problem { padding-top: 50px; padding-left: 7px; overflow: hidden } #help-center .problem:after { content: ""; display: block; clear: both } #help-center .problem li { float: left; width: 120px; height: 150px; margin-left: 100px; position: relative; margin-bottom: 80px; cursor: pointer; } #help-center .problem li .icon { width: 101px; height: 101px; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/help-center.png"); background-repeat: no-repeat; margin: 0 auto; } #help-center .problem li .js { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center } #help-center .problem li .js a { font-size: 16px; color: #747474 } #help-center .problem li.xb { margin-bottom: 60px } #help-center .problem .icon.on { display: none } #help-center .problem li.hover .icon.on { display: block } #help-center .problem li.hover .icon.over { display: none } #help-center .problem .l1 .icon.on { background-position: 0 0 } #help-center .problem .l1 .icon.over { background-position: -109px 0 } #help-center .problem .l2 .icon.on { background-position: 0 -115px } #help-center .problem .l2 .icon.over { background-position: -110px -115px } #help-center .problem .l3 .icon.on { background-position: 0 -226px } #help-center .problem .l3 .icon.over { background-position: -110px -226px } #help-center .problem .l4 .icon.on { background-position: 0 -338px } #help-center .problem .l4 .icon.over { background-position: -109px -338px } #help-center .problem .l5 .icon.on { background-position: 0 -450px } #help-center .problem .l5 .icon.over { background-position: -110px -450px } #help-center .problem .l6 .icon.on { background-position: 0 -564px } #help-center .problem .l6 .icon.over { background-position: -110px -564px } #help-center .problem .l7 .icon.on { background-position: 0 -676px } #help-center .problem .l7 .icon.over { background-position: -110px -676px } #help-center .problem .l8 .icon.on { background-position: 0 -788px } #help-center .problem .l8 .icon.over { background-position: -110px -788px } #help-center .problem .l9 .icon.on { background-position: 0 -900px } #help-center .problem .l9 .icon.over { background-position: -110px -900px } #help-center .problem .l10 .icon.on { background-position: 0 -1011px } #help-center .problem .l10 .icon.over { background-position: -110px -1011px } #help-center .contact { padding-top: 50px; padding-left: 97px } #help-center .contact li { float: left; width: 310px; height: 372px } #help-center .contact li .top { color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: normal } #help-center .contact li .lisl { padding-bottom: 53px } #help-center .contact li .lisl .tx { margin: 43px auto 30px; height: 120px; width: 120px; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/help-center.png") } #help-center .contact li .lisl p { text-align: center; color: #747474 } #help-center .contact li a { height: 32px; width: 108px; border: 1px solid #cccccc; border-radius: 4px; text-align: center; display: block; margin: 0 auto; line-height: 32px; color: #747474 } #help-center .contact li .bottom { padding-bottom: 29px; border: 1px solid #d8d8d8 } #help-center .contact .l1 .top { background: #e2383a } #help-center .contact .l1 .tx { background-position: 0 -1127px } #help-center .contact .l1 a:hover { border-color: #e2383a; color: #e2383a } #help-center .contact .l2 { margin: 0 45px } #help-center .contact .l2 .top { background: #f49a44 } #help-center .contact .l2 .tx { background-position: -130px -1127px } #help-center .contact .l2 a:hover { border-color: #f49a44; color: #f49a44 } #help-center .contact .l3 .top { background: #21ba9b } #help-center .contact .l3 .tx { background-position: -263px -1127px } #help-center .contact .l3 a:hover { border-color: #21ba9b; color: #21ba9b } #serviceCentter-renewal .left .l2 a { background: #f3f3f3; color: #f58464 } #serviceCentter-renewal .contents .title { line-height: 54px; color: #717171; font-size: 14px } #serviceCentter-renewal .contents ul { padding: 30px 0; width: 820px } #serviceCentter-renewal .contents ul:after { content: ""; display: block; clear: both } #serviceCentter-renewal .contents li { width: 398px; height: 148px; border: 1px solid #e6e6e6; position: relative } #serviceCentter-renewal .contents li a { width: 120px; height: 30px; background: #ffa031; color: #fff; font-size: 12px; position: absolute; right: 26px; bottom: 21px; text-align: center; line-height: 30px; display: block; border-radius: 4px } #serviceCentter-renewal .contents li p { padding: 20px 23px; color: #717171; line-height: 25px } #serviceCentter-renewal .contents .bottom { height: 198px; width: 820px; border: 1px solid #e6e6e6; position: relative } #serviceCentter-renewal .contents .bottom a { display: block; padding-left: 77px; line-height: 25px; color: #717171 } #serviceCentter-renewal .contents .bottom h2 { padding: 28px 0 20px 77px; font-size: 16px; color: #dd2726 } #serviceCentter-renewal .contents .bottom img { position: absolute; left: 478px; top: 16px } #serviceCentter-payment .left .l3 a { background: #f3f3f3; color: #f49a44 } #serviceCentter-payment .contents { padding-top: 16px } #serviceCentter-payment .top { border: 1px solid #fffac7; padding-left: 36px; background: #fffef2; padding-bottom: 25px } #serviceCentter-payment .top h2 { position: relative; padding-top: 20px; line-height: 24px; font-size: 16px; color: #dd2726; padding-left: 35px } #serviceCentter-payment .top h2 .icon { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/serviceCentter-payment.png"); width: 24px; height: 24px; position: absolute; left: 0; bottom: 0 } #serviceCentter-payment .top ul { margin-top: 10px } #serviceCentter-payment .top li { position: relative; line-height: 25px; padding-left: 82px } #serviceCentter-payment .top li p, #serviceCentter-payment .top li span { line-height: 25px } #serviceCentter-payment .top li p { color: #717171 } #serviceCentter-payment .top li span { position: absolute; left: 0; top: 0; color: #e2383a } #serviceCentter-payment .bottom li { padding-top: 25px } #serviceCentter-payment .bottom li h3 { color: #dd2726; padding-bottom: 20px; font-weight: 700 } #serviceCentter-payment .bottom li .img { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/serviceCentter-payment.png") } #serviceCentter-payment .bottom li p, #serviceCentter-payment .bottom li span { color: #717171 } #serviceCentter-payment .bottom .r1 .img { background-position: 0 -30px; width: 469px; height: 64px; margin-top: 20px } #serviceCentter-payment .bottom .r2 { position: relative } #serviceCentter-payment .bottom .r2 .img { background-position: 0 -107px; width: 243px; height: 77px } #serviceCentter-payment .bottom .r2 span { position: absolute } #serviceCentter-payment .bottom .r2 .khyh { left: 304px; top: 88px } #serviceCentter-payment .bottom .r2 .khmc { left: 534px; top: 88px } #serviceCentter-payment .bottom .r2 .khzh { left: 304px; top: 113px } #serviceCentter-payment .bottom .r3 p, #serviceCentter-payment .bottom .r4 p { padding-bottom: 10px } #serviceCentter-payment .bottom .r4 .img { margin-top: 20px; background-position: 0 -199px; width: 484px; height: 300px } #serviceCentter-contact .left .l5 a { background: #f3f3f3; color: #92a4a4 } #serviceCentter-contact .right .contents .r1 { background: #fff; padding-bottom: 40px } #serviceCentter-contact .right .contents .r1:after { content: ""; display: block; clear: both } #serviceCentter-contact .right .contents .r1 li { width: 190px; height: 290px; margin-right: 10px; padding: 0 20px; float: left } #serviceCentter-contact .right .contents .r1 li .imgicon { height: 77px; padding-top: 33px } #serviceCentter-contact .right .contents .r1 li .imgicon .icon { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/serviceCentter-contact.png"); margin: 0 auto; display: block } #serviceCentter-contact .right .contents .r1 li h3 { text-align: center; font-size: 16px; padding-bottom: 13px; font-weight: 400 } #serviceCentter-contact .right .contents .r1 li p { color: #666; line-height: 20px; font-size: 12px } #serviceCentter-contact .right .contents .r1 li .button { position: absolute; bottom: 20px; width: 100%; left: 0 } #serviceCentter-contact .right .contents .r1 li a { margin: 0 auto; font-size: 12px; display: block; width: 74px; height: 30px; border-radius: 4px; color: #fff; padding-left: 26px; line-height: 30px; text-align: center; position: relative } #serviceCentter-contact .right .contents .r1 li a .icon { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/serviceCentter-contact.png"); width: 16px; height: 14px; display: block; position: absolute; top: 8px; left: 10px } #serviceCentter-contact .right .contents .r1 .r11 { background: #ebf3da } #serviceCentter-contact .right .contents .r1 .r11 .icon { height: 59px; width: 59px } #serviceCentter-contact .right .contents .r1 .r11 h3 { color: #9ac047 } #serviceCentter-contact .right .contents .r1 .r11 .phone { padding-top: 5px } #serviceCentter-contact .right .contents .r1 .r12 { background: #ddf2f4; position: relative } #serviceCentter-contact .right .contents .r1 .r12 .icon { height: 60px; width: 60px; background-position: 0 -64px } #serviceCentter-contact .right .contents .r1 .r12 h3 { color: #13a5b2 } #serviceCentter-contact .right .contents .r1 .r12 a { background: #13a5b3 } #serviceCentter-contact .right .contents .r1 .r12 a .icon { background-position: 0 -262px; width: 16px; height: 14px } #serviceCentter-contact .right .contents .r1 .r13 { background: #f9e0e0; position: relative } #serviceCentter-contact .right .contents .r1 .r13 .icon { width: 63px; height: 50px; background-position: 0 -134px } #serviceCentter-contact .right .contents .r1 .r13 h3 { color: #e06363 } #serviceCentter-contact .right .contents .r1 .r13 a { background: #e06363 } #serviceCentter-contact .right .contents .r1 .r13 a .icon { background-position: -22px -260px; height: 17px; width: 14px } #serviceCentter-contact .right .contents .r1 .r13 .phone { padding-bottom: 5px } #serviceCentter-contact .right .contents .r1 .r13 p { text-align: center } #serviceCentter-contact .right .contents .r1 .r14 { margin: 0; background: #d5ecf9 } #serviceCentter-contact .right .contents .r1 .r14 .icon { width: 60px; height: 58px; background-position: 0 -194px } #serviceCentter-contact .right .contents .r1 .r14 h3 { color: #1593dc } #serviceCentter-contact .right .contents .r1 .r14 p { text-align: center } #serviceCentter-contact .right .contents .r1 .r14 .phone { padding-bottom: 3px } #serviceCentter-contact .right .contents .r2 { padding-left: 30px } #serviceCentter-contact .right .contents .r2 h3 { line-height: 50px; padding-left: 70px; position: relative; font-size: 16px; color: #1b96de } #serviceCentter-contact .right .contents .r2 h3 .icon { position: absolute; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/serviceCentter-contact.png"); background-position: 0 -317px; width: 50px; height: 50px; left: 0; right: 0 } #serviceCentter-contact .right .contents .r2 .r2content { padding: 23px 0 0 70px } #serviceCentter-contact .right .contents .r2 .r2content .r2lis { height: 44px; position: relative; padding-left: 32px } #serviceCentter-contact .right .contents .r2 .r2content .r2lis a { color: #1b96de; text-decoration: underline; padding-right: 42px } #serviceCentter-contact .right .contents .r2 .r2content .r2lis span { padding-right: 22px; color: #666666 } #serviceCentter-contact .right .contents .r2 .r2content .r2lis a, #serviceCentter-contact .right .contents .r2 .r2content .r2lis span { padding-top: 9px } #serviceCentter-contact .right .contents .r2 .r2content .r2lis .icon { position: absolute; width: 24px; height: 23px; left: 0; top: 0; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/serviceCentter-contact.png"); background-position: 0 -285px } #serviceCentter-contact .right .contents .r2 .r2content .r2bottom { padding-left: 26px; position: relative; color: #666 } #serviceCentter-contact .right .contents .r2 .r2content .icon { position: absolute; width: 18px; height: 18px; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/serviceCentter-contact.png"); background-position: -26px -285px; top: 0; left: 0 } #serviceCentter-contact .right .contents .r3 { background: #fff; padding: 40px 0; overflow: hidden } #serviceCentter-contact .right .contents .r3:after { content: ""; display: block; clear: both } #serviceCentter-contact .right .contents .r3 li { width: 33.3333333%; float: left } #serviceCentter-contact .right .contents .r3 li h3 { *margin-bottom: 20px; line-height: 50px; text-align: center; padding-bottom: 20px } #serviceCentter-contact .right .contents .r3 li h3 span { padding-left: 70px; position: relative; font-size: 16px } #serviceCentter-contact .right .contents .r3 li h3 .icon { left: 0; position: absolute; width: 50px; height: 50px; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/serviceCentter-contact.png") } #serviceCentter-contact .right .contents .r3 li p { text-align: center; line-height: 20px } #serviceCentter-contact .right .contents .r3 .r31 h3 span { color: #dc5f5c } #serviceCentter-contact .right .contents .r3 .r31 h3 .icon { background-position: 0 -383px } #serviceCentter-contact .right .contents .r3 .r32 h3 span { color: #45a6de } #serviceCentter-contact .right .contents .r3 .r32 h3 .icon { background-position: 0 -436px } #serviceCentter-contact .right .contents .r3 .r33 h3 span { color: #a8ca5e } #serviceCentter-contact .right .contents .r3 .r33 h3 .icon { background-position: 0 -493px } #serviceCentter-contact .right .contents .r4 { padding-left: 25px } #serviceCentter-contact .right .contents .r4 h3 { padding-left: 68px; line-height: 50px; height: 50px; position: relative; color: #13a5b3; font-size: 16px; padding-bottom: 18px } #serviceCentter-contact .right .contents .r4 h3 .icon { position: absolute; left: 0; top: 0; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/serviceCentter-contact.png"); background-position: 0 -551px; width: 50px; height: 50px } #serviceCentter-contact .right .contents .r4 p { padding-bottom: 10px } #serviceCentter-download .left .l4 a { background: #f3f3f3; color: #21ba9b } #serviceCentter-download .right .contents { border-left: 1px solid #eee; border-top: 1px solid #eee } #serviceCentter-download .right .contents ul:after { content: ""; display: block; clear: both } #serviceCentter-download .right .contents h2, #serviceCentter-download .right .contents li { padding-left: 40px; border-right: 1px solid #eee; border-bottom: 1px solid #eee } #serviceCentter-download .right .contents h2 { line-height: 48px; background: #f5f9fa; font-weight: 400; font-size: 16px } #serviceCentter-download .right .contents li { line-height: 40px; font-size: 14px; width: 434px; height: 40px } #serviceCentter-download .right .contents a, #serviceCentter-download .right .contents h2, #serviceCentter-download .right .contents li { color: #717171 } #serviceCentter-terms .left .l6 a { color: #23b0cb; background: #f3f3f3 } #serviceCentter-terms .contents p { line-height: 25px; font-size: 14px } #serviceCentter-price .left .l1 a { background: #f3f3f3; color: #ed5351 } #serviceCentter-price .right .bread-crumbs { border: 0; padding-bottom: 1px } #serviceCentter-price .right .top { padding-bottom: 40px } #serviceCentter-price .right .top ul { overflow: hidden } #serviceCentter-price .right .top ul:after { content: ""; display: block; clear: both } #serviceCentter-price .right .top li { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; text-align: center; line-height: 59px; float: left; width: 25%; font-size: 16px; color: #717171; cursor: pointer; *width: 24% } #serviceCentter-price .right .top .now { border-color: #e2383a; background: #e2383a; color: #fff } #serviceCentter-price .right .bottom .title { background: #f5f9fa; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 48px; font-weight: 400 } #serviceCentter-price .right .bottom .title span { color: #717171; font-size: 16px } #serviceCentter-price .right .bottom .title .xhb { padding-left: 35px } #serviceCentter-price .right .bottom .title .mcb { padding-left: 135px } #serviceCentter-price .right .bottom .title .jgb { padding-left: 316px } #serviceCentter-price .right .bottom ul li:after { content: ""; display: block; clear: both } #serviceCentter-price .right .bottom ul li span { float: left; height: 30px; line-height: 30px; text-align: center; color: #717171; font-size: 12px } #serviceCentter-price .right .bottom ul li .jg { width: 12% } #serviceCentter-price .right .bottom ul li .xh { width: 10% } #serviceCentter-price .right .bottom ul li .mc { width: 30% } #serviceCentter-price .right .bottom ul .color { background: #f2f2f2 } #serviceCentter-report .left .l7 a { color: #8e8fbd; background: #f3f3f3 } #serviceCentter-report .contents h2 { color: #dd2726; padding-bottom: 15px } #serviceCentter-report .contents h3 { padding-bottom: 7px; color: #444444; line-height: 25px; font-weight: 600; font-size: 16px } #serviceCentter-report .contents p { line-height: 20px; font-size: 12px } #serviceCentter-report .contents .mt { padding-top: 15px } #serviceCentter-registrar .left .f8 a { background: #f3f3f3; color: #e6bf4f } #serviceCentter-registrar .contents h2 { color: #dd2726; font-weight: 550; padding-bottom: 15px } #serviceCentter-registrar .contents p { line-height: 25px; word-break: break-all; font-size: 14px; color: #444 } #helpCenter-aboutme h2 { font-size: 30px; font-weight: 400; line-height: 74px; height: 68px; text-align: center; position: relative; padding-bottom: 50px } #helpCenter-aboutme h2 .line { height: 4px; width: 60px; background: #e2383a; position: absolute; left: 50%; margin-left: -30px; bottom: 50px } #helpCenter-aboutme .floor { padding-bottom: 30px } #helpCenter-aboutme .l1 .right { position: absolute; top: 0; right: 0; height: 510px; width: 640px; background: #000; padding-top: 0 } #helpCenter-aboutme .l1 .content { position: relative; padding: 55px 0 } #helpCenter-aboutme .l1 .left { width: 560px; height: 398px; border: 1px solid #c4c4c4; position: relative } #helpCenter-aboutme .l1 .left h3 { height: 70px; line-height: 70px; color: #333; font-size: 24px; padding-left: 40px; padding-top: 10px; font-weight: 400 } #helpCenter-aboutme .l1 .left p { padding: 0 40px; line-height: 25px; color: #494949; text-indent: 2em; margin-bottom: 10px } #helpCenter-aboutme .l1 .left .button { width: 91px; height: 28px; border: 1px solid #c4c4c4; padding-right: 7px; position: absolute; bottom: 30px; right: 57px; text-align: center; line-height: 28px; border-radius: 4px } #helpCenter-aboutme .l1 .left .button a { display: block; color: #717171; height: 100%; width: 100%; position: relative } #helpCenter-aboutme .l1 .left .button .icon { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/helpCenter-aboutmeIcon.png"); background-position: 0 -650px; width: 10px; height: 9px; position: absolute; top: 10px; right: 3px } #helpCenter-aboutme .l2 ul { overflow: hidden } #helpCenter-aboutme .l2 ul li { float: left; width: 50%; position: relative; *width: 50%; height: 150px; padding-bottom: 78px } #helpCenter-aboutme .l2 ul li .icon { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/helpCenter-aboutmeIcon.png"); position: absolute; width: 150px; height: 150px; top: 0; left: 63px } #helpCenter-aboutme .l2 ul li h3 { font-size: 24px; font-weight: normal; padding: 36px 0 10px 282px } #helpCenter-aboutme .l2 ul li p { padding-left: 282px; font-size: 16px; height: 30px; line-height: 30px } #helpCenter-aboutme .l2 ul .l21 .icon { background-position: 0 0 } #helpCenter-aboutme .l2 ul .l21 h3, #helpCenter-aboutme .l2 ul .l21 p { color: #c79000 } #helpCenter-aboutme .l2 ul .l22 .icon { background-position: 0 -156px } #helpCenter-aboutme .l2 ul .l22 h3, #helpCenter-aboutme .l2 ul .l22 p { color: #324d5b } #helpCenter-aboutme .l2 ul .l23 .icon { background-position: 0 -315px } #helpCenter-aboutme .l2 ul .l23 h3, #helpCenter-aboutme .l2 ul .l23 p { color: #29907e } #helpCenter-aboutme .l2 ul .l24 .icon { background-position: 0 -468px } #helpCenter-aboutme .l2 ul .l24 h3, #helpCenter-aboutme .l2 ul .l24 p { color: #bb4137 } #helpCenter-aboutme .l3 .jdlb { position: relative } #helpCenter-aboutme .l3 .jdlb .icon { position: absolute; top: 0; bottom: 0; margin: auto; width: 26px; height: 44px; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/helpCenter-aboutmeIcon.png"); cursor: pointer; display: none } #helpCenter-aboutme .l3 .jdlb .move { background-position: 0 -730px; right: 0 } #helpCenter-aboutme .l3 .jdlb .back { background-position: 0 -670px; left: 0 } #helpCenter-aboutme .l3 .jdlb .jdlbl { width: 1040px; margin: 0 auto; position: relative; height: 310px; overflow: hidden } #helpCenter-aboutme .l3 .jdlb .jdlbl ul { overflow: hidden; position: absolute } #helpCenter-aboutme .l3 .jdlb .jdlbl ul li { float: left; margin-right: 40px; background: #919191; padding: 5px; width: 220px } #helpCenter-aboutme .l3 .jdlb .jdlbl ul li img { margin: 0 auto } #helpCenter-aboutme .l3 .jdlb .jdlbl ul li p { text-align: center; color: #fff; padding-bottom: 6px } #helpCenter-aboutme .l4 .jdlb { width: 100%; overflow: hidden; position: relative; height: 150px } #helpCenter-aboutme .l4 ul { overflow: hidden; position: absolute } #helpCenter-aboutme .l4 ul li { float: left; width: 378px; height: 144px; margin-right: 20px; border: 1px solid #919191; border-top: 5px solid #e2383a } #helpCenter-aboutme .l4 ul li h3 { padding: 15px 0 10px 20px; font-size: 18px; color: #333; font-weight: normal } #helpCenter-aboutme .l4 ul li p { padding-bottom: 8px; color: #717171; padding-left: 20px; padding-right: 20px; word-break: break-all; line-height: 25px; text-indent: 2em } #helpCenter-aboutme .l5 .content { overflow: hidden } #helpCenter-aboutme .l5 .content .img { float: left; width: 50% } #helpCenter-aboutme .l5 .content .right { padding-top: 0; float: left; width: 50%; *width: 49%; position: relative } #helpCenter-aboutme .l5 .content .right .line { position: absolute; top: 0; left: 63px; width: 1px; height: 100px; background: #c2c2c2; z-index: 0 } #helpCenter-aboutme .l5 .content .right .slide { display: none } #helpCenter-aboutme .l5 .content .right ul { padding-left: 40px } #helpCenter-aboutme .l5 .content .right li { padding-left: 63px; position: relative; z-index: 1; cursor: pointer; margin-bottom: 30px } #helpCenter-aboutme .l5 .content .right li .liscontent { *margin-top: -23px } #helpCenter-aboutme .l5 .content .right li .click { position: absolute; width: 46px; height: 46px; text-align: center; line-height: 46px; color: #919191; font-size: 16px; left: 0; top: 0; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/helpCenter-aboutmeIcon.png"); background-position: -48px -726px } #helpCenter-aboutme .l5 .content .right li h3 { font-size: 18px; color: #333; font-weight: normal; height: 46px; line-height: 46px } #helpCenter-aboutme .l5 .content .right li p { color: #717171; line-height: 25px; height: 25px } #helpCenter-aboutme .l5 .content .right li.now .click { background-position: -47px -667px; color: #fff } #news-details { padding-top: 0 } #news-details .title-top { overflow: hidden; border-bottom: 1px solid #ebebeb } #news-details .title-top h2 { float: left; width: 25%; height: 50px; line-height: 50px; text-align: center } #news-details .title-top h2 span { font-size: 18px; font-weight: 400; cursor: pointer } #news-details .title-top .now span { color: #dd2726 } #news-details .bread-crumbs { border: 0; height: 72px; line-height: 72px } #news-details .content { padding-top: 50px; position: relative } #news-details .content .title { text-align: center; font-size: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 50px; height: 50px; color: #444; font-weight: 400 } #news-details .content .discribe { height: 45px; line-height: 45px; text-align: center } #news-details .content .discribe span { color: #717171; font-size: 16px; margin-right: 25px } #news-details .content .discribe .icon-box { display: inline-block; height: 100%; overflow: hidden; position: absolute; top: 0; right: 0; *right: 300px } #news-details .content .discribe .font-box { height: 100%; display: inline-block; line-height: 45px; position: relative; padding-right: 102px } #news-details .content .discribe .icon { float: left; background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/news-icon.png"); width: 24px; height: 24px; cursor: pointer; margin-right: 10px; margin-top: 10px } #news-details .content .discribe .wx { background-position: 0 0 } #news-details .content .discribe .ll { background-position: -34px 0 } #news-details .content .discribe .xl { background-position: -68px 0 } #news-details .content .article { margin-top: 30px } #news-details .content .article p { text-indent: 2em; margin-bottom: 20px; color: #444; line-height: 25px } #news { padding-top: 0; position: relative } #news .title-top { overflow: hidden; border-bottom: 2px solid #ebebeb } #news .title-top h2 { float: left; width: 25%; height: 50px; text-align: center; line-height: 50px; *width: 24% } #news .title-top h2 span { font-size: 18px; color: #444; font-weight: 400; cursor: pointer } #news .title-top .now span { color: #dd2726 } #news .content { padding-top: 50px; position: relative } #news .content li { padding-left: 522px; padding-top: 40px; position: relative; border-bottom: 1px solid #ebebeb; height: 200px; padding-bottom: 40px } #news .content li .time { position: absolute; width: 184px; height: 100%; left: 0; top: 40px } #news .content li .time h2 { height: 100px; width: 110px; margin: 0 auto; border-bottom: 4px solid #ebebeb; text-align: center; line-height: 100px; font-size: 50px; color: #afafaf } #news .content li .time p { margin-top: 16px; text-align: center; color: #bfbfbf; font-size: 16px } #news .content li .img { position: absolute; left: 184px; top: 40px } #news .content li .article .title { font-size: 18px; color: #1296db; height: 50px; line-height: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: 5px; font-weight: 400 } #news .content li .article p { text-indent: 2em; color: #999; line-height: 25px } #news .content li .article .link { position: absolute; bottom: 40px; right: 83px; height: 33px; width: 113px; border: 1px solid #c9c9c9; border-radius: 4px } #news .content li .article .link a { display: block; height: 100%; text-align: center; line-height: 33px; color: #999; padding-right: 20px } #news .content li .article .link a .icon { background-image: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/news-rowicon.png"); background-position: 0 0; width: 11px; height: 9px; position: absolute; top: 13px; right: 20px } #news .content .ys { margin-top: 50px } #news .content .ys a:hover { background: #dd2726; border-color: #dd2726; color: #fff } #news .content .ys .now { color: #fff; background: #dd2726; border-color: #dd2726 } .help-common .left .l12 { border-left-color: #4fdfe8; border-bottom: 1px solid #e8e8e8 } .help-common .left .l13{ border-left-color: #0cbb63; border-bottom: 1px solid #e8e8e8 } .page-commonContent .left li[data-name='etpemail']{ border-left-color: #d554bb; border-bottom: 1px solid #e8e8e8; } .page-commonContent .left li[data-name='etpemail'].now a{ color: #d554bb; } #help-commonProblemsComment .l2 a { color: #898989; background: #fff } #help-commonProblemsComment .l1.now a { color: #ed5351; background: #f3f3f3 } #help-commonProblemsComment .l2.now a { color: #f58464; background: #f3f3f3 } #help-commonProblemsComment .l3.now a { color: #fe9942; background: #f3f3f3 } #help-commonProblemsComment .l4.now a { color: #29bc91; background: #f3f3f3 } #help-commonProblemsComment .l5.now a { color: #92a4a4; background: #f3f3f3 } #help-commonProblemsComment .l6.now a { color: #23b0cb; background: #f3f3f3 } #help-commonProblemsComment .l7.now a { color: #8e8fbd; background: #f3f3f3 } #help-commonProblemsComment .l8.now a { color: #e6bf4f; background: #f3f3f3 } #help-commonProblemsComment .l9.now a { color: #b89763; background: #f3f3f3 } #help-commonProblemsComment .l10.now a { color: #ee6b97; background: #f3f3f3 } .help-common .left .l11 .icon { background-position: 0 -345px } .help-common .left .l11 { border-left-color: #4095ff } .help-common .left .l12 .icon { background-position: 0 -382px } .help-common .left .l13 .icon { background-position: 0 -418px } /* 浼佷笟閭眬 */ .help-common .left li:nth-child(13) .icon { background-position: 0 -448px } #help-commonProblemsComment .l11.now a { color: #4095ff; background: #f3f3f3 } #help-commonProblemsComment .l12.now a { color: #4fdfe8; background: #f3f3f3 } #help-commonProblemsComment .l13.now a { color: #0cbb63; background: #F3F3F3; } .problem_detail table{ border-collapse: collapse; } .problem_detail td{ border: solid 1px #666; text-align: center; }