/*客服首页样式*/ .serContainer{ width:961px; margin:20px auto 20px;} .serHead{} .serHead .serLogo{ float:left; width:154px; height:55px;} .serHead .serInfo{ float:left; margin-left:189px;} .serHead .serInfo ul{ float:left;} .serHead .serInfo li{ color:#595757;} .serHead .serInfo li img{ margin-right:3px;} .serHead .serInfo li .imgpos1{margin-left:95px;} .serHead .serInfo li .imgpos2{margin-left:31px;} .serHead .serInfo li a{ color:#595757;} /*链接*/ .serLink ul li{ float:left; } /* .serLink .navLeft{width:11px; height:33px; float:left;background:url("../img/service/title/nomal/22.png") no-repeat;} .serLink .navRight{width:9px; height:34px; float:left;background:url("../img/service/title/nomal/29.png") no-repeat;} .serLink ul li .homepage{ width:118px; height:34px; float:left;background:url("../img/service/title/nomal/23.png") no-repeat;} .serLink ul li .jhknow{ width:167px; height:34px; float:left;background:url("../img/service/title/nomal/24.png") no-repeat;} .serLink ul li .interClass{ width:166px; height:34px; float:left;background:url("../img/service/title/nomal/25.png") no-repeat;} .serLink ul li .downLode{ width:166px; height:34px; float:left;background:url("../img/service/title/nomal/26.png") no-repeat;} .serLink ul li .servicePage{ width:167px; height:34px; float:left;background:url("../img/service/title/nomal/27.png") no-repeat;} .serLink ul li .sellRule{ width:157px; height:34px; float:left;background:url("../img/service/title/nomal/28.png") no-repeat;} .serLink ul li .homepage:hover{ width:118px; height:34px; float:left;background:url("../img/service/title/hover/23.png") no-repeat;} .serLink ul li .jhknow:hover{ width:167px; height:34px; float:left;background:url("../img/service/title/hover/24.png") no-repeat;} .serLink ul li .interClass:hover{ width:166px; height:34px; float:left;background:url("../img/service/title/hover/25.png") no-repeat;} .serLink ul li .downLode:hover{ width:166px; height:34px; float:left;background:url("../img/service/title/hover/26.png") no-repeat;} .serLink ul li .servicePage:hover{ width:167px; height:34px; float:left;background:url("../img/service/title/hover/27.png") no-repeat;} .serLink ul li .sellRule:hover{ width:157px; height:34px; float:left;background:url("../img/service/title/hover/28.png") no-repeat;} .serLink ul li .homepage:active{ width:118px; height:34px; float:left;background:url("../img/service/title/down/23.png") no-repeat;} .serLink ul li .jhknow:active{ width:167px; height:34px; float:left;background:url("../img/service/title/down/24.png") no-repeat;} .serLink ul li .interClass:active{ width:166px; height:34px; float:left;background:url("../img/service/title/down/25.png") no-repeat;} .serLink ul li .downLode:active{ width:166px; height:34px; float:left;background:url("../img/service/title/down/26.png") no-repeat;} .serLink ul li .servicePage:active{ width:167px; height:34px; float:left;background:url("../img/service/title/down/27.png") no-repeat;} .serLink ul li .sellRule:active{ width:157px; height:34px; float:left;background:url("../img/service/title/down/28.png") no-repeat;} */ /*添加VIP*/ .serLink ul li .homepage{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/n_22.png") no-repeat;} .serLink ul li .jhknow{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/n_23.png") no-repeat;} .serLink ul li .interClass{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/n_24.png") no-repeat;} .serLink ul li .downLode{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/n_25.png") no-repeat;} .serLink ul li .VIPClub{ width:137px; height:33px;float:left;background:url("../img/service/tabLink/n_26.png") no-repeat;} .serLink ul li .servicePage{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/n_27.png") no-repeat;} .serLink ul li .sellRule{ width:139px; height:33px; float:left;background:url("../img/service/tabLink/n_28.png") no-repeat;} .serLink ul li .homepage:hover{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/h_22.png") no-repeat;} .serLink ul li .jhknow:hover{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/h_23.png") no-repeat;} .serLink ul li .interClass:hover{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/h_24.png") no-repeat;} .serLink ul li .downLode:hover{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/h_25.png") no-repeat;} .serLink ul li .VIPClub:hover{ width:137px; height:33px;float:left;background:url("../img/service/tabLink/h_26.png") no-repeat;} .serLink ul li .servicePage:hover{ width:137px; height:33px;float:left;background:url("../img/service/tabLink/h_27.png") no-repeat;} .serLink ul li .sellRule:hover{ width:139px; height:33px;float:left;background:url("../img/service/tabLink/h_28.png") no-repeat;} .serLink ul li .homepage:active{ width:137px; height:33px;float:left;background:url("../img/service/tabLink/a_22.png") no-repeat;} .serLink ul li .jhknow:active{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/a_23.png") no-repeat;} .serLink ul li .interClass:active{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/a_24.png") no-repeat;} .serLink ul li .downLode:active{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/a_25.png") no-repeat;} .serLink ul li .VIPClub:active{ width:137px; height:33px;float:left;background:url("../img/service/tabLink/a_26.png") no-repeat;} .serLink ul li .servicePage:active{ width:137px; height:33px; float:left;background:url("../img/service/tabLink/a_27.png") no-repeat;} .serLink ul li .sellRule:active{ width:139px; height:33px; float:left;background:url("../img/service/tabLink/a_28.png") no-repeat;} /*横幅*/ .serAdver0{width:960px; height:236px; float:left;background:url("../img/service/tonglan1.jpg") no-repeat;} .serAdver1{width:960px; height:236px; float:left;background:url("../img/service/tonglan2.jpg") no-repeat;} .serAdver2{width:960px; height:236px; float:left;background:url("../img/service/tonglan3.jpg") no-repeat;} .serAdver3{width:960px; height:236px; float:left;background:url("../img/service/tonglan4.jpg") no-repeat;} .advSwitch table{ float:right; margin-top:180px;} .advSwitch table td{ width:65px; height:30px; } .Sbigon{ border:solid 1px #03fef5;width:65px; height:30px;} .Sbigoff{border:solid 1px #ffffff;width:65px; height:30px;} /*服务动态，互动课堂，售后指南*/ .serContent .leftCont{ width:634px;float:left;} .moduleHead{} .moduleHead-tiling{background:url("../img/service/tab/jhpersonalhomepage_07.png") repeat-x; width:606px; height:37px; float:left;} .sTab{ height:32px;margin-top:-37px; float:left;} .sTab li{ float:left;background:url("../img/service/tab/tab_40.png") no-repeat; width:87px; height:37px; margin-right:5px;} .sTab li a{width:87px; height:37px; color:#fffdfd;} .sTab li a span{display:block; text-align:center; vertical-align:middle; padding-top:11px; font-size:14px; font-weight:bold;} .sTab li a:hover {background:url("../img/service/tab/jh5_75-1-1.png") no-repeat; width:87px;color:#14589e; height:37px; display:block; text-align:center; vertical-align:middle; text-decoration:none;} .sTab li .currentTab{background:url("../img/service/tab/jh5_75-1-1.png") no-repeat; width:87px;color:#14589e; height:37px; display:block; text-align:center; vertical-align:middle; text-decoration:none; } /*合并服务动态、互动课堂、售后指南*/ .moduleContent-ser{ width:574px; height:290px;background-color:#e1eaf2; padding:0px 30px 0px 30px;} .leftModule{ float:left; width:340px; height:260px; margin-top:15px;} .tabContent{ width:340px; height:160px; } .rightModule{ float:right;margin-top:15px;} /*服务动态*/ .fuwudongtai{ width:340px; height:160px;} .fuwudongtai .problem ul{width:162px; } .fuwudongtai .problem li{ margin-top:15px;} .fuwudongtai .problem li select{ width:160px; } .fuwudongtai .problem h1{ color:#1d1d1d; font-size:14px;} /*互动课堂*/ .hudongketang{ height:160px;} .hudongketang .coursewareNav{ width:180px; float:left; } .hudongketang .coursewareNav h1{color:#1d1d1d; font-size:14px;} .hudongketang .actClass{ float:right;width:150px;} .hudongketang .actClass p{ line-height:18px; height:90px; width:150px;color:#434343; text-indent:2em; white-space: wrap;text-overflow:ellipsis; overflow: hidden; display:block; } .hudongketang .actClass span{ margin-top:8px; display:block;font-weight:bold;} .hudongketang .actClass h1{color:#1d1d1d; font-size:14px;} .coursewareNav .divRadio span{color:#1d1d1d; font-size:14px; } .coursewareNav ul { margin-top:8px;} .coursewareNav ul li{ float:left; padding-right:15px; } /*售后指南*/ .shouhouzhinan{ height:160px;} .shouhouzhinan .mapSell{ width:340px; } .shouhouzhinan .mapSell h1{color:#1d1d1d; font-size:14px;} /*服务快讯*/ .serviceNews{ margin-top:10px; } .serviceNews h2{color:#1d1d1d; font-size:14px;background:url("../img/service/images/split.png") left bottom repeat-x; width:68px; height:22px; line-height:22px; margin-bottom:3px;} .snSplit{ background:url("../img/service/images/split.png") repeat-x; width:68px;height:2px; margin-top:5px; margin-bottom:5px!important; margin-bottom:0px; } .serviceNews p{ line-height:19px; height:57px;width:340px;white-space: wrap;text-overflow:ellipsis; overflow: hidden; display:block; } .serviceNews p a{color:#434343;} .serviceNews p a:hover{color:#434343; text-decoration:none;} /*每日回答*/ /* .Mcfly{background:url("../img/service/images/bottom.png") repeat-x; width:196px; height:234px; float:right;} .Mcfly li{ height:57px; display:inline-block;} .Mcfly li .wordLink1{ color:#1d1d1d; font-size:14px;position:relative;top:-10px; left:43px;} .Mcfly li .wordLink2{ color:#1d1d1d; font-size:14px;position:relative;top:-10px; left:33px;} .Mcfly li .imgAnswer{ position:relative;top:3px; left:13px;} .Mcfly li .imgNew{ position:relative;top:8px; left:13px;} .Mcfly li .dayAnswer{ width:170px; height:15px; line-height:15px; white-space: wrap;text-overflow:ellipsis; overflow: hidden; display:block; color:#434343; margin-left:10px; } .Mcfly li .dayAnswer:hover{ text-decoration:none;}*/ .Mcfly{background:url("../img/service/images/backg1.gif") repeat-x; width:196px; height:262px; float:right;} .Mcfly li{ height:54px; display:inline-block; } .Mcfly li .wordLink1{ color:#1d1d1d; font-size:14px;position:relative;top:-13px!important;top:-16px; left:39px;} .Mcfly li .wordLink2{ color:#1d1d1d; font-size:14px;position:relative;top:-10px; left:33px;} #saleBeforeDiv a{ color:#1d1d1d; font-size:14px;} .Mcfly li .imgAnswer{ position:relative;top:3px; left:13px;} /* .Mcfly li .imgNew{ position:relative;top:5px; left:13px;}*/ .Mcfly li .dayAnswer{ width:170px; height:15px; line-height:15px; white-space: wrap;text-overflow:ellipsis; overflow: hidden; display:block; color:#434343; margin-left:10px; } .Mcfly li .dayAnswer:hover{ text-decoration:none;} /*公告、接待日、登录*/ .rightCon{ float:right;} .rightCon .announcement{background:url("../img/service/images/notice.png") repeat-x; width:323px; height:54px;} .rightCon .announcement p{ color:#595757; font-size:14px; font-weight:bold;white-space: wrap;text-overflow:ellipsis; overflow: hidden; display:block; width:265px; height:20px; line-height:20px; padding-left:18px; padding-top:19px;} .rightCon .announcement p a{color:#595757;} .rightCon .announcement p a:hover{ text-decoration:none;} .rightCon .announcement span{ font-size:12px;} /* .rightCon .openDay{background:url("../img/service/images/customrece.png") repeat-x; width:323px; height:114px; margin-top:3px;} .rightCon .openDay .content{ float:left;} .rightCon .openDay img{ float:right;} .rightCon .openDay .timeDiv{ width:250px; position:relative; top:18px; left:18px; height:20px; } .rightCon .openDay .aTitle{ color:#595757; font-size:14px; font-weight:bold;display:inline-block; width:90px; height:20px; line-height:20px; float:left;} .rightCon .openDay .timeP{ font-size:12px; display:inline-block; width:150px; float:left; line-height:20px;} .rightCon .openDay .topic{ white-space: wrap;text-overflow:ellipsis; overflow: hidden; display:block; width:265px; height:36px; line-height:18px; position:relative; top:25px; left:18px; } .rightCon .openDay .applyTable{border-top:dotted 1px white; margin-top:30px; margin-left:15px;text-align:center; font-weight:bold; height:20px; line-height:20px; width:240px;}*/ .rightCon .openDay{background:url("../img/service/images/customrece.png") repeat-x; width:323px; height:114px; margin-top:3px;} .rightCon .openDay .topCont{ width:323px; height:80px;} .rightCon .openDay .content{ float:left;} .rightCon .openDay img{ float:right;} .rightCon .openDay .timeDiv{ width:250px; position:relative; top:18px; left:18px; height:20px; } .rightCon .openDay .aTitle{ color:#595757; font-size:14px; font-weight:bold;display:inline-block; height:20px; line-height:20px; float:left;} .rightCon .openDay .timeP{ font-size:12px; display:inline-block; width:150px; float:left; line-height:20px;} .rightCon .openDay .topic{ color:#000;white-space: wrap;text-overflow:ellipsis; overflow: hidden; display:block; width:265px; height:36px; line-height:18px; position:relative; top:25px; left:18px; } .rightCon .openDay .applyTable{border-top:dotted 1px black; margin-top:5px;font-weight:bold; height:20px; line-height:20px; width:293px; padding:0px 15px; } .rightCon .openDay .appTable{ float:left;} .rightCon .openDay .disTable{ float:right;} .rightCon .loginBox{background:url("../img/service/images/login.png") repeat-x; width:323px; height:150px; margin-top:4px;} .loginBox table{width:323px; height:120px; position:relative;top:15px!important; top:10px;} .loginBox table tr{ height:28px; } .loginBox table th{ width:90px; color:#434343; font-weight:bold; text-align:right;} .loginBox table td input{ background-color:#eff8ff; border:solid 1px #ccc;} .loginBox .securityCode{ color:#434343; font-weight:bold; margin-left:8px;} /*.loginBox .loginBtn {background:url("../img/service/btn/login-nomal.png") no-repeat; width:63px; height:23px; display:block; float:left;} .loginBox .loginBtn {background:url("../img/service/btn/login-nomal.png") no-repeat; width:63px; height:23px; display:block; float:left;}*/ .loginBox .loginBtn {background:url("../img/service/btn/login-nomal.png") no-repeat; width:63px; height:23px; display:block; float:left; border:none;} .loginBox .loginBtn:hover {background:url("../img/service/btn/login-hover.png") no-repeat; width:63px; height:23px;display:block;} .loginBox .loginBtn:active {background:url("../img/service/btn/login-act.png") no-repeat; width:63px; height:23px;display:block;} .loginBox .registerBtn {background:url("../img/service/btn/reg-nomal.png") no-repeat; width:63px; height:23px;display:block; float:left;} .loginBox .registerBtn:hover {background:url("../img/service/btn/reg-hover.png") no-repeat; width:63px; height:23px;display:block;} .loginBox .registerBtn:active {background:url("../img/service/btn/reg-act.png") no-repeat; width:63px; height:23px;display:block;} .forgetPsw{ line-height:23px;} /*已登录状态*/ .enteredBox{ width:280px; height:120px; padding-left:20px; padding-top:20px;} .enteredBox .boxTop{ height:84px; width:280px;} .enteredBox .boxTop .avatarBorder{background:url("../img/service/login/avatorBorder.png") no-repeat; width:84px; height:84px; float:left; padding:6px 0px 0px 6px;} .enteredBox .boxTop .infoRight{ float:right; width:183px;} .enteredBox .boxTop .infoRight h1{ color:#0057a7; font-size:16px; font-weight:bold; height:30px; line-height:30px;} .enteredBox .boxTop .infoRight .splitLogin{background:url("../img/service/login/sp.png") no-repeat; width:183px; height:2px; } .enteredBox .boxTop .infoRight p{ color:#9b9b9b;height:25px; line-height:25px;} .enteredBox .boxTop .infoRight .jibieSpan1{display:block; padding:0px 0px 0px 20px;background:url("../img/show/class1.gif") top left no-repeat; width:45px; height:18px; line-height:18px; float:left;} .enteredBox .boxTop .infoRight .jibieSpan2{display:block; padding:0px 0px 0px 20px;background:url("../img/show/class2.gif") top left no-repeat; width:45px; height:18px; line-height:18px; float:left;} .enteredBox .boxTop .infoRight .jibieSpan3{display:block; padding:0px 0px 0px 20px;background:url("../img/show/class3.gif") top left no-repeat; width:45px; height:18px; line-height:18px; float:left;} .enteredBox .boxTop .infoRight .jibieSpan4{display:block; padding:0px 0px 0px 20px;background:url("../img/show/class4.gif") top left no-repeat; width:45px; height:18px; line-height:18px; float:left;} .enteredBox .boxTop .infoRight .jibieSpan5{display:block; padding:0px 0px 0px 20px;background:url("../img/show/class5.gif") top left no-repeat; width:45px; height:18px; line-height:18px; float:left;} .enteredBox .boxTop .infoRight .jibieSpan6{display:block; padding:0px 0px 0px 20px;background:url("../img/show/class6.gif") top left no-repeat; width:45px; height:18px; line-height:18px; float:left;} .enteredBox .boxTop .infoRight .jibieSpan7{display:block; padding:0px 0px 0px 20px;background:url("../img/show/class7.gif") top left no-repeat; width:45px; height:18px; line-height:18px; float:left;} .enteredBox .boxTop .infoRight .scorePic{ display:block; padding:0px 0px 0px 23px;background:url("../img/service/login/jinbi.png") top left no-repeat; max-width:60px; height:18px; float:right;} .enteredBox .boxBot{ height:29px;width:280px; } .enteredBox .boxBot .myKnow{display:block; padding:0px 0px 0px 29px;background:url("../img/service/login/zhidao.png") top left no-repeat; width:80px; height:29px; line-height:29px; float:left; color:#9b9b9b;} .enteredBox .boxBot .exitBtn{background:url("../img/service/login/tuichu.png") center left no-repeat; width:63px; height:29px;display:block; float:right;} .enteredBox .boxBot .setBtn{background:url("../img/service/login/set1.png") center left no-repeat; width:63px; height:29px;display:block; float:right;margin-right:10px;} /*底部*/ .serBottom{ margin-top:5px;} .serBottom .leftBot{ float:left;} .serBottom .leftBot img{ float:left;} .serBottom .leftBot ul{ float:left; margin-top:10px; margin-left:20px;} .serBottom .leftBot ul li{ float:left;} .serBottom .leftBot ul li a{ font-size:14px; color:#898989;} .serBottom .leftBot ul li a{ text-decoration:none;} .serBottom .rightBot{ float:right;width:323px;} .serBottom .rightBot p{ color:#898989; float:right; display:block;} /*新手上路*/ .serCont{background:url("../img/headAndBottom/jh5bottom_08.png") bottom center repeat-x; width:100%; padding-bottom:110px!important;padding-bottom:80px;} .newbieContainer{background:url("../img/newbie/newbieBack.png") repeat-x; width:870px; height:760px; margin:7px auto 0px; padding:70px 45px 0px 45px; } .newbieContent{} .newbieContent .title{ color:#575A53; font-size:14px; line-height:25px; letter-spacing:2px;} .newbieContent .answer{ color:#8d8b8b; line-height:23px; letter-spacing:2px;} /*找回密码*/ .psdContainer{ width:960px; margin:0px auto; } .headPsd{ border-bottom:solid 1px #bed0da; width:620px; height:30px; line-height:30px; } .headPsd b{ font-size:16px;} .nameCont{ margin-left:20px; margin-top:30px;} .infoP{ height:20px; line-height:20px; font-size:14px;} .inputPsd{ border:solid 1px #ccc; width:150px;} .addEmail{} .emailBorder{ width:660px; height:100px; border:solid 1px #eaeaea; background-color:#fafafa;} .emailHead{border-bottom:solid 1px #eaeaea; width:600px; margin:10px auto;} .emailHead b{ font-size:14px;} .emailBorder p{ margin-left:30px; margin-top:5px;} .emailBorder input{ margin-left:30px; margin-top:5px;} .emailBorder span{ margin-left:30px; margin-top:5px; display:block;} .securityCode{ width:320px; height:40px; background-color:#f7f7f7; border:solid 1px #f0f0f0; margin-top:20px; padding:15px 0px;} .txt_sec{ width:80px; border:solid 1px #ccc; } .secDiv{ width:90px; margin-left:10px; float:left;} .secDiv p{ height:20px;} .secPic{ width:120px; height:40px; float:left; } .invisibility{ margin-top:30px; vertical-align:bottom;} /*公告滚动*/ .serviceNotice{background:url("../img/service/noticebg.gif") no-repeat; width:323px; height:170px; } .serviceNotice .ulNotice{ position:relative; top:20px; padding:0px 13px; width:225px;} .serviceNotice .ulNotice li{ width:225px; margin-bottom:10px;} .serviceNotice .ulNotice li a{line-height:20px; color:#4c4c4c;width:170px;white-space: wrap; overflow: hidden; display:block;height:20px;background:url(../img/knowPage/ico-notice1.png) left top no-repeat;padding:0 0 0 20px;} .serviceNotice #rollbox{ width:220px; height:20px;border:solid 1px #95C8E3;overflow:hidden;position:relative; top:20px; margin-left:13px;background:url(../img/knowPage/ico-notice1.png) left top no-repeat;} .serviceNotice .roll li{height:inherit;} .serviceNotice .roll a{ line-height:20px; color:#4c4c4c;width:170px;white-space: wrap; overflow: hidden; display:block;height:20px;padding:0 0 0 20px;} .serviceNotice .announce{width:323px; height:43px;} .serviceNotice .announce p{ color:#595757; font-size:14px; font-weight:bold; display:block; width:265px; height:43px; line-height:43px; padding-left:20px;}