@charset "utf-8"; /*! * man.css * Date:2011-10-29 */ .clearfloat { clear: both } .g_editPanel { font-family: "Microsoft YaHei", "寰蒋闆呴粦", sans-serif } .g_editPanel a { font-family: "Microsoft YaHei", "寰蒋闆呴粦", sans-serif } .g_editPanel div { font-family: "Microsoft YaHei", "寰蒋闆呴粦", sans-serif } .siteBulletin_box { width: 280px; height: auto; border: 1px #e5e5e5 solid; border-radius: 5px; font-size: 12px } .siteBulletin_box { position: absolute; background: #FFF; z-index: 9031; right: 20px; bottom: 3px; display: none; font-size: 12px; margin: 0; padding: 1px 1px 1px 1px; color: #003b9c } .siteBulletin_box ul { margin: 0; padding: 0 } .siteBulletin_box li { list-style-type: none } .siteBulletin_box a { color: #003b9c; font-size: 12px } .siteBulletin_box a:hover { color: #1a1b1b } .siteBulletin_title { width: 280px; position: relative } .siteBulletin_title a { margin-top: 5px } .siteBulletin_close { width: 12px; height: 12px; display: block; background: url(/image/site/siteBulletin/close.gif?v=201310281734) no-repeat; position: absolute; right: 8px; top: 8px } .siteBulletin_close:hover { background: url(/image/site/siteBulletin/close_hover.gif?v=201310281734) no-repeat } .siteBulletin_middle { width: 100%; height: auto; background: #f6f6f6 } .siteBulletin_middle .siteBulletin_top { width: 95%; height: 38px; margin: 0 0 0 10px } .siteBulletin_middle .siteBulletin_top h1 { font-size: 12px; font-weight: normal; margin: 0; padding: 9px 0 8px 0 } .siteBulletin_middle .siteBulletin_top p { margin: 0 } .siteBulletin_middle .siteBulletin_top .siteBulletin_topImg { float: left; background: url(/image/site/siteBulletin/logo.gif) no-repeat; width: 20px; height: 16px; margin-top: 11px } .siteBulletinMsg { float: left; height: 38px; line-height: 38px } .siteBulletin_name { float: left; width: 85px; height: 38px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: "瀹嬩綋", Arial; font-size: 16px; font-weight: bold } .siteBulletinAdImg { float: left; width: 89px; height: 100%; background: url(/image/site/siteBulletin/tgImg2.gif?v=201404011007) 0 center no-repeat } .siteBulletinAdImg:hover { background: url(/image/site/siteBulletin/tgImg2_hover.gif?v=201404011007) 0 center no-repeat } .siteBulletin_number { color: #9c0004 !important; font-weight: bold } .siteBulletin_number:hover { color: #e80207 !important } .siteBulletin_get { width: 278px; height: 2px; line-height: 1px; background: url(/image/site/siteBulletin/line.jpg?v=201310281734) no-repeat; font-size: 0 } .siteBulletin_bottom { width: 100%; height: auto } .siteBulletin_bottom ul { padding: 10px 0 10px 10px } .siteBulletin_bottom ul li { background: url(/image/site/siteBulletin/tag.gif) no-repeat 2px 9px; padding-left: 10px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .siteBulletin_bottom ul li a { text-decoration: none } .siteBulletin_bottom ul li a:hover { text-decoration: underline } .siteBulletin_small_box { width: 35px; height: 30px; display: none; cursor: pointer; background: url(/image/site/siteBulletin/small_box.png) no-repeat; position: absolute; z-index: 9031; right: 20px; bottom: 3px } .siteRenewNotice_box { position: absolute; background: #FFF; z-index: 9031; right: 20px; width: 280px; display: none; bottom: 3px; height: auto; border: 1px #e5e5e5 solid; font-family: 瀹嬩綋, 鏂板畫浣掻 font-size: 12px; margin: 0; padding: 0; color: #003b9c } .siteRenewNotice_name { margin-left: 10px; color: #003b9c } .siteRenewNotice_bottom { padding: 15px 0; font-size: 12px } .siteRenewNotice_top { width: 95%; margin: 10px 0 0 10px } .siteRenewNotice_close { width: 12px; height: 12px; display: block; background: url(/image/site/siteBulletin/close1.gif) no-repeat; position: absolute; right: 8px; top: 8px } .siteRenewNotice_close:hover { background: url(/image/site/siteBulletin/close_hover1.gif) no-repeat } .styleRenewNoticeButton { float: left; background: url(/image/site/siteRenewNotice/renew.jpg) no-repeat; width: auto; width: 88px; max-width: none; height: 32px; line-height: 24px; cursor: pointer } .styleRenewNoticeA { color: #939393; font-family: 瀹嬩綋, 鏂板畫浣掻 margin: 0 6px; float: left; cursor: pointer; text-decoration: underline } .siteRenewNotice_bottom_div { line-height: 20px; margin-bottom: 15px; color: #003b9c; padding: 0 10px } .siteRenewNoticeIncludeA { height: 30px; margin-left: 60px; line-height: 32px; color: #003b9c; margin-top: 10px } .siteRenewNotice_get { width: 280px; height: 1px; line-height: 1px; background: url(/image/site/siteBulletin/get.png) no-repeat; font-size: 0 } .siteRenewNotice_middle { width: 100%; height: auto; background: url(/image/site/siteBulletin/bg.png) repeat-x top } .siteRenewNotice_small_box { width: 35px; height: 30px; display: none; cursor: pointer; background: url(/image/site/siteRenewNotice/renewnotice.png) no-repeat; position: absolute; z-index: 9030; right: 56px; bottom: 3px } .g_manageLeft { position: absolute; top: 0; left: -20px; width: 20px; height: auto; border: 1px solid #224e82; background-color: #ecf6ff } .g_manageLeft .msLeft { width: 20px; height: auto; line-height: 20px; margin: 0; padding: 0; cursor: pointer } .g_manageLeft .msLeftOpen { float: left; background: url(/image/bg01.png?v=201503161711) -1368px -360px no-repeat; width: 20px; height: 20px; margin: 0; padding: 0 } .g_manageLeft .msLeftMsg { float: left; margin: 0; height: auto; line-height: 16px; color: #224e82 } .g_manageLeft .msLeftMsg span { color: red; text-align: center; display: block; width: 20px; word-break: break-all; font-size: 12px } .g_manageLeft .msLeftClose { float: left; background: url(/image/bg01.png?v=201503161711) -1332px -360px no-repeat; width: 20px; height: 20px; margin: 0; padding: 0 } .g_manageRight { position: absolute; top: 0; right: -20px; width: 20px; height: auto; border: 1px solid #224e82; background-color: #ecf6ff } .g_manageRight .msRight { width: 20px; height: auto; line-height: 20px; margin: 0; padding: 0; cursor: pointer } .g_manageRight .msRightOpen { float: left; background: url(/image/bg01.png?v=201503161711) -1332px -360px no-repeat; width: 20px; height: 20px; margin: 0; padding: 0 } .g_manageRight .msRightMsg { float: left; margin: 0; height: auto; line-height: 16px; color: #224e82 } .g_manageRight .msRightMsg span { color: red; text-align: center; display: block; width: 20px; word-break: break-all; font-size: 12px } .g_manageRight .msRrightClose { float: left; background: url(/image/bg01.png?v=201503161711) -1368px -360px no-repeat; width: 20px; height: 20px; margin: 0; padding: 0 } .coverLayer { position: absolute; margin: 0; padding: 0; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccfafa; filter: alpha(opacity=50); z-index: 9030; overflow: hidden; opacity: .5 } .coverLayerOperation { position: absolute; top: 0; right: 0; z-index: 9030 } .g_middlePlaceholder { border: 1px dashed #3297ff; background: #cbe3fb; color: #3297ff; height: 60px; font-size: 12px; text-align: center } .g_middlePlaceholder2 { border: 1px dashed #3297ff; background: #cbe3fb; color: #3297ff; float: left; width: 80px; height: 26px; line-height: 26px } .g_middlePlaceholder3 { width: 99%; height: 90px } .moveLayer { position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 40px; background: #ccfafa url(/image/move.gif) center center no-repeat; z-index: 9030; overflow: hidden; cursor: move; filter: alpha(opacity=40); opacity: .4 } .moveFrame { position: absolute; border: #2b73ba 0 dashed; font-size: 0; overflow: hidden; zoom: 1; z-index: 9028 } .editLayer { position: absolute; font-size: 0; margin: 0; padding: 0; top: 0; left: 0; height: 24px; z-index: 9030; overflow: hidden; zoom: 1; background-color: #4f97df; border: 1px solid #3178c0 } .editLayer a { float: left; font-family: 瀹嬩綋, 鏂板畫浣掻 display: inline; text-decoration: none; background-color: #FFF; font-size: 0; color: #999; width: 24px; height: 24px } .editLayer a:hover { color: #FFF } .editLayer .tools { float: left; padding: 0 } .editLayer .tools .disabledBtn { display: none } .editLayerV { width: 26px; height: auto } .editLayerV a { clear: both; margin: 2px 0 } .editLayerV .tools { padding: 3px 3px } .formEditLayer { background-color: #FFC; border: 1px solid #ff8040; border-bottom-style: dashed } .formEditLayer a { border: 1px solid #999 } .formPosLayer { background-color: #FFC; border: 1px solid #ff8040; border-right-style: dashed } .formPosLayer a { border: 1px solid #999 } .editLayer .button { line-height: 24px; padding: 0 5px; font-size: 12px; font-weight: normal; width: auto; text-decoration: none; background-color: #4f97df; color: #FFF } .editLayer .button:hover { text-decoration: underline } .editLayer .itemHr { height: 26px; float: left; border-right: 1px solid #3178c0 } .editLayer .close { background: url(/image/bg02.png?v=201506181858) -310px -221px no-repeat; background-color: #4f97df } .editLayer .close:hover { background: url(/image/bg02.png?v=201506181858) -310px -221px no-repeat; background-color: #3b85d0 } .editLayer .del { background: #FFF url(/image/bg01.png?v=201503161711) -1583px 4px no-repeat } .editLayer .del:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1547px 4px no-repeat } .editLayer .edit { background: url(/image/bg02.png?v=201506181858) -311px -182px no-repeat; background-color: #4f97df } .editLayer .edit:hover { background: url(/image/bg02.png?v=201506181858) -311px -182px no-repeat; background-color: #3b85d0 } .editLayer .set { background: #FFF url(/image/bg01.png?v=201503161711) -1183px -293px no-repeat } .editLayer .set:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1147px -293px no-repeat } .editLayer .bannerAndBorder { background: #FFF url(/image/bg01.png?v=201503161711) -1406px -358px no-repeat } .editLayer .bannerAndBorder:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1441px -358px no-repeat } .editLayer .absModule { background: #FFF url(/image/bg01.png?v=201503161711) -1403px -71px no-repeat } .editLayer .absModule:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1439px -71px no-repeat } .editLayer .dockModule { background: #FFF url(/image/bg01.png?v=201503161711) -1147px -162px no-repeat } .editLayer .dockModule:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1185px -162px no-repeat } .editLayer .add { background: #FFF url(/image/bg01.png?v=201503161711) -1651px -319px no-repeat } .editLayer .add:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1615px -319px no-repeat } .editLayer .lock { background: #FFF url(/image/bg01.png?v=201503161711) -1147px -106px no-repeat } .editLayer .lock:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1185px -106px no-repeat } .editLayer .unlock { background: #FFF url(/image/bg01.png?v=201503161711) -1147px -135px no-repeat } .editLayer .unlock:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1185px -135px no-repeat } .editLayer .sidem { background: #FFF url(/image/bg01.png?v=201503161711) -917px -304px no-repeat } .editLayer .sidem:hover { background: #FFF url(/image/bg01.png?v=201503161711) -880px -304px no-repeat } .editLayer .unsidem { background: #FFF url(/image/bg01.png?v=201503161711) -917px -272px no-repeat } .editLayer .unsidem:hover { background: #FFF url(/image/bg01.png?v=201503161711) -880px -272px no-repeat } .editLayer .mail { background: #FFF url(/image/bg01.png?v=201503161711) -1185px -317px no-repeat } .editLayer .mail:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1149px -317px no-repeat } .editLayer .recommend1 { background: #FFF url(/image/bg01.png?v=201503161711) -1185px -342px no-repeat } .editLayer .recommend1:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1150px -342px no-repeat } .editLayer .recommend2 { background: #FFF url(/image/bg01.png?v=201503161711) -1185px -369px no-repeat } .editLayer .recommend2:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1150px -368px no-repeat } .editLayer .lastest1 { background: #FFF url(/image/bg01.png?v=201503161711) -997px -335px no-repeat } .editLayer .lastest1:hover { background: #FFF url(/image/bg01.png?v=201503161711) -954px -335px no-repeat } .editLayer .lastest2 { background: #FFF url(/image/bg01.png?v=201503161711) -997px -371px no-repeat } .editLayer .lastest2:hover { background: #FFF url(/image/bg01.png?v=201503161711) -954px -371px no-repeat } .editLayer .apply { background: #FFF url(/image/bg01.png?v=201503161711) -1280px -66px no-repeat } .editLayer .apply:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1230px -66px no-repeat } .editLayer .top1 { background: url(/image/bg02.png?v=201506181858) -309px -254px no-repeat; background-color: #4f97df } .editLayer .top1:hover { background: url(/image/bg02.png?v=201506181858) -309px -254px no-repeat; background-color: #3b85d0 } .editLayer .top2 { background: url(/image/bg02.png?v=201506181858) -311px -284px no-repeat; background-color: #4f97df } .editLayer .top2:hover { background: url(/image/bg02.png?v=201506181858) -311px -284px no-repeat; background-color: #3b85d0 } .editLayer .mtop { background: #FFF url(/image/bg01.png?v=201503161711) -1403px -249px no-repeat } .editLayer .mtop:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1439px -249px no-repeat } .editLayer .mbottom { background: #FFF url(/image/bg01.png?v=201503161711) -1403px -284px no-repeat } .editLayer .mbottom:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1439px -284px no-repeat } .editLayer .mleft { background: #FFF url(/image/bg01.png?v=201503161711) -955px -229px no-repeat } .editLayer .mleft:hover { background: #FFF url(/image/bg01.png?v=201503161711) -997px -229px no-repeat } .editLayer .mright { background: #FFF url(/image/bg01.png?v=201503161711) -955px -248px no-repeat } .editLayer .mright:hover { background: #FFF url(/image/bg01.png?v=201503161711) -997px -248px no-repeat } .editLayer .remove { background: #FFF url(/image/bg01.png?v=201503161711) -1092px -6px no-repeat } .editLayer .remove:hover { background: #FFF url(/image/bg01.png?v=201503161711) -1122px -6px no-repeat } .richEditPic .edit { background: url(/image/bg02.png?v=201506181858) -1499px -36px no-repeat; background-color: #56a1e3 } .richEditPic .edit:hover { background: url(/image/bg02.png?v=201506181858) -1499px -36px no-repeat; background-color: #3b85d0 } .img_ProductPhoto_LR_Border { position: absolute; border-left: solid 1px #3178c0; overflow: hidden; z-index: 30 } .img_ProductPhoto_TB_Border { position: absolute; border-top: solid 1px #3178c0; overflow: hidden; z-index: 30 } .moduleLayer { position: absolute; color: #000; font-family: 瀹嬩綋, 鏂板畫浣掻 margin: 0; padding: 0; top: 0; left: 0; height: 24px; z-index: 9030; zoom: 1; background-color: #56a1e3; border: 1px solid #3785ca; border-bottom-style: dashed; font-size: 12px } .moduleLayerBottom { border: 1px solid #3785ca; border-top-style: dashed } .moduleLayer a { color: #FFF; font-family: 瀹嬩綋, 鏂板畫浣 } .moduleLayer .tool { position: relative; float: left; margin: 2px 2px; padding: 0 3px; height: 20px; line-height: 22px; display: inline; text-decoration: none; background-color: #56a1e3; color: #FFF } .moduleLayer .tool:hover { text-decoration: underline } .moduleLayer .item { float: left } .moduleLayer .itemHr { height: 24px; float: left; border-right: 1px solid #3785ca } .moduleLayer .menu { width: 110px; _width: 120px; display: none; position: absolute; top: 24px; right: -1px; padding: 0 0 3px 0; background: #56a1e3; border: 1px solid #3785ca; z-index: -1 } .moduleLayer .itemOn { background-color: #56a1e3; height: 25px } .moduleLayer .menuBottom { border-top: 1px solid #3785ca } .moduleLayer .posItem .menu { width: 90px } .moduleLayer .menuItem { display: block; height: 23px; line-height: 23px; clear: both; padding: 0 7px; text-decoration: none } .moduleLayer .menuItem:hover { background-color: #388add } .moduleLayer .menuIcon { display: block; float: left; height: 23px; line-height: 23px; width: 20px; cursor: pointer } .moduleLayer .menuText { display: block; float: left; height: 23px; line-height: 23px; cursor: pointer } .moduleLayer .menuText:hover { background-color: #388add } .moduleLayer .close { background: url(/image/bg02.png?v=201506181858) -88px -24px no-repeat } .moduleLayer .del { background: url(/image/bg01.png?v=201503161711) -1583px 2px no-repeat } .moduleLayer .menuItem:hover .del { background: url(/image/bg01.png?v=201503161711) -1547px 2px no-repeat } .moduleLayer .edit { background: url(/image/bg01.png?v=201503161711) -1230px -259px no-repeat } .moduleLayer .menuItem:hover .edit { background: url(/image/bg01.png?v=201503161711) -1230px -283px no-repeat } .moduleLayer .set { background: url(/image/bg01.png?v=201503161711) -1183px -291px no-repeat } .moduleLayer .menuItem:hover .set { background: url(/image/bg01.png?v=201503161711) -1147px -291px no-repeat } .moduleLayer .bannerAndBorder { background: url(/image/bg02.png?v=201506181858) -93px -330px no-repeat } .moduleLayer .absModule { background: url(/image/bg02.png?v=201506181858) -92px -141px no-repeat } .moduleLayer .dockModule { background: url(/image/bg02.png?v=201506181858) -91px -377px no-repeat } .moduleLayer .add { background: url(/image/bg02.png?v=201506181858) -89px -49px no-repeat } .moduleLayer .lock { background: url(/image/bg02.png?v=201506181858) -92px -164px no-repeat } .moduleLayer .unlock { background: url(/image/bg01.png?v=201503161711) -1147px -133px no-repeat } .moduleLayer .menuItem:hover .unlock { background: url(/image/bg01.png?v=201503161711) -1185px -133px no-repeat } .moduleLayer .sidem { background: url(/image/bg02.png?v=201506181858) -92px -190px no-repeat } .moduleLayer .unsidem { background: url(/image/bg01.png?v=201503161711) -917px -272px no-repeat } .moduleLayer .menuItem:hover .unsidem { background: url(/image/bg01.png?v=201503161711) -880px -272px no-repeat } .moduleLayer .flutterm { background: url(/image/bg02.png?v=201506181858) -93px -5px no-repeat } .moduleLayer .mail { background: url(/image/bg01.png?v=201503161711) -1185px -315px no-repeat } .moduleLayer .menuItem:hover .mail { background: url(/image/bg01.png?v=201503161711) -1149px -315px no-repeat } .moduleLayer .recommend1 { background: url(/image/bg01.png?v=201503161711) -1185px -340px no-repeat } .moduleLayer .menuItem:hover .recommend1 { background: url(/image/bg01.png?v=201503161711) -1150px -340px no-repeat } .moduleLayer .recommend2 { background: url(/image/bg01.png?v=201503161711) -1185px -367px no-repeat } .moduleLayer .menuItem:hover .recommend2 { background: url(/image/bg01.png?v=201503161711) -1150px -366px no-repeat } .moduleLayer .lastest1 { background: url(/image/bg01.png?v=201503161711) -997px -333px no-repeat } .moduleLayer .menuItem:hover .lastest1 { background: url(/image/bg01.png?v=201503161711) -954px -333px no-repeat } .moduleLayer .lastest2 { background: url(/image/bg01.png?v=201503161711) -997px -369px no-repeat } .moduleLayer .menuItem:hover .lastest2 { background: url(/image/bg01.png?v=201503161711) -954px -369px no-repeat } .moduleLayer .apply { background: url(/image/bg02.png?v=201506181858) -93px -307px no-repeat } .moduleLayer .specified { background: url(/image/bg01.png?v=201503161711) -1092px -41px no-repeat } .moduleLayer .menuItem:hover .specified { background: url(/image/bg01.png?v=201503161711) -1122px -41px no-repeat } .moduleLayer .global { background: url(/image/bg02.png?v=201506181858) -93px -238px no-repeat } .moduleLayer .mtop { background: url(/image/bg02.png?v=201506181858) -216px -328px no-repeat } .moduleLayer .mbottom { background: url(/image/bg02.png?v=201506181858) -89px -70px no-repeat } .moduleLayer .mleft { background: url(/image/bg02.png?v=201506181858) -89px -94px no-repeat } .moduleLayer .mright { background: url(/image/bg02.png?v=201506181858) -89px -118px no-repeat } .moduleLayer .remove { background: url(/image/bg02.png?v=201506181858) -93px -261px no-repeat } .moduleLayer .independent { background: url(/image/bg02.png?v=201506181858) -93px -285px no-repeat } .moduleLayer .share { background: url(/image/bg01.png?v=201503161711) -880px -332px no-repeat } .moduleLayer .menuItem:hover .share { background: url(/image/bg01.png?v=201503161711) -918px -332px no-repeat } .moduleLayer .mmiddle { background: url(/image/bg01.png?v=201503161711) -1473px -244px no-repeat } .moduleLayer .menuItem:hover .mmiddle { background: url(/image/bg01.png?v=201503161711) -1509px -244px no-repeat } .moduleLayer .mzindex { background: url(/image/bg02.png?v=201506181858) -90px -355px no-repeat } .moduleLayer .hrLine { height: 1px; font-size: 0; padding: 0; margin: 0 5px 0 5px; border-bottom: 1px solid #9bc8ef } .moduleLayer .posItem a.tool { background: url(/image/bg02.png?v=201506181858) -394px -182px no-repeat } .moduleLayer .item.posItem a.tool { width: 37px } .moduleLayer .item.setItem a.tool { width: 37px } .moduleLayer .setItem a.tool { background: url(/image/bg02.png?v=201506181858) -394px -182px no-repeat } .multiModuleLayer { background: #7f7f7f; border: 1px solid #555 } .multiModuleLayer .tool { background: #7f7f7f } .multiModuleLayer .menu { background: #7f7f7f; border: 1px solid #555 } .multiModuleLayer .menuItem { background: #7f7f7f } .multiModuleLayer .menuItem:hover { background: #555 } .multiModuleLayer .itemOn { background: #7f7f7f } .multiModuleLayer .menuBottom { border: 1px solid #555 } .multiModuleLayer .itemHr { border-right: 1px solid #555 } .multiModuleLayer .hrLine { border-bottom: 1px solid #666 } .multiModuleLayer .menuText:hover { background: #555 } .nav .nav-resizable-restore { display: inline-block; right: 0; top: -16px; border: 1px dotted #c0c0c0 !important } .nav .navMoveEdit { clear: both; _z-index: 1000; position: relative; border-top: 1px solid #4f90cc } .nav .navHandleBorder { border-top: 0 } .nav .navMoveHandle { position: absolute; top: -37px; width: 100%; *height: 0; *line-height: 0; zoom: 1; font-size: 0; z-index: 1001; *left: 0; *top: 0 } .nav .navMoveBottom { top: auto; bottom: -38px } .flutterLayer { width: 23px; height: 50px; position: absolute; z-index: 9999 } .flutterLayer .flutterButton { position: relative } .flutterLayer .flutterStopImg { background: url(/image/flutterStop.jpg?v=201310211702) no-repeat; display: block; width: 23px; height: 24px } .flutterLayer .flutterStopImgLeft { background: url(/image/flutterStopLeft.jpg?v=201310281734) no-repeat; display: block; width: 23px; height: 24px } .flutterLayer .flutterStopImg:hover { background: url(/image/flutterStophover.jpg?v=201310211702) no-repeat; display: block; width: 23px; height: 24px } .flutterLayer .flutterStopImgLeft:hover { background: url(/image/flutterStopLefthover.jpg?v=201310281734) no-repeat; display: block; width: 23px; height: 24px } .flutterLayer .flutterStartImg { background: url(/image/flutterPlay.jpg?v=201310211702) no-repeat; display: block; width: 23px; height: 24px } .flutterLayer .flutterStartImg:hover { background: url(/image/flutterPlayhover.jpg?v=201310211702) no-repeat; display: block; width: 23px; height: 24px } .flutterLayer .flutterStartImgLeft { background: url(/image/flutterPlayLeft.jpg?v=201310281734) no-repeat; display: block; width: 23px; height: 24px } .flutterLayer .flutterStartImgLeft:hover { background: url(/image/flutterPlayLefthover.jpg?v=201310281734) no-repeat; display: block; width: 23px; height: 24px } .flutterLayer .flutterLocationImg { background: url(/image/flutterLocation.jpg?v=201310211702) no-repeat; display: block; width: 23px; height: 23px } .flutterLayer .flutterLocationImg:hover { background: url(/image/flutterLocationhover.jpg?v=201310211702) no-repeat; display: block; width: 23px; height: 23px } .flutterLayer .flutterLocationImgLeft { background: url(/image/flutterLocationLeft.jpg?v=201310281734) no-repeat; display: block; width: 23px; height: 23px } .flutterLayer .flutterLocationImgLeft:hover { background: url(/image/flutterLocationLefthover.jpg?v=201310281734) no-repeat; display: block; width: 23px; height: 23px } .shortcutLayer { position: absolute; z-index: 9030; border: 1px solid #5197df; border-left: none; background: #fff } .shortcutLayer-fixLeft { border: 1px solid #5197df; border-right: 0 } .shortcutLayer .shortcutContainer { width: 27px; height: 30px } .shortcutLayer .shortcutBtn { position: relative; display: block; width: 100%; height: 100% } .shortcutLayer .clearTB { background: url(/image/bg02.png?v=201506181858) no-repeat -1010px -310px; border-bottom: 1px solid #5197df } .shortcutLayer .clearTB:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -1010px -345px } .shortcutLayer .resetTB { background: url(/image/bg02.png?v=201506181858) no-repeat -1010px -385px; border-bottom: 1px solid #5197df } .shortcutLayer .resetTB:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -1010px -424px } .shortcutLayer .float { background: url(/image/bg02.png?v=201506181858) no-repeat -942px 9px; border-bottom: 1px solid #5197df } .shortcutLayer .float:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -942px -182px } .shortcutLayer .dock { background: url(/image/bg02.png?v=201506181858) no-repeat -1009px -238px; border-bottom: 1px solid #5197df } .shortcutLayer .dock:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -1009px -274px } .shortcutLayer .close { background: url(/image/bg02.png?v=201506181858) no-repeat -940px -20px; border-bottom: 1px solid #5197df } .shortcutLayer .close:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -940px -211px } .shortcutLayer .add { background: url(/image/bg02.png?v=201506181858) no-repeat -941px -48px; border-bottom: 1px solid #5197df } .shortcutLayer .add:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -941px -239px } .shortcutLayer .mtop { background: url(/image/bg02.png?v=201506181858) no-repeat -941px -82px } .shortcutLayer .mtop:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -941px -273px } .shortcutLayer .mbottom { background: url(/image/bg02.png?v=201506181858) no-repeat -941px -114px } .shortcutLayer .mbottom:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -941px -305px } .shortcutLayer .mleft { background: url(/image/bg02.png?v=201506181858) no-repeat -1007px -181px } .shortcutLayer .mleft:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1007px -210px } .shortcutLayer .mright { background: url(/image/bg02.png?v=201506181858) no-repeat -941px -147px } .shortcutLayer .mright:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -941px -338px } .shortcutLayer .mzindex { background: url(/image/bg02.png?v=201506181858) no-repeat -941px -384px } .shortcutLayer .mzindex:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -941px -420px } .shortcutLayer .flutterStop { background: url(/image/bg02.png?v=201506181858) no-repeat -1204px -40px; border-top: 1px solid #5197df } .shortcutLayer .flutterStop:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -1204px 0 } .shortcutLayer .flutterStart { background: url(/image/bg02.png?v=201506181858) no-repeat -1159px -40px; border-top: 1px solid #5197df } .shortcutLayer .flutterStart:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -1159px 0 } .shortcutLayer .flutterLocation { background: url(/image/bg02.png?v=201506181858) no-repeat -1251px -40px; border-top: 1px solid #5197df } .shortcutLayer .flutterLocation:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -1251px 0 } .shortcutLayer .shortcutContainer_direction { height: 31px; position: relative; z-index: 2 } .shortcutLayer .direction-box { width: 27px; height: 30px; overflow: hidden; position: absolute; top: -1px; left: 0; white-space: nowrap; overflow: hidden; border: 1px solid #5197df; border-left: none; background: #fff } .shortcutLayer .directionBtn { display: block; float: left; width: 27px; height: 100%; border: 0 } .shortcutLayer-fixLeft .direction-box { right: 0; left: auto; border: 1px solid #5197df; border-right: 0 } .multiModuleShortcutLayer { border: 1px solid #555; border-left: none } .multiModuleShortcutLayer-fixLeft { border: 1px solid #555; border-right: 0 } .multiModuleShortcutLayer .clearTB { background: url(/image/bg02.png?v=201506181858) no-repeat -1042px -310px; border-bottom: 1px solid #555 } .multiModuleShortcutLayer .clearTB:hover { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -1010px -345px } .multiModuleShortcutLayer .resetTB { background: url(/image/bg02.png?v=201506181858) no-repeat -1042px -345px; border-bottom: 1px solid #555 } .multiModuleShortcutLayer .resetTB:hover { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -1010px -424px } .multiModuleShortcutLayer .float { background: url(/image/bg02.png?v=201506181858) no-repeat -1154px -308px; border-bottom: 1px solid #555 } .multiModuleShortcutLayer .float:hover { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -942px -182px } .multiModuleShortcutLayer .dock { background: url(/image/bg02.png?v=201506181858) no-repeat -1154px -400px; border-bottom: 1px solid #555 } .multiModuleShortcutLayer .dock:hover { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -1009px -274px } .multiModuleShortcutLayer .close { background: url(/image/bg02.png?v=201506181858) no-repeat -1152px -337px; border-bottom: 1px solid #555 } .multiModuleShortcutLayer .close:hover { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -940px -211px } .multiModuleShortcutLayer .add { background: url(/image/bg02.png?v=201506181858) no-repeat -1153px -365px; border-bottom: 1px solid #555 } .multiModuleShortcutLayer .add:hover { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -941px -239px } .multiModuleShortcutLayer .mtop { background: url(/image/bg02.png?v=201506181858) no-repeat -1196px -430px } .multiModuleShortcutLayer .mtop:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1154px -430px } .multiModuleShortcutLayer .mbottom { background: url(/image/bg02.png?v=201506181858) no-repeat -1196px -456px } .multiModuleShortcutLayer .mbottom:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1154px -456px } .multiModuleShortcutLayer .mleft { background: url(/image/bg02.png?v=201506181858) no-repeat -1195px -509px } .multiModuleShortcutLayer .mleft:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1153px -509px } .multiModuleShortcutLayer .mright { background: url(/image/bg02.png?v=201506181858) no-repeat -1196px -485px } .multiModuleShortcutLayer .mright:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1154px -485px } .multiModuleShortcutLayer .mzindex { background: url(/image/bg02.png?v=201506181858) no-repeat -1236px -429px } .multiModuleShortcutLayer .mzindex:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1236px -465px } .multiModuleShortcutLayer .flutterStop { background: url(/image/bg02.png?v=201506181858) no-repeat -1348px -40px; border-top: 1px solid #555 } .multiModuleShortcutLayer .flutterStop:hover { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -1348px 0 } .multiModuleShortcutLayer .flutterStart { background: url(/image/bg02.png?v=201506181858) no-repeat -1307px -40px; border-top: 1px solid #555 } .multiModuleShortcutLayer .flutterStart:hover { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -1307px 0 } .multiModuleShortcutLayer .flutterLocation { background: url(/image/bg02.png?v=201506181858) no-repeat -1391px -40px; border-top: 1px solid #555 } .multiModuleShortcutLayer .flutterLocation:hover { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -1391px 0 } .multiModuleShortcutLayer .direction-box { border: 1px solid #555; border-left: none } .multiModuleShortcutLayer-fixLeft .direction-box { border: 1px solid #555; border-right: 0; left: auto; right: 0 } .multiModuleShortcutLayer .direction-box .mtop { background: url(/image/bg02.png?v=201506181858) no-repeat -1606px 11px } .multiModuleShortcutLayer .direction-box .mtop:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1606px -102px } .multiModuleShortcutLayer .direction-box .mbottom { background: url(/image/bg02.png?v=201506181858) no-repeat -1606px -41px } .multiModuleShortcutLayer .direction-box .mbottom:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1606px -154px } .multiModuleShortcutLayer .direction-box .mleft { background: url(/image/bg02.png?v=201506181858) no-repeat -1606px -68px } .multiModuleShortcutLayer .direction-box .mleft:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1606px -181px } .multiModuleShortcutLayer .direction-box .mright { background: url(/image/bg02.png?v=201506181858) no-repeat -1606px -14px } .multiModuleShortcutLayer .direction-box .mright:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1606px -127px } .addNewModule { display: block; position: relative; height: 105px; line-height: 95px; *height: 115px; *line-height: 105px; width: 99% } .addNewModule .addBtn { height: 95px; *height: 105px; color: #000; border: #3298fe 1px dashed; margin-top: 10px } .addNewModule .left_right_Icon { background: url(/image/bg02.png?v=201506181858) -690px -260px no-repeat; height: 37px; width: 129px; margin: 29px auto; cursor: pointer; *margin: 32px auto } .addNewModule .other_Icon { background: url(/image/bg02.png?v=201506181858) -690px -310px no-repeat; height: 52px; width: 205px; margin: 21px auto; cursor: pointer; *margin: 32px auto } .addNewModule .mulMCol_Icon { position: relative; background: url(/image/bg02.png?v=201506181858) -690px -210px no-repeat; height: 37px; width: 99px; margin: 24px auto; cursor: pointer; *margin: 32px auto } .addNewModule .mulMCol_Icon .addBtnToolTip { position: absolute; display: inline-block; text-align: center; color: #b8b8b8; font-size: 12px; width: 99px; left: 1px; top: 2px; height: 37px } .addNewModuleOver .closeDiv { float: right; background: url(/image/bg02.png?v=201506181858) -690px -380px no-repeat; width: 31px; height: 32px; cursor: pointer; *margin: -1px -1px 0 0 } .addNewModuleOver .closeReady { background: url(/image/bg02.png?v=201506181858) -740px -380px no-repeat } .websiteManage { font-family: 瀹嬩綋; cursor: pointer; color: #000; background-color: #f3f3f3; border: 1px solid #c0c0c0; border-top: 1px solid #ecf1f4; padding: 0 } .websiteManage .item { line-height: 20px; height: 20px } .websiteManage .item a { font-family: 瀹嬩綋; color: #000 } .websiteManage .itemHover { background-color: #c8d5db } .websiteManage .itemHover a { color: red } .websiteManage .itemPopup { background: url(/image/papaMenu.gif) no-repeat 78px 9px } .websiteManage .subMenu { background-color: #f3f3f3; border: 1px solid silver } .websiteManage .middle .center .item .itemCenter a { padding: 3px 15px } .manageFrame { font-family: 瀹嬩綋; color: #000; position: absolute; margin: 0; padding: 0; top: 0; left: 0; right: 0; bottom: 0; *height: expression(document.documentElement.clientHeight); *width: expression(document.documentElement.clientWidth); background-color: #000; z-index: 9032; overflow: hidden; background: #fff } .manageFrame ul { list-style: none } .manageFrame li { list-style: none } .manageFrame a { font-family: 瀹嬩綋; color: #333 } .manageFrameTop { position: relative; padding: 0; margin: 0; width: 100%; height: 40px; line-height: 40px; background: url(/image/manage_topBg.png?v=201310231725) repeat-x } .marginManageTop { width: 100%; height: 40px; line-height: 40px } .manageTopSite { float: right; margin-top: 5px } .manageTopSite .manageClose { background: url(/image/bg01.png?v=201503161711) -556px -357px no-repeat; width: 27px; height: 27px; float: left } .manageTopSite a.manageClose:hover { background-position: -556px -323px } .manageTopIcon { width: 86px; height: 40px; background: url(/image/bg02.png?v=201506181858) -224px -482px no-repeat; float: left; margin-left: 13px; _margin-left: 6px } .manageTopOemIcon { width: 76px; height: 40px; background: url(/image/bg02.png?v=201506181858) -220px -134px no-repeat; float: left; margin-left: 13px; _margin-left: 6px } .manageTopBack { width: 114px; height: 40px; background: url(/image/bg02.png?v=201506181858) -400px -41px no-repeat; float: left; margin-left: 20px } .styleTitleHelper { float: left; margin-left: 15px; height: 24px; line-height: 24px; margin-top: 5px; color: #FFF } .manageFrameTop .styleTitleHelper a { color: #fc9; margin-left: 12px } .manageFrameTop a { color: #666 } .manageFrameTop .siteVersion { line-height: 24px; height: 24px; width: 24px; margin: 0 0 0 20px; cursor: pointer; padding: 0; display: block; float: left } .manageFrameTop .siteTitle { line-height: 24px; height: 24px; display: block; float: left; margin-right: 20px; word-break: keep-all; width: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #FFF } .manageFrameTop .tbutton { text-decoration: none; float: left; width: 114px; height: 25px; margin-top: 5px } .manageFrameTop .tbutton .styleSettingButton { height: 20px; line-height: 20px; margin-left: 10px; padding-left: 17px; cursor: pointer } .manageFrameTop .tbutton .styleSettingButtonL { float: left; background: url(/image/bg01.png?v=201503161711) -1692px -144px; width: 10px; height: 24px; line-height: 24px; cursor: pointer } .manageFrameTop .tbutton .styleSettingButtonC { float: left; background: url(/image/bg01.png?v=201503161711) -1700px -144px; width: auto; min-width: 40px; max-width: none; height: 24px; line-height: 24px; cursor: pointer } .manageFrameTop .tbutton .styleSettingButtonR { float: left; background: url(/image/bg01.png?v=201503161711) -1890px -168px; width: 10px; height: 24px; line-height: 24px; cursor: pointer } .manageFrameTop .tbutton:hover .styleSettingButtonL { float: left; background: url(/image/bg01.png?v=201503161711) -1692px -192px; width: 10px; height: 24px; line-height: 24px; cursor: pointer } .manageFrameTop .tbutton:hover .styleSettingButtonC { float: left; background: url(/image/bg01.png?v=201503161711) -1700px -192px; width: auto; min-width: 40px; max-width: none; height: 24px; line-height: 24px; cursor: pointer } .manageFrameTop .tbutton:hover .styleSettingButtonR { float: left; background: url(/image/bg01.png?v=201503161711) -1890px -216px; width: 10px; height: 24px; line-height: 24px; cursor: pointer } .manageFrameClose { display: none; position: absolute; right: 7px; top: 4px; padding: 0; height: 19px; width: 19px; background: url(/image/bg01.png?v=201503161711) -1281px -362px no-repeat; outline: 0; cursor: pointer } .manageFrameClose:hover { background: url(/image/bg01.png?v=201503161711) -1281px -381px no-repeat } .manageFrameMiddle { position: absolute; left: 0; top: 37px; bottom: 0; width: 100%; *height: expression(document.documentElement.clientHeight - 27) } .manageFrameTable { height: 100%; width: 100%; table-layout: fixed } .manageFrameLeft { width: 180px; height: 100%; background: #fff; overflow: hidden; border-left: #d0d3d5 solid 1px; border-right: #d0d3d5 solid 1px } .manageFrameCenter { width: 100%; height: 100%; background: #fff } .manageFramePage { width: 100%; height: 100%; z-index: 2 } .manageFrameLeftPanel { position: absolute; width: 180px; height: 100%; overflow-x: hidden; overflow-y: auto; *border-right: #d0d3d5 solid 1px } .manageFrameLeftTop { width: 100%; height: 30px; background: #e0e6eb } .manageFrameLeftTopBtn { height: 14px; width: 13px; float: left; cursor: pointer; margin-top: 8px } .manageFrameUnfold { background: url(/image/bg02.png?v=201506181858) -157px -31px no-repeat; margin-left: 15px; _margin-left: 7px } .manageFrameFold { background: url(/image/bg02.png?v=201506181858) -157px -8px no-repeat; margin-left: 10px } .manageFrameLeftBottom { width: 100%; height: 15px } .manageFrameSep { margin: 0 10px; padding: 0; height: 6px; overflow: hidden } .manageFrameBanner { clear: both; margin: 0 15px 0 15px; height: 20px; line-height: 20px; padding: 5px 0 0 0; font-weight: bold; font-size: 14px; cursor: pointer; color: #666 } .manageFrameBanner2 { color: #666 } .manageFrameBanner span { display: inline-block; height: 20px } .manageFrameBanner .icon { width: 20px; background: url(/image/bg02.png?v=201506181858) -156px -73px no-repeat } .manageFrameBanner2 .icon { background: url(/image/bg02.png?v=201506181858) -156px -51px no-repeat } .manageFrameItem { margin: 0 10px; height: 23px; line-height: 23px; padding: 0; overflow: hidden } .manageFrameItem a { display: block; width: 100%; padding-left: 40px; text-decoration: none } .manageFrameItemHover { background: #3e76b1 } .manageFrameItemSel { background: #3e76b1 } .manageFrameItemHover a, .manageFrameItemSel a { color: #fff } .manageFrameNewsCommentShadow { position: absolute; margin-top: -25px; width: 100%; height: 26px } .g_styleDesign { font-family: "Microsoft YaHei", "寰蒋闆呴粦", sans-serif; font-size: 12px; display: none; overflow: hidden; color: black; width: 100%; *width: expression(document.documentElement.clientWidth); position: relative; height: 240px; margin: 0; padding: 0; font-size: 18px; text-align: center; border-bottom: 3px solid #b7c7d6; z-index: 9031; background-color: #b8c7d5 } .g_styleDesign a { font-size: 12px; color: #666 } .g_styleDesign .tabsWrap { width: 100%; height: 37px; background: #2c7fc5 } .g_styleDesign .tabs { list-style: none; width: 1000px; margin: 0 auto; height: 30px; font-size: 12px; padding: 7px 0 0 0; position: relative } .g_styleDesign .tabs li { float: left; text-indent: 0; padding: 0 2px; margin: 0 !important; list-style-image: none !important; height: 30px; line-height: 30px } .g_styleDesign .tabs a { display: block; width: 100px; height: 30px; font-size: 12px; cursor: pointer; line-height: 30px; color: #f4f4f4; text-align: center; text-decoration: none; background: url(/image/bg02.png?v=201506181858) -1389px -512px no-repeat } .g_styleDesign .tabs a.tabsMenu { font-weight: bold; font-size: 13px } .g_styleDesign .tabs a:active { outline: 0 } .g_styleDesign .tabs .tabHover .tabsMenu { background: url(/image/bg02.png?v=201506181858) -540px -11px no-repeat; color: #333 !important; text-shadow: none } .g_styleDesign .tabs .current, .tabs .current:hover, .tabs li.current a { background: url(/image/bg02.png?v=201506181858) -540px -11px no-repeat; padding: 0; margin: 0; cursor: default; color: #333 !important; text-shadow: none !important } .g_styleDesignArrow { position: absolute; top: 7px; right: -3px; background: url(/image/bg02.png?v=201506181858) -106px -448px no-repeat; z-index: 9030; width: 20px; height: 20px; cursor: pointer; margin-top: 1px } .g_styleDesignArrowUp { position: absolute; top: 7px; right: -3px; background: url(/image/bg02.png?v=201506181858) -106px -424px no-repeat; z-index: 9030; width: 20px; height: 20px; cursor: pointer; margin-top: 1px } .g_styleDesignArrow:hover { background: url(/image/bg02.png?v=201506181858) -134px -448px no-repeat } .g_styleDesignArrowUp:hover { background: url(/image/bg02.png?v=201506181858) -134px -424px no-repeat } .g_styleDesign .panes .pane { display: none } .g_styleDesign .styleDesignTips { display: none; clear: both; width: 100%; height: 30px; color: #333; font-size: 12px; text-align: left; padding: 0; line-height: 30px; background: url(/image/bg_rep.gif) 0 -180px repeat-x } .g_styleDesign .styleDesignTips .styleTips { line-height: 30px; background: #fffcc9; border: 0; padding: 0; margin: 0; margin: 0; text-align: center } .g_styleDesign .tabs .button { display: inline-block; background: url(/image/styleDesign/baocun.png) no-repeat 0 0; width: 66px; text-align: center; height: 26px; line-height: 26px; *line-height: 28px; border: 0; margin: 0; padding: 0; color: #fff } .g_styleDesign .tabs .buttonHover { background-position: 0 -47px; color: #fff !important } .g_styleDesign .tabs .saveBtn { float: right; margin-right: 7px; background: url(/image/bg02.png?v=201506181858) -1389px -367px no-repeat; width: 102px; text-align: center; height: 27px; line-height: 27px; border: 0; padding: 0; color: #666; font-weight: bold; margin-top: -2px } .g_styleDesign .tabs .saveBtn .saveIcon { float: left; display: inline-block; width: 15px; height: 27px; line-height: 27px; margin-left: 21px; background: url(/image/bg02.png?v=201506181858) -1390px -549px no-repeat } .g_styleDesign .tabs .saveBtn .saveText { float: right; display: inline-block; width: 38px; height: 27px; line-height: 27px; margin-right: 20px } .g_styleDesign .tabs .saveBtn.buttonDisabled .saveIcon { float: left; display: inline-block; width: 15px; height: 27px; line-height: 27px; margin-left: 21px; background: url(/image/bg02.png?v=201506181858) -1390px -577px no-repeat } .g_styleDesign .tabs .saveBtn.buttonDisabled .saveText { float: right; display: inline-block; width: 38px; height: 27px; line-height: 27px; margin-right: 20px } .g_styleDesign .tabs .cancelBtn { float: right; background: url(/image/bg02.png?v=201506181858) -1512px -367px no-repeat; width: 60px; text-align: center; height: 27px; line-height: 27px; border: 0; margin: 0; padding: 0; color: #666; margin-top: -2px } .g_styleDesign .tabs .saveBtnHover { background-position: -1388px -454px } .g_styleDesign .tabs .cancelBtnHover { background-position: -1512px -454px } .g_styleDesign .tabs .buttonDisabled { color: #b3b3b3; border: 0; background-position: -1388px -408px } .tip-content { color: #ff7800 } .ma-newRapidSiteTopBar { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 37px; background: #2c7fc5; z-index: 9032; font-family: "Microsoft Yahei", "寰蒋闆呴粦", sans-serif } .ma-newRapidSiteTopBar .close { float: right; background: url(/image/bg02.png?v=201506181858) -1512px -367px no-repeat; width: 60px; text-align: center; height: 27px; line-height: 27px; border: 0; margin: 0; padding: 0; color: #666; text-decoration: none; margin-top: -2px } .ma-newRapidSiteTopBar .save { float: right; margin-right: 7px; background: url(/image/bg02.png?v=201506181858) -1389px -367px no-repeat; width: 102px; text-align: center; text-decoration: none; height: 27px; line-height: 27px; border: 0; padding: 0; color: #666; font-weight: bold; margin-top: -2px; cursor: pointer } .ma-newRapidSiteTopBar .save .copyIcon { float: left; display: inline-block; width: 15px; height: 27px; line-height: 27px; margin-left: 16px; background: url(/image/bg02.png?v=201506181858) -1422px -550px no-repeat } .ma-newRapidSiteTopBar .save .copyText { float: right; display: inline-block; width: 49px; height: 27px; line-height: 27px; margin-right: 16px; width: 52px \9 } .ma-newRapidSiteTopBar .save.buttonDisabled .copyIcon { float: left; display: inline-block; width: 15px; height: 27px; line-height: 27px; margin-left: 16px; background: url(/image/bg02.png?v=201506181858) -1422px -578px no-repeat } .ma-newRapidSiteTopBar .save.buttonDisabled .copyText { float: right; display: inline-block; width: 49px; height: 27px; line-height: 27px; margin-right: 16px; width: 52px \9 } .ma-newRapidSiteTopBar .closeHover { background-position: -1512px -454px; color: #666 !important } .ma-newRapidSiteTopBar .saveHover { background-position: -1388px -454px; color: #666 !important } .ma-newRapidSiteTopBar .buttonDisabled { border: 0; background-position: -1388px -408px; color: #b3b3b3 } .ma-newRapidSiteTopBar .ma-tips { position: absolute; top: 0; left: 216px; width: auto; height: 37px; line-height: 39px; text-align: center } .ma-newRapidSiteTopBar .ma-tips .warningImg { display: inline-block; width: 18px; height: 100%; background: url(/image/site/rapidsite/warningImg.png?v=201410081739) center 11px no-repeat } .ma-newRapidSiteTopBar .ma-tips .warningText { display: inline-block; color: #fff } .ma-newRapidSiteTopBar .panelSwitch { float: right; width: 20px; height: 20px; margin: 0 0 0 5px; background: url(/image/bg02.png?v=201506181858) no-repeat -106px -424px } .ma-newRapidSiteTopBar .panelSwitch_up { background: url(/image/bg02.png?v=201506181858) no-repeat -106px -448px } .ma-newRapidSiteTopBar .tabs { list-style: none; width: 1000px; margin: 0 auto; padding: 0; height: 30px; font-size: 12px; padding-top: 7px } .ma-newRapidSiteTopBar .tabs li { float: left; text-indent: 0; padding: 0 2px; margin: 0; list-style-image: none; height: 30px; line-height: 30px } .ma-newRapidSiteTopBar .tabs li a.tabsMenu { display: block; width: 100px; height: 30px; font-size: 13px; cursor: pointer; line-height: 30px; color: #f4f4f4; text-align: center; text-decoration: none; background: url(/image/bg02.png?v=201506181858) -540px -61px no-repeat; font-weight: bold } .ma-newRapidSiteTopBar .tabs li a.tabsMenu:hover { background: url(/image/bg02.png?v=201506181858) -540px -11px no-repeat; padding: 0; margin: 0; color: #333 } .ma-newRapidSiteTopBar .tabs li a.current { background: url(/image/bg02.png?v=201506181858) -540px -11px no-repeat; padding: 0; margin: 0; cursor: default; color: #333 } .ma-newRapidSiteMain { display: none; position: absolute; top: 37px; left: 0; z-index: 9032; width: 100%; height: 207px; margin: 0 auto; border-bottom: 3px solid #b7c7d6 } .ma-newRapidSitePreview { display: none; position: absolute; top: 247px; _top: 277px; left: 0; right: 0; bottom: 0; min-height: 0; *width: expression(document.documentElement.clientWidth); *height: expression(document.documentElement.clientHeight - 240); overflow: hidden; z-index: 9032 } .ma-newRapidSitePreview2 { display: none; position: absolute; top: 46px; _top: 76px; left: 0; right: 0; bottom: 0; min-height: 0; *width: expression(document.documentElement.clientWidth); *height: expression(document.documentElement.clientHeight - 240); overflow: hidden; z-index: 9032 } .ma-newRapidSiteBigImg { position: relative; width: 600px; height: 190px; margin: 20px auto; background: url(/image/site/rapidsite/big_img.png?v=201403111718) no-repeat; _background: url(/image/site/rapidsite/big_img.gif?v=201403111718) no-repeat; z-index: 2 } .ma-newRapidSiteBlackBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .7; filter: alpha(opacity=70); z-index: 1 } .ma-newRapidSiteBigImgClose { position: absolute; top: 35px; right: 5px; width: 20px; height: 20px; background: url(/image/site/rapidsite/bigImgClose.png?v=201402101854) 0 -20px no-repeat } .ma-newRapidSiteBigImgClose:hover { background: url(/image/site/rapidsite/bigImgClose.png?v=201402101854) no-repeat } .ma-rapidLoadingDiv { width: 100%; height: 100%; filter: alpha(opacity=50); position: absolute; top: 0; opacity: .5; background: #000; z-index: 9032 } .ma-rapidLoadPic { background: url(/image/site/rapidsite/loading.gif) no-repeat; width: 355px; height: 118px; position: absolute; top: 200px; left: 150px; z-index: 9032 } .rapidCancelInitSite { position: absolute; top: 22px; left: 55px; color: #4e4e4e } .rapidErrorInitSitePanel { z-index: 9032; top: 0; position: absolute; width: 100%; height: 100% } .rapidErrorInitSitePanel .loadErrorTrans { width: 100%; height: 100%; filter: alpha(opacity=30); opacity: .3; background: #000 } .rapidErrorInitSitePanel .loadErrorPanel { border: 1px solid #595e63; width: 300px; height: 110px; position: absolute; top: 220px; left: 180px; border-radius: 3px; background: #dbe0e6 } .rapidErrorInitSitePanel .aginLoad { background: url(/image/site/rapidsite/jiazai.png) no-repeat; cursor: pointer; float: left; height: 27px; width: 76px; margin-left: 87px; _margin-left: 50px; margin-right: 10px } .rapidErrorInitSitePanel .textNotice { text-align: center; margin-top: 15px; height: 40px; color: #4e4e4e; margin-bottom: 5px; line-height: 40px } .rapidErrorInitSitePanel .textA { float: left; cursor: pointer; height: 27px; color: #4e4e4e; line-height: 27px } .guide_main { position: relative; width: 960px; height: auto; top: 0; margin: 0 auto; z-index: 10000 } .guide_img0 { position: relative; width: 110px; height: 45px; top: 1px; *top: -30px; left: -5px; background: url("/image/guide/comm.png?v=201503021753") -532px -1278px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -532px -1278px no-repeat } .guide_img1 { position: relative; width: 100px; height: 45px; top: 1px; *top: -30px; left: 100px; background: url("/image/guide/comm.png?v=201503021753") -539px -1362px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -1362px no-repeat } .guide_img2 { position: relative; width: 100px; height: 45px; top: 1px; *top: -30px; left: 197px; background: url("/image/guide/comm.png?v=201503021753") -538px -1444px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -538px -1444px no-repeat } .guide_img3 { position: absolute; width: 50px; height: 50px; left: -100px; background: url("/image/guide/comm.png?v=201503021753") -540px -1500px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -540px -1500px no-repeat; z-index: 10000 } .guide_arrow0 { position: absolute; background: url("/image/guide/JT2.gif"); width: 17px; height: 9px; left: 114px; top: 40px } .guide_arrow1 { position: absolute; background: url("/image/guide/JT2.gif"); width: 17px; height: 9px; left: 196px; top: 40px } .guide_body0 { position: absolute; background: url("/image/guide/comm.png?v=201503021753") 0 0 no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") 0 0 no-repeat; width: 490px; height: 254px; left: -5px; top: 56px } .guide_body1 { position: absolute; background: url("/image/guide/comm.png?v=201503021753") 0 -304px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") 0 -304px no-repeat; width: 490px; height: 254px; left: -5px; top: 56px } .guide_body2 { position: absolute; background: url("/image/guide/comm.png?v=201503021753") 0 -608px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") 0 -608px no-repeat; width: 490px; height: 254px; left: -5px; top: 56px } .guide_body3 { position: absolute; background: url("/image/guide/comm.png?v=201503021753") 0 -912px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") 0 -912px no-repeat; width: 505px; height: 242px; left: -70px; top: 70px; z-index: 10000 } .guide_body4 { position: absolute; background: url("/image/guide/comm.png?v=201503021753") 0 -1202px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") 0 -1202px no-repeat; width: 450px; height: 335px; left: 250px; top: 120px } .guide_top1 { width: 100%; height: 30px; line-height: 30px; margin-top: 14px; *position: absolute } .guide_top2 { width: 100%; height: 30px; line-height: 30px } .guide_top3 { margin-left: 50px; width: 308px; height: 155px; background: url("/image/guide/img4.png") } .guide_top_left { position: relative; float: left; left: 10px; top: 0; width: 195px; height: 140px } .guide_topleft_img0 { background: url("/image/guide/img1.png") } .guide_topleft_img1 { background: url("/image/guide/img2.png") } .guide_topleft_img2 { background: url("/image/guide/img3.png") } .guide_top_right { position: relative; float: right; right: 30px; top: 38px; width: 155px; height: 75px } .guide_topright_text0 { background: url("/image/guide/text1.png") } .guide_topright_text1 { background: url("/image/guide/text2.png") } .guide_topright_text2 { background: url("/image/guide/text3.png") } .guide_btn { position: absolute; height: 70px; width: 100%; bottom: 0 } .guide_step { float: right; margin-right: 15px } .guide_graw { display: inline-block; width: 8px; height: 30px; margin-left: 8px; background: url("/image/guide/comm.png?v=201503021753") -539px -1052px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -1052px no-repeat; cursor: pointer } .guide_graw_now { background: url("/image/guide/comm.png?v=201503021753") -557px -1052px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -557px -1052px no-repeat } .guide_next0 { display: block; width: 114px; height: 33px; margin-right: 30px; float: right; background: url("/image/guide/comm.png?v=201503021753") -539px -82px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -82px no-repeat } .guide_next0:hover { background: url("/image/guide/comm.png?v=201503021753") -539px -552px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -552px no-repeat } .guide_next1 { display: block; width: 114px; height: 33px; margin-right: 30px; float: right; background: url("/image/guide/comm.png?v=201503021753") -539px -164px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -164px no-repeat } .guide_next1:hover { background: url("/image/guide/comm.png?v=201503021753") -539px -634px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -634px no-repeat } .guide_next2 { display: block; width: 114px; height: 33px; margin-right: 30px; float: right; background: url("/image/guide/comm.png?v=201503021753") -539px -247px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -247px no-repeat } .guide_next2:hover { background: url("/image/guide/comm.png?v=201503021753") -539px -717px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -717px no-repeat } .guide_next3 { display: block; width: 114px; height: 33px; margin-right: 30px; float: right; background: url("/image/guide/comm.png?v=201503021753") -539px -1120px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -1120px no-repeat } .guide_next3:hover { background: url("/image/guide/comm.png?v=201503021753") -539px -1203px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -1203px no-repeat } .guide_exit { display: block; width: 94px; height: 33px; margin-right: 13px; float: right; background: url("/image/guide/comm.png?v=201503021753") -539px 0 no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px 0 no-repeat } .guide_exit:hover { background: url("/image/guide/comm.png?v=201503021753") -539px -470px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -470px no-repeat } .guide_start { position: absolute; left: 45px; bottom: 25px; width: 185px; height: 37px; cursor: pointer; background: url("/image/guide/bigimg2.gif?v=201404091838") 0 -511px no-repeat } .guide_start:hover { background: url("/image/guide/bigimg2.gif?v=201404091838") 0 -583px no-repeat } .guide_start_single { position: absolute; left: 145px; bottom: 25px; width: 160px; height: 41px; background: url("/image/guide/comm.png?v=201503021753") -539px -330px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -330px no-repeat } .guide_start_single:hover { background: url("/image/guide/comm.png?v=201503021753") -539px -800px no-repeat; _background: url("/image/guide/comm.gif?v=201503021753") -539px -800px no-repeat } .guide_download { display: inline-block; color: #25aeee; margin-left: 10px } .guide_download:hover { color: #5dccff } .guide_light { position: absolute; right: 0; top: 38px; height: 22px; line-height: 22px; padding: 0 8px 0 5px; border: 1px solid #fec24a; background-color: #fffcc9 } .guide_light_logo { display: inline-block; width: 20px; height: 100%; background: url("/image/guide/light.gif?v=201311131926") 3px center no-repeat } .guide_goon { position: absolute; top: 180px; left: 45px; width: 165px; height: 45px; cursor: pointer } .guide_rapid { position: absolute; bottom: 25px; right: 45px; width: 185px; height: 37px; cursor: pointer; background: url("/image/guide/bigimg2.gif?v=201404091838") 0 -364px no-repeat } .guide_rapid:hover { background: url("/image/guide/bigimg2.gif?v=201404091838") 0 -438px no-repeat } .browser_tips_aoyou { display: inline-block; background: url("/image/browser/aoyouMode.jpg") center center no-repeat; width: 50px; height: 30px } .browser_tips_sougou { display: inline-block; background: url("/image/browser/sougouMode.jpg") center center no-repeat; width: 50px; height: 30px } .browser_tips_QQ { display: inline-block; background: url("/image/browser/QQMode.jpg") center center no-repeat; width: 50px; height: 30px } .mulColTabSortIcon { background: url(/image/bg02.png?v=201506181858) no-repeat -1223px -84px; width: 54px; height: 54px; position: absolute; top: 0; right: 0; cursor: move; display: none } .mulColTabSortIcon2 { background: url(/image/bg02.png?v=201506181858) no-repeat -1225px -166px } .rightSortIcon { top: -26px !important; right: -26px !important; background: url(/image/styleDesign/tabRightSortIcon.png?v=201411171723) no-repeat 0 27px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .bannerTradeSelectTop { position: absolute; z-index: 9999; width: 7px; height: 7px; background: url(/image/site/rapidsite/top2.png) no-repeat } .bannerTradeSelectDiv { position: absolute; z-index: 9998; width: 450px; height: 160px; border: 1px solid #d6d6d6 } .bannerSelectEmbedded { width: auto; height: 142px; padding: 8px 5px; border: 1px solid #fff; background-color: #f8f8f8 } .bannerSelectItem { float: left; width: 145px; height: 28px; line-height: 28px; background: url(/image/site/rapidsite/toright.png) 5px 11px no-repeat; color: #727272; border-bottom: 1px dotted #b0aeb0; cursor: pointer; overflow: hidden } .bannerSelectItem:hover { color: #f60 } .faiButton { display: inline-block; margin: 0; outline: 0; cursor: pointer; text-align: center; text-decoration: none; font-size: 12px; margin: 0; padding: 0 10px !important; _padding: 0 4px; height: 23px; _height: 22px; line-height: 19px; _line-height: 22px; border: 1px solid #8f8f8f; background: #f5f5f5; color: #666 } .faiButton-hover { border: 1px solid #3298fe; background: #e8f3fe; color: #666 } .faiButton-active { border: 1px solid #3298fe; background: #d3e9ff; color: #666 } .faiButton-disabled { border: 1px solid #cecece; background: #fff; color: #d1d1d1 } .saveButton { border: 1px solid #0064b5; background: #49a3ff; color: #fff } .saveButton-hover { border: 1px solid #3298fe; background: #5fbbff; color: #fff } .saveButton-active { border: 1px solid #0064b5; background: #49a3ff; color: #fff } .saveButton-disabled { border: 1px solid #cecece; background: #fff; color: #d1d1d1 } .cancelButton { border: 1px solid #8f8f8f; background: #f5f5f5; color: #666 } .cancelButton-hover { border: 1px solid #3298fe; background: #e8f3fe; color: #666 } .cancelButton-active { border: 1px solid #3298fe; background: #d3e9ff; color: #666 } .cancelButton-disabled { border: 1px solid #cecece; background: #fff; color: #d1d1d1 } .sureButton { border: 1px solid #0064b5; background: #49a3ff; color: #666 } .sureButton-hover { border: 1px solid #0064b5; background: #5fbbff; color: #666 } .sureButton-active { border: 1px solid #0064b5; background: #49a3ff; color: #666 } .faiTableButton { border: 1px solid #333; background: #f4f4f4; color: #333 } .faiTableButton-hover { border: 1px solid #000105; background: #ddd; color: #0c0c0c } .faiTableButton-active { border: 1px solid #000105; background: #d4d4d4; color: #0c0c0c } .faiTableButton-disabled { border: 1px solid #cecece; background: #fff; color: #d1d1d1 } .menuList { width: 636px; color: #b3b3b3; background: #f6f6f6; border: 1px solid #bbb; position: absolute; top: 74px; left: 382px; z-index: 9033; font-family: "Microsoft Yahei", "寰蒋闆呴粦", sans-serif } .menuList p { width: 148px; height: 24px; font-weight: bold; color: #333; text-align: left; float: left } .menuList p.selected { color: #ff7200 } .menuList p span.fr { float: right } .menuList div.menuContent { padding: 0 0 0 148px } .menuList ul { list-style: none; margin: 0; padding: 19px 0 19px 0 } .menuList ul li { clear: both; line-height: 24px; padding: 3px 28px 3px 28px } .menuList ul li a { display: inline-block; height: 24px; text-decoration: none; color: #7c7c7c; padding: 0 5px 0 9px; margin: 0 1px 0 1px } .menuList ul li a:hover { text-decoration: underline; color: #004b98 } .menuList ul li a.selected { color: #ff7200 } .verticalLine { background: url(/image/site/rapidsite/verticalLine.png?v=201402101854) no-repeat left center } .triangle { width: 11px; height: 10px; background: url(/image/site/rapidsite/triangle.png?v=201402101854) no-repeat left top; position: absolute; top: -7px; left: 146px } .draggableBtn { display: block; width: 66px; height: 38px; background: url(/image/bg02.png?v=201506181858) no-repeat -950px -464px; position: absolute; top: 0; cursor: move; z-index: 9029 } .draggableBtn:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1056px -464px } .dragHandle { display: block; width: 100%; height: 100%; cursor: move; background: url(/image/bg02.png?v=201506181858) no-repeat -950px -464px } .dragHandle:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1056px -464px } .subShortcut { display: block; width: 18px; height: 17px; border: 1px solid #5197df; border-left: none; position: absolute; top: 0; left: 66px } .subShortcut-float { background: #fff url(/image/bg02.png?v=201506181858) no-repeat -947px 3px } .subShortcut-dock { background: #fff url(/image/bg02.png?v=201506181858) no-repeat -1014px -245px } .subShortcut-float:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -947px -188px } .subShortcut-dock:hover { background: #56a1e3 url(/image/bg02.png?v=201506181858) no-repeat -1014px -280px } .subShortcut2 { width: 18px; height: 17px; border: 1px solid #5197df; border-left: none; white-space: nowrap; overflow: hidden; position: absolute; top: 18px; left: 66px; background: #fff } .subShortcut_pos { display: block; float: left; width: 18px; height: 100%; border: 0 } .subShortcut2 .mtop { background: url(/image/bg02.png?v=201506181858) no-repeat -1610px -217px } .subShortcut2 .mtop:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1610px -310px } .subShortcut2 .mbottom { background: url(/image/bg02.png?v=201506181858) no-repeat -1610px -261px } .subShortcut2 .mbottom:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1610px -354px } .subShortcut2 .mleft { background: url(/image/bg02.png?v=201506181858) no-repeat -1610px -287px } .subShortcut2 .mleft:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1610px -380px } .subShortcut2 .mright { background: url(/image/bg02.png?v=201506181858) no-repeat -1610px -237px } .subShortcut2 .mright:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1610px -330px } .ui-resizable-ne { cursor: ne-resize; right: 0; top: 0; width: 12px; height: 12px } .ui-resizable-nw { cursor: nw-resize; left: 0; top: 0; width: 12px; height: 12px } .ui-resizable-cancelTip { display: none; font-size: .1px; position: absolute; right: 0; bottom: 1px; width: 24px; height: 20px; z-index: 1009; opacity: 1; filter: alpha(opacity=100); background: url(/image/recover1.gif?v=201501261926) 0 0 no-repeat !important } .ui-resizable-cancelLeftTip { left: 0 } .ui-resizable-cancelTip2 { background: url(/image/recover2.gif?v=201501261926) 0 0 no-repeat !important } .ui-resizable-line { position: absolute; background: #fff; font-size: 0; border-color: #2b73ba } .ui-resizable-line2 { border-color: #555 } .ui-resizable-icon { width: 8px; height: 8px; position: absolute; z-index: 2 } .ui-resizable-bottomLine { height: 9px !important; bottom: 0; font-size: 0 } .ui-resizable-blIcon, .ui-resizable-bcIcon, .ui-resizable-brIcon, .ui-resizable-blIcon2, .ui-resizable-brIcon2 { bottom: -4px } .ui-resizable-bcIcon { left: 50%; margin-left: -4px } .ui-resizable-blIcon2 { left: 1px } .ui-resizable-brIcon2 { right: 1px } .ui-resizable-blIcon { left: -4px } .ui-resizable-brIcon { right: -4px } .ui-resizable-bline { width: 100%; height: 0; border-bottom-width: 1px; border-bottom-style: dashed; bottom: 0; _bottom: -2px; left: 0; _background: 0 } .ui-resizable-topLine { top: 0; font-size: 0 } .ui-resizable-tlIcon, .ui-resizable-tcIcon, .ui-resizable-trIcon { top: -4px } .ui-resizable-tcIcon { left: 50%; margin-left: -4px } .ui-resizable-tlIcon { left: -4px } .ui-resizable-trIcon { right: -4px } .ui-resizable-tline { width: 100%; height: 0; border-bottom-width: 1px; border-bottom-style: dashed; top: 0; _top: -2px; left: 0; _background: 0 } .ui-resizable-leftLine { top: 0; font-size: 0 } .ui-resizable-llIcon, .ui-resizable-lcIcon, .ui-resizable-lrIcon { left: -4px } .ui-resizable-lcIcon { top: 50%; margin-top: -4px } .ui-resizable-llIcon { top: -4px } .ui-resizable-lrIcon { bottom: -4px } .ui-resizable-lline { width: 0; height: 100%; border-left-width: 1px; border-left-style: dashed; top: 0; left: 0 } .ui-resizable-rightLine { top: 0; font-size: 0 } .ui-resizable-rlIcon, .ui-resizable-rcIcon, .ui-resizable-rrIcon { right: -4px } .ui-resizable-rcIcon { top: 50%; margin-top: -4px } .ui-resizable-rlIcon { top: -4px } .ui-resizable-rrIcon { bottom: -4px } .ui-resizable-rline { width: 0; height: 100%; border-left-width: 1px; border-left-style: dashed; top: 0; right: 0 } .form .ui-resizable-tip { font-size: 0; border: 0; opacity: 1; filter: alpha(opacity=100); background: 0 } .form .ui-resizable-tip2 { background: 0 } .form .ui-resizable-nwTip { background-position: left top } .form .ui-resizable-neTip { background-position: right top } .form .ui-resizable-swTip { background-position: left bottom } .form .ui-resizable-seTip { background-position: right bottom } .ui-resizable-leftTip, .ui-resizable-rightTip { border: 1px dotted #c0c0c0 } .ui-resizable-leftTip { left: 1px; bottom: 1px; width: 16px; height: 16px; opacity: 1; filter: alpha(opacity=100); background: #e3f9f9 url(/image/bg01.png?v=201503161711) -726px -223px no-repeat } .ui-resizable-rightTip { right: 1px; bottom: 1px; width: 16px; height: 16px; opacity: 1; filter: alpha(opacity=100); background: #e3f9f9 url(/image/bg01.png?v=201503161711) -726px -246px no-repeat } .set-line { height: 28px; line-height: 28px; clear: both } .set-line input[type="radio"] { vertical-align: middle; margin: 0 0 0 5px } .set-line input[type="checkbox"] { vertical-align: middle; margin-left: 0 } .set-line label { vertical-align: middle } .set-title { float: left; text-align: right; height: 28px; line-height: 28px } .set-textline { height: 28px; line-height: 28px; clear: both } .set-ctrl { float: left; height: 28px; line-height: 28px } .set-radio span { cursor: pointer } .uploadFavcionTitle { width: 104px } .uploadMsg { height: 24px; line-height: 24px; float: left; width: 130px; text-align: center } .uploadComm { color: red } .uploadIng { border: 1px solid #f4e190; background-color: #fff6d0; color: black } .faviconShow { float: left; padding: 0 10px } .uploadFinish { border: 1px solid #ddf0dd; background-color: #ebffeb; color: black } .closeMsgLine { line-height: 28px } .closeMsgTitle { height: 28px; line-height: 28px } .closeMsg { width: 350px; height: 55px } #TQim { vertical-align: middle } #im53 { vertical-align: middle } .toolTitle { height: 28px; line-height: 28px } .toolScript { width: 400px; height: 120px } #eg_cnzzTongji { cursor: default } #isHiddenIcon { vertical-align: middle; line-height: 28px; height: 28px } #cnzzTongji { vertical-align: middle } #baiduTongji { vertical-align: middle } .pluginInclude { float: left; width: 165px; height: 26px; line-height: 26px; text-align: right; margin-left: 1px } .pluginTips { color: #666 } .headerCode { width: 400px; height: 120px } #isCodeInsertButtom { vertical-align: middle } .visitorCounterShow { border: 1px solid #999; padding: 1px 2px; text-align: center; width: 100px } #rsVisitorCounter:hover { text-decoration: underline } .imgSet { margin: 0 3px } .aset { color: #1b7ad1; text-decoration: none } .tipsSet { float: left; width: 530px; height: 26px; line-height: 26px; text-align: center; padding: 0 15px; margin-left: 10px; _margin-left: 6px; _height: 22px; _padding-top: 4px } .setContentDiv { position: absolute; width: 360px; height: auto; padding: 5px 8px; margin-top: 5px; border: 1px solid #cacaca; background: #efefef; z-index: 9031; outline: 0; color: #000 } .setContentDiv2 { position: absolute; width: 420px; height: auto; padding: 5px 8px; margin-top: 5px; border: 1px solid #cacaca; background: #efefef; z-index: 9031; outline: 0; color: #000 } .setContentTop { position: absolute; top: -6px; left: 35px; width: 10px; height: 6px; background: url(/image/bg02.png?v=201506181858) -425px -224px no-repeat } .setContent a { color: #000 } .warning { color: #ff0300; line-height: 24px } .rightArrow { display: inline-block; margin-left: 5px; width: 9px; height: 100%; background: url(/image/bg02.png?v=201506181858) -425px -258px no-repeat; cursor: pointer } .downArrow { background: url(/image/bg02.png?v=201506181858) -426px -235px no-repeat } #sc_Type { outline: 0 } .sc_Tip { width: 14px; height: 28px; line-height: 28px; background: url(/image/bg01.png?v=201503161711) -1280px -108px no-repeat; cursor: default; font-family: 寰蒋闆呴粦 } .closeFC { width: 15px; height: 20px; position: absolute; background: url(/image/bg02.png?v=201506181858) -373px -184px no-repeat; right: 7px; cursor: pointer } .closeFC:hover { background: url(/image/bg02.png?v=201506181858) -373px -209px no-repeat } .sc_tc_content { display: none } .sc_tf_content { display: none; margin-top: 10px } .sc_filelist_item { line-height: 25px; background-color: #fff; color: #cacaca } .sc_filelist_itemHover { color: #666 } .sc_filelist_item .fileName { float: left; width: 285px; border-bottom: 1px solid #cacaca; border-left: 1px solid #cacaca; border-top: 1px solid #cacaca } .sc_filelist_item .fileName .fileNameText { margin-left: 10px } .sc_filelist_item .fileOperate { border-bottom: 1px solid #cacaca; border-top: 1px solid #cacaca; border-right: 1px solid #cacaca } .sc_filelist_item .fileOperate a { margin-right: 10px; text-decoration: none } .styleDesignBtnContainer-five { width: 350px } .styleDesignBtnContainer-four { width: 454px } .ui-resizable-imgTopLeftTip, .ui-resizable-imgTopRightTip, .ui-resizable-imgBottomLeftTip, .ui-resizable-imgBottomRightTip { border: none !important; width: 16px; height: 16px; opacity: 1; filter: alpha(opacity=100) } .ui-resizable-imgTopLeftTip { cursor: nw-resize; left: 0; top: 0; background: url(/image/imgResizeIcon.gif?v=201410091758) 0 0 no-repeat !important } .ui-resizable-imgTopRightTip { cursor: ne-resize; right: 0; top: 0; background: url(/image/imgResizeIcon.gif?v=201410091758) 11px 1px no-repeat !important } .ui-resizable-imgBottomLeftTip { left: 0; bottom: 0; background: url(/image/imgResizeIcon.gif?v=201410091758) 0 11px no-repeat !important } .ui-resizable-imgBottomRightTip { right: 0; bottom: 0; background: url(/image/imgResizeIcon.gif?v=201410091758) 11px 11px no-repeat !important } .ui-resizable-imgTopTip { top: -2px; background: url(/image/imgResizeIcon.gif?v=201410091758) 50% 49% no-repeat !important } .ui-resizable-imgBottomTip { bottom: -2px; background: url(/image/imgResizeIcon.gif?v=201410091758) 50% 50% no-repeat !important } .ui-resizable-imgLeftTip { left: -2px; background: url(/image/imgResizeIcon.gif?v=201410091758) 49% 50% no-repeat !important } .ui-resizable-imgRightTip { right: -2px; background: url(/image/imgResizeIcon.gif?v=201410091758) 49% 50% no-repeat !important } .ui-resizable-floatImgBottomLeft, .ui-resizable-floatImgBottomRight, .ui-resizable-floatImgTopLeft, .ui-resizable-floatImgTopRight { width: 20px; height: 20px; background-position: center !important } .ui-resizable-floatImgBottomLeft { left: -9px; bottom: -8px } .ui-resizable-floatImgBottomRight { right: -9px; bottom: -8px } .ui-resizable-floatImgTopLeft { left: -9px; top: -9px } .ui-resizable-floatImgTopRight { right: -9px; top: -9px } .ui-resizable-floatImgTop { top: -4px } .ui-resizable-floatImgBottom { bottom: -4px } .ui-resizable-floatImgLeft { left: -4px } .ui-resizable-floatImgRight { right: -4px } .ui-resizable-imgLeftTip .imgResizeLine, .ui-resizable-imgRightTip .imgResizeLine { width: 0; height: 50%; border-left: 1px solid #52aeff } .ui-resizable-imgTopTip .imgResizeLine, .ui-resizable-imgBottomTip .imgResizeLine { float: left; width: 40%; height: 0; border-top: 1px solid #52aeff } .ui-resizable-imgTopTip .imgResizeLine-first { margin: 4px 0 0 4px; _margin: 4px 0 0 1px } .ui-resizable-imgTopTip .imgResizeLine-second { margin: 4px 0 0 4px; _margin: 4px 0 0 5px } .ui-resizable-imgBottomTip .imgResizeLine-first { margin: 4px 0 0 4px; _margin: 4px 0 0 1px } .ui-resizable-imgBottomTip .imgResizeLine-second { margin: 4px 0 0 4px; _margin: 4px 0 0 5px } .ui-resizable-imgTopTip.float_Img .imgResizeLine-first { margin: 4px 0 0 2px; _margin: 4px 0 0 0 } .ui-resizable-imgTopTip.float_Img .imgResizeLine-second { margin: 4px 0 0 4px; _margin: 4px 0 0 5px } .ui-resizable-imgBottomTip.float_Img .imgResizeLine-first { margin: 4px 0 0 2px; _margin: 4px 0 0 0 } .ui-resizable-imgBottomTip.float_Img .imgResizeLine-second { margin: 4px 0 0 4px; _margin: 4px 0 0 5px } .ui-resizable-imgLeftTip .imgResizeLine-first { margin: 4px 0 0 4px } .ui-resizable-imgLeftTip .imgResizeLine-second { margin: 4px 0 0 4px } .ui-resizable-imgRightTip .imgResizeLine-first { margin: 4px 0 0 4px } .ui-resizable-imgRightTip .imgResizeLine-second { margin: 4px 0 0 4px } .ui-resizable-imgLeftTip.float_Img .imgResizeLine-first { margin: 2px 0 0 4px } .ui-resizable-imgLeftTip.float_Img .imgResizeLine-second { margin: 4px 0 0 4px } .ui-resizable-imgRightTip.float_Img .imgResizeLine-first { margin: 2px 0 0 4px } .ui-resizable-imgRightTip.float_Img .imgResizeLine-second { margin: 4px 0 0 4px } .richModuleSlaveImgContainer .ui-wrapper { padding: 2px } .AdvanceColorPicker { font-family: "寰蒋闆呴粦", "Microsoft Yahei", sans-serif; padding: 5px 10px } .colorpicker { width: 450px; height: 250px; overflow: hidden; position: absolute; display: none } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; border: 1px solid #000; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8) } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(/image/colorpicker/colorpicker_overlay.png?v=201411041123); _background: url(/image/colorpicker/colorpicker_overlay.gif?v=201411041123) } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(/image/colorpicker/colorpicker_select.gif?v=201411041123); margin: -5px 0 0 -5px } .colorpicker_hue { position: absolute; background: url(/image/colorpicker/colorpicker_tool_image.gif?v=201411041123) 0 -38px no-repeat; top: 12px; left: 179px; width: 17px; height: 150px; border: 2px solid #b5b5b5; border-radius: 3px } .colorpicker_hue div { position: absolute; cursor: n-resize; width: 37px; height: 9px; overflow: hidden; background: url(/image/colorpicker/colorpicker_tool_image.gif?v=201411041123) 0 -205px no-repeat; margin: -4px 0 0 0; left: -10px } .colorpicker_new_color_title { position: absolute; color: #191919; top: 15px; left: 260px; font-size: 12px } .colorpicker_current_color_title { position: absolute; color: #191919; top: 15px; left: 370px; font-size: 12px } .colorpicker_new_color { position: absolute; border: 1px solid #c8c8c8; width: 110px; height: 30px; left: 214px; top: 38px; overflow: hidden } .colorpicker_current_color { position: absolute; border: 1px solid #c8c8c8; width: 110px; height: 30px; left: 325px; top: 38px; overflow: hidden } .colorpicker input { position: absolute; overflow: hidden; margin: 0; padding: 0; top: 2px; width: 23px; right: 19px; height: 16px; line-height: 16px; color: #656565; font-size: 10px; font-family: Arial, Helvetica, sans-serif; outline: 0; background-color: transparent; border: 1px solid #fff; text-align: left } .colorpicker_hex { position: absolute; width: 72px; height: 22px; color: #191919; line-height: 22px; left: 54px; top: 174px } .colorpicker_hex span { padding-left: 3px } .colorpicker_hex input { right: 0; border: 1px solid #8d8d8d; box-shadow: inset 1px 1px 1px #bebebe; height: 20px; line-height: 20px; width: 53px; padding-left: 3px; top: 0 } .colorpicker_field { position: absolute; background-color: #fff; height: 22px; width: 46px; background-position: top; border: 1px solid #c8c8c8; border-top: 1px solid #c4c4c4; box-shadow: inset 0 1px 1px #bcbcbc } .colorpicker_field span { position: absolute; background-color: #eee; top: 1px; right: 0; width: 16px; height: 21px; overflow: hidden } .colorpicker_hsbnum_add, .colorpicker_hsbnum_reduce, .colorpicker_rgbnum_add, .colorpicker_rgbnum_reduce { position: absolute; display: block; cursor: default } .colorpicker_field span i.colorpicker_hsbnum_add, .colorpicker_field span i.colorpicker_rgbnum_add { background: url(/image/colorpicker/colorpicker_tool_image.gif?v=201411041123) 5px 4px no-repeat; height: 11px; width: 16px; padding: 0; margin: 0; top: 0; _overflow: hidden } .colorpicker_field span i.colorpicker_hsbnum_reduce, .colorpicker_field span i.colorpicker_rgbnum_reduce { background: url(/image/colorpicker/colorpicker_tool_image.gif?v=201411041123) 5px -7px no-repeat; height: 11px; width: 16px; top: 11px; _overflow: hidden } .colorpicker_field i.colorpicker_field_title { position: absolute; cursor: default; font-style: normal; font-size: 12px; color: #191919; left: -58px; width: 58px; height: 22px; line-height: 22px; vertical-align: baseline } .colorpicker_rgb_r { top: 78px; left: 272px } .colorpicker_rgb_g { top: 108px; left: 272px } .colorpicker_rgb_b { top: 138px; left: 272px } .colorpicker_hsb_h { top: 78px; left: 388px } .colorpicker_hsb_s { top: 108px; left: 388px } .colorpicker_hsb_b { top: 138px; left: 388px } .colorpicker_submit { left: 170px; top: 215px } .colorpicker_cancel { left: 238px; top: 215px } .colorpicker_submit, .colorpicker_cancel { position: absolute; overflow: hidden; line-height: 23px; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none } .colorpicker_focus { background-position: center } .colorpicker_hex.colorpicker_focus { background-position: bottom } .colorpicker_submit.colorpicker_focus { background-position: bottom } .colorpicker_slider { background-position: bottom } .colorpicker_original { display: none; width: 200px; height: 206px; background-color: #fff; border: 1px solid #6cd2ed; position: absolute; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18) } .colorpicker_original_color { width: 100%; height: 134px } .colorpicker_original_title { font-size: 14px; font-weight: bold; height: 14px; line-height: 14px } .colorpicker_original_colorblock { height: 120px; width: 200px } .colorpicker_original_colorblock .col { height: 96px; padding: 12px 0; width: 15px; margin: 0 3px 0 2px; float: left } .colorpicker_original_colorblock .col div { border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 13px; height: 13px } .col_first { margin-bottom: 14px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } .col_in_first { border-top: 1px solid #ccc } .col_in_last { border-bottom: 1px solid #ccc } .colorpicker_origanal_colorcustom { height: 58px; width: 100% } .faiColorPicker { position: absolute; display: none; top: 0; left: 0; font-family: "寰蒋闆呴粦", "Microsoft YaHei UI", sans-serif; padding: 1px; border: 1px solid #cbcbcb; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18); background-color: #fff; height: auto; width: 202px } #faiColorPicker-hidden { position: absolute; z-index: -1; outline: 0; border: 0; background: transparent; width: 1px; height: 0; line-height: 0; font-size: 0; overflow: hidden } .faiColorPicker .faiColorPicker-clearcolor { font-size: 12px; height: 24px; padding: 2px 0; width: 100%; background-color: #eff2f6; *zoom: 1 } .faiColorPicker-clearcolor:before, .faiColorPicker-clearcolor:after { display: table; content: ""; line-height: 0 } .faiColorPicker-clearcolor:after { clear: both } .faiColorPicker .faiColorPicker-clearcolor:hover { background-color: #eaf1f9 } .faiColorPicker-clearcolor div { position: relative; float: left } .faiColorPicker-clearcolor .original-color { height: 16px; width: 113px; *width: 112px; margin-top: 3px; background-color: transparent; border: 1px solid #ccc } .faiColorPicker-clearcolor .original-clear { background: url(/image/colorpicker/clear.png?v=201411102015) top center no-repeat; margin-left: 6px; text-align: center; height: 14px; width: 14px; margin-top: 4px; border: 1px solid #ccc } .faiColorPicker-clearcolor .original-title { cursor: default; font-size: 12px; height: 24px; line-height: 24px; text-align: left; padding: 0 5px; color: #555 } .faiColorPicker-colorcol { height: 92px; width: 193px; padding: 5px } .faiColorPicker .col { cursor: default; float: left; width: 16px; height: auto; margin-right: 6px } .faiColorPicker .col-last { margin-right: 0 } .faiColorPicker .col .col-color { cursor: default; display: block; width: 14px; height: 14px; border-right: 1px solid #ededed; border-left: 1px solid #ededed; _overflow: hidden } .faiColorPicker .col .col-color div { cursor: default; position: relative; width: 14px; height: 14px; _overflow: hidden } .faiColorPicker .col .col-color div:hover { width: 16px; height: 16px; left: -1px; top: -1px } .faiColorPicker .col .col-color.first { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-bottom: 4px } .faiColorPicker .col .col-color.second { border-top: 1px solid #ededed } .faiColorPicker .col .col-color.last { border-bottom: 1px solid #ededed } .faiColorPicker-colornormal .colornormal-title { cursor: default; background-color: #eff2f6; font-size: 12px; color: #555; line-height: 22px; height: 22px; padding: 2px 5px } .faiColorPicker-colornormal .colornormal-color { display: block; padding: 4px 5px; *zoom: 1 } .faiColorPicker-colornormal .colornormal-color:before, .faiColorPicker-colornormal .colornormal-color:after { display: table; line-height: 0; content: "" } .faiColorPicker-colornormal .colornormal-color:after { clear: both } .faiColorPicker-colornormal .colornormal-color .col .col-color.normal { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed } .faiColorPicker-colorhistory { width: 100%; height: 50px } .faiColorPicker-colorhistory .colorhistory-title { cursor: default; background-color: #eff2f6; font-size: 12px; padding: 2px 5px; height: 22px; line-height: 22px; color: #555 } .faiColorPicker-colorhistory .colorhistory-color { display: block; padding: 5px; *zoom: 1 } .faiColorPicker-colorhistory .colorhistory-color:before, .faiColorPicker-colorhistory .colorhistory-color:after { display: table; line-height: 0; content: "" } .faiColorPicker-colorhistory .colorhistory-color:after { clear: both } .faiColorPicker-colorhistory .colorhistory-color .col .col-color.history { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed } .faiColorPicker-coloradvance { padding: 4px 6px } .faiColorPicker-coloradvance .coloradvance-btn { display: block; text-align: center; text-decoration: none; color: #666; height: 28px; width: 188px; border: 1px solid #d2d2d2; line-height: 28px; font-size: 12px; background-color: #efefef; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#efefef)); background-image: -webkit-linear-gradient(top, #f6f6f6, #efefef); background-image: -moz-linear-gradient(top, #f6f6f6, #efefef); background-image: -ms-linear-gradient(top, #f6f6f6, #efefef); background-image: -o-linear-gradient(top, #f6f6f6, #efefef); background-image: linear-gradient(top, #f6f6f6, #efefef); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#EFEFEF', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18), inset 0 0 2px rgba(255, 255, 255, 1); text-shadow: 0 1px 1px #fff; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px } .fullmeasureSortIcon { display: none; width: 54px; height: 54px; position: absolute; top: 0; right: 0; cursor: move; background: url(/image/bg02.png?v=201506181858) no-repeat -1223px -84px } .webContainer-disabled { height: 50px !important; overflow: hidden !important } .webContainerCover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: #eee url(/image/styleFullmeasure/webContainerPrompt.jpg?v=201412081723) no-repeat center center } .moduleLayer .moduleLayerIconHide, .moduleLayer .moduleLayerIconTop, .moduleLayer .moduleLayerIconBottom { width: 21px; height: 100% } .moduleLayer .moduleLayerIconHide { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -940px -216px } .moduleLayer .moduleLayerIconTop { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -212px -329px } .moduleLayer .moduleLayerIconBottom { background: #7f7f7f url(/image/bg02.png?v=201506181858) no-repeat -85px -71px } .moduleLayer .moduleLayerIconHide:hover, .moduleLayer .moduleLayerIconTop:hover, .moduleLayer .moduleLayerIconBottom:hover { text-decoration: none } .addNewFmModule { display: table; width: 100%; height: 100% } .addNewFmModule .addFmBtn { display: table-cell; vertical-align: middle; width: 205px; padding: 44px 0 40px 0; margin: 0 auto } .fullmeasure_Icon { width: 205px; height: 52px; margin: 0 auto; cursor: pointer; background: url(/image/bg02.png?v=201506181858) -690px -310px no-repeat } .addFmBtnToolTip { color: #b8b8b8; font-size: 16px; font-family: "Microsoft YaHei", "寰蒋闆呴粦"; text-align: center; margin-top: 8px; cursor: pointer } .moduleMask { z-index: 9030; opacity: .3; filter: alpha(opacity=30); background: #000 } .moduleMask-center { opacity: 0; filter: alpha(opacity=0) } .fk-rapidSitePanel { width: 100%; height: 100%; font-family: "Microsoft Yahei", "寰蒋闆呴粦", sans-serif; position: absolute; top: -100%; left: 0; z-index: 9033; background: #fff } .fk-rapidSitePanel a { font-family: "Microsoft Yahei", "寰蒋闆呴粦", sans-serif } .fk-rapidSitePanel .f-nothingTip { font-size: 16px; color: #b9b9b9; text-align: center } .fk-rapidSitePanel .f-loading { width: 32px; height: 32px; border-radius: 5px; position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px } .fk-rapidSitePanel-banner { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 62px; border-bottom: 1px solid #e5e5e5; background: #fff } .fk-rapidSitePanel-banner .i-banner_left { float: left } .fk-rapidSitePanel-banner .i-banner_right { float: right } .fk-rapidSitePanel-banner .i-banner_left, .fk-rapidSitePanel-banner .i-banner_right { width: 90px; height: 62px; font-size: 18px; position: relative } .fk-rapidSitePanel-banner .i-bannerTip { display: block; width: 90px; height: 24px; text-align: center; color: #2889e4; padding-bottom: 2px; position: absolute; bottom: 12px; left: 0 } .fk-rapidSitePanel-banner .i-bannerTipUnderline { width: 90px; height: 5px; border-top: 2px solid #2889e4; overflow: hidden; position: absolute; bottom: -7px; left: 0; background: url(/image/rapidSite/rapidSite.png?v=201506011730) no-repeat 42px -322px } .fk-rapidSitePanel-banner .i-closeRapidSitePanel { display: block; width: 20px; height: 20px; position: absolute; bottom: 16px; right: 10px; background: url(/image/rapidSite/rapidSite.png?v=201506011730) no-repeat 0 -508px } .fk-rapidSitePanel-menu { width: 175px; min-height: 240px; border-radius: 5px 5px 5px 5px; overflow: hidden; position: absolute; top: 97px; left: 100px; bottom: 20px; z-index: 3; background: #4c4c4c } .fk-rapidSitePanel-menu-borderTopRight { border-top-right-radius: 0 } .fk-rapidSitePanel-menu .i-menuList { list-style: none; padding: 0; margin: 0 } .fk-rapidSitePanel-menu .i-menuItemContainer { width: 100%; border-bottom: 1px solid #686868 } .fk-rapidSitePanel-menu .i-menuItem { display: block; height: 62px; line-height: 62px; border-bottom: 1px solid #424242; text-decoration: none; font-size: 16px; color: #afafaf; padding-left: 62px; position: relative } .fk-rapidSitePanel-menu .i-menuItem:hover { color: #fff; background: #2889e4 } .fk-rapidSitePanel-menu .i-menuItem .i-icon { display: block; width: 27px; height: 27px; position: absolute; top: 17px; left: 22px; background-image: url(/image/rapidSite/rapidSite.png?v=201506011730); background-repeat: no-repeat } .fk-rapidSitePanel-menu .i-menuItem .i-icon2 { display: none; width: 9px; height: 20px; position: absolute; top: 21px; right: 0; background: url(/image/rapidSite/rapidSite.png?v=201506011730) no-repeat 0 -450px } .fk-rapidSitePanel-menu .i-menuItem_company .i-icon { background-position: 0 -5px } .fk-rapidSitePanel-menu .i-menuItem_company:hover .i-icon { background-position: 0 -161px } .fk-rapidSitePanel-menu .i-menuItem_onlineMarket .i-icon { background-position: 0 -36px } .fk-rapidSitePanel-menu .i-menuItem_onlineMarket:hover .i-icon { background-position: 1px -192px } .fk-rapidSitePanel-menu .i-menuItem_other .i-icon { background-position: 0 -68px } .fk-rapidSitePanel-menu .i-menuItem_other:hover .i-icon { background-position: 0 -224px } .fk-rapidSitePanel-menu .i-menuItem_youLike .i-icon { background-position: 0 -98px } .fk-rapidSitePanel-menu .i-menuItem_youLike:hover .i-icon { background-position: 0 -254px } .fk-rapidSitePanel-menu .i-menuItem_recentUsed .i-icon { background-position: 0 -125px } .fk-rapidSitePanel-menu .i-menuItem_recentUsed:hover .i-icon { background-position: 0 -281px } .fk-rapidSitePanel-menu .i-menuItemContainer-selected .i-menuItem { color: #fff; background: #2889e4 } .fk-rapidSitePanel-menu .i-menuItem:hover .i-icon2 { display: block } .fk-rapidSitePanel-menu .i-menuItemContainer-selected .i-menuItem_company .i-icon { background-position: 0 -161px } .fk-rapidSitePanel-menu .i-menuItemContainer-selected .i-menuItem_onlineMarket .i-icon { background-position: 1px -192px } .fk-rapidSitePanel-menu .i-menuItemContainer-selected .i-menuItem_other .i-icon { background-position: 0 -224px } .fk-rapidSitePanel-menu .i-menuItemContainer-selected .i-menuItem_youLike .i-icon { background-position: 0 -254px } .fk-rapidSitePanel-menu .i-menuItemContainer-selected .i-menuItem_recentUsed .i-icon { background-position: 0 -281px } .fk-rapidSitePanel-content { width: 100%; height: 100%; margin-top: 135px; overflow: auto; position: relative } .fk-rapidSitePanel-content .i-rapidSiteContentContainer { position: relative } .fk-rapidSitePanel-content .i-rapidSiteContent { margin: 0 0 30px 200px } .fk-rapidSitePanel-content .i-rapidSiteContentContainer { max-width: 1350px; min-width: 965px; margin: 0 auto; position: relative; left: 20px } .fk-rapidSitePanel-content .i-rapidSiteMoreTip { width: 110px; height: 50px; text-align: center; text-decoration: none; color: #afafaf; outline: 0; position: absolute; bottom: -30px; left: 50%; margin-left: 55px } .fk-rapidSitePanel-content .i-rapidSiteMoreTip .i-left, .fk-rapidSitePanel-content .i-rapidSiteMoreTip .i-right { width: 30px; height: 3px; position: absolute; background: #afafaf } .fk-rapidSitePanel-content .i-rapidSiteMoreTip .i-left { top: 45px; left: 26px; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -webkit-transform-origin: right; -moz-transform-origin: right; transform-origin: right } .fk-rapidSitePanel-content .i-rapidSiteMoreTip .i-right { top: 45px; right: 26px; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); transform: rotateZ(-45deg); transform-origin: left; -webkit-transform-origin: left; -moz-transform-origin: left } .fk-rapidSitePanel-content .i-rapidSiteMoreTip .i-animate { -webkit-transition: -webkit-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: -moz-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: -moz-transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) } .fk-rapidSitePanel-content .i-rapidSiteMoreTip:hover .i-animate_left { -webkit-transform: rotateZ(35deg); -moz-transform: rotateZ(35deg); transform: rotateZ(35deg); background-color: #2889e4 } .fk-rapidSitePanel-content .i-rapidSiteMoreTip:hover .i-animate_right { -webkit-transform: rotateZ(-35deg); -moz-transform: rotateZ(-35deg); transform: rotateZ(-35deg); background-color: #2889e4 } .fk-rapidSitePanel-content .i-rapidSiteMoreTip .i-ie-moreTip { width: 54px; height: 29px; position: absolute; bottom: 0; left: 31px; background: url(/image/rapidSite/rapidSite.png?v=201506011730) no-repeat 0 -2092px } .fk-rapidSitePanel-content .i-rapidSiteMoreTip:hover .i-ie-moreTip { background-position: 0 -2142px } .fk-rapidSitePanel-title { width: 100%; padding-top: 25px; overflow: hidden; position: absolute; top: 61px; left: 0; z-index: 3; background: #fff } .fk-rapidSitePanel-title .i-templatesTitle { height: 46px; font-size: 14px; color: #afafaf; position: relative } .fk-rapidSitePanel-title .i-templatesTitle_left { float: left } .fk-rapidSitePanel-title .i-templatesTitle_right { float: right } .fk-rapidSitePanel-title .i-templatesTitle_left, .fk-rapidSitePanel-content .i-templatesTitle_right { height: 40px; line-height: 40px } .fk-rapidSitePanel-title .f-tradeContainer { float: left; height: 100%; padding: 0 12px 0 0 } .fk-rapidSitePanel-title .f-trade { color: #afafaf; text-decoration: none; font-size: 14px } .fk-rapidSitePanel-title .f-trade:hover { color: #389cff } .fk-rapidSitePanel-title .f-trade-selected { color: #389cff } .fk-rapidSitePanel-title .i-renewTemplates { display: block; float: right; height: 40px; line-height: 40px; font-size: 16px; text-decoration: none; color: #999; position: relative } .fk-rapidSitePanel-title .i-renewTemplates .i-icon { display: block; width: 20px; height: 20px; position: absolute; left: -22px; top: 12px; background: url(/image/rapidSite/rapidSite.png?v=201506011730) no-repeat 0 -427px } .fk-rapidSitePanel-content .i-templatesContent { overflow: hidden; position: relative } .fk-rapidSitePanel-content .i-template { display: block; width: 322px; height: 218px; outline: 0; cursor: default; text-decoration: none; float: left; margin-right: 60px; margin-bottom: 48px; position: relative; background: url(/image/rapidSite/rapidSite.png?v=201506011730) no-repeat 0 -1217px } .fk-rapidSitePanel-content .i-phoneTemplate { width: 91px; height: 172px; position: absolute; right: -21px; bottom: -21px; border-radius: 5px; box-shadow: -1px -1px 3px 0 rgba(0, 0, 0, 0.15); overflow: hidden; background: url(/image/rapidSite/rapidSite.png?v=201506011730) no-repeat 0 -1005px } .fk-rapidSitePanel-content .i-phoneTemplateImg { position: absolute; top: 13px; left: 5px; width: 82px; height: 141px; overflow: hidden } .fk-rapidSitePanel-content .i-template:hover { zoom: 1 } .fk-rapidSitePanel-content .i-template:hover .i-phoneTemplate { right: 0; bottom: 0; -webkit-animation: rapidSite-phoneTemplate .3s forwards; -moz-animation: rapidSite-phoneTemplate .3s forwards; -o-animation: rapidSite-phoneTemplate .3s forwards; -ms-animation: rapidSite-phoneTemplate .3s forwards; animation: rapidSite-phoneTemplate .3s forwards } .fk-rapidSitePanel-content .i-templateImg, .fk-rapidSitePanel-content .i-template .i-templateLayer, .fk-rapidSitePanel-content .i-template .i-templateCover { width: 320px; height: 200px; position: absolute; top: 17px; left: 1px } .fk-rapidSitePanel-content .i-templateImg { overflow: hidden } .fk-rapidSitePanel-content .i-template .i-templateLayer { visibility: hidden; z-index: 2 } .fk-rapidSitePanel-content .i-template:hover .i-templateLayer { visibility: visible } .fk-rapidSitePanel-content .i-template .i-templateCover { visibility: hidden; opacity: 0; filter: alpha(opacity=70); background: #000 } .fk-rapidSitePanel-content .i-template:hover .i-templateCover { visibility: visible; opacity: .7; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s } .fk-rapidSitePanel-content .i-templateBtnContainer { width: 200px; height: 56px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -28px; margin-left: -100px } .fk-rapidSitePanel-content .i-template:hover .i-templateBtnContainer { opacity: 0 } .fk-rapidSitePanel-content .i-template:hover .i-templateLayer:hover .i-templateBtnContainer { opacity: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; transition: opacity 1s } .fk-rapidSitePanel-content .i-lookTemplateBtn, .fk-rapidSitePanel-content .i-copyTemplateBtn { display: inline-block; width: 56px; height: 56px; line-height: 56px; color: #fff; font-size: 14px; text-decoration: none; overflow: hidden; position: relative } .fk-rapidSitePanel-content .i-lookTemplateBtn { margin-right: 10px } .fk-rapidSitePanel-content .i-lookTemplateBtn:hover, .fk-rapidSitePanel-content .i-copyTemplateBtn:hover { width: 126px; -webkit-transition: width .3s; -moz-transition: width .3s; -o-transition: width .3s; -ms-transition: width .3s; transition: width .3s } .fk-rapidSitePanel-content .i-lookTemplateBtn .i-icon, .fk-rapidSitePanel-content .i-copyTemplateBtn .i-icon { float: left; width: 30px; height: 20px; margin: 18px 0 0 18px; background-image: url(/image/rapidSite/rapidSite.png?v=201506011730); background-repeat: no-repeat } .fk-rapidSitePanel-content .i-lookTemplateBtn .i-icon { background-position: 0 -366px } .fk-rapidSitePanel-content .i-copyTemplateBtn .i-icon { background-position: 0 -396px } .fk-rapidSitePanel-content .i-lookTemplateBtn .i-text, .fk-rapidSitePanel-content .i-copyTemplateBtn .i-text { float: left } .fk-rapidSitePanel-content .i-templateBtn .i-iconLeft, .fk-rapidSitePanel-content .i-templateBtn .i-iconRight { width: 28px; height: 100%; position: absolute; top: 0; z-index: -1; background-image: url(/image/rapidSite/rapidSite.png?v=201505071752); background-repeat: no-repeat } .fk-rapidSitePanel-content .i-templateBtn .i-iconLeft { left: 0; background-position: 0 -1480px } .fk-rapidSitePanel-content .i-templateBtn .i-iconRight { right: 0; background-position: -29px -1480px } .fk-rapidSitePanel-content .i-templateBtn .i-iconCenter { position: absolute; top: 1px; left: 28px; z-index: -1; height: 54px; width: 0; background: url(/image/rapidSite/btnLine.png?v=201505071752) repeat-x 0 0 } .fk-rapidSitePanel-content .i-templateBtn:hover .i-iconCenter { width: 70px; -webkit-transition: width .3s; -moz-transition: width .3s; -o-transition: width .3s; -ms-transition: width .3s; transition: width .3s } .fk-rapidSitePanel-tradeMenu { min-width: 600px; max-height: 680px; overflow: auto; color: #b3b3b3; border: 1px solid #c1d7ec; border-left: none; border-radius: 0 2px 2px 0; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.15); position: absolute; top: 97px; left: 275px; bottom: 20px; z-index: 4; background: #fafafa } .fk-rapidSitePanel-tradeMenu .i-tradeTitle { width: 158px; height: 40px; line-height: 40px; font-size: 14px; font-family: "Microsoft YaHei", "寰蒋闆呴粦"; color: #727272; text-align: left; text-decoration: none; cursor: pointer; float: left } .fk-rapidSitePanel-tradeMenu .i-tradeMenu-selected .i-tradeTitle { color: #ff7200 } .fk-rapidSitePanel-tradeMenu .i-tradeMenuContent { padding: 18px 0 14px 20px } .fk-rapidSitePanel-tradeMenu .i-tradeBlock { padding: 3px 0 10px 0; overflow: hidden; border-bottom: 1px solid #f4f4f4 } .fk-rapidSitePanel-tradeMenu .i-tradeArea { width: 240px; padding: 0 20px 0 20px; float: left } .fk-rapidSitePanel-tradeMenu .i-tradeContent { clear: both } .fk-rapidSitePanel-tradeMenu .i-trade { display: inline-block; height: 26px; line-height: 26px; font-size: 12px; font-family: "瀹嬩綋"; text-decoration: none; color: #afafaf; margin: 0 8px 0 0 } .fk-rapidSitePanel-tradeMenu .i-trade:hover { color: #ff7200 } .fk-rapidSitePanel-scrollTop { width: 44px; height: 44px; cursor: pointer; position: absolute; bottom: 50px; right: 50px; background: url(/image/rapidSite/rapidSite.png?v=201506011730) no-repeat 0 -1999px } .fk-rapidSitePanel-cover { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 9032; overflow: hidden } .fk-rapidSitePanel-cover .i-viewBg { height: 100%; width: 100%; background-color: #000; opacity: .77; filter: alpha(opacity=77) } .fk-rapidSitePanel-cover .i-viewTip { width: 659px; height: 180px; position: absolute; top: 0; left: 0; background: url(/image/rapidSite/viewTip.png?v=201506091618) no-repeat 0 0 } .fk-rapidSitePanel-cover .i-understand { width: 138px; height: 42px; position: absolute; bottom: 0; right: 20px } @media screen and (max-width: 1364px) { .fk-rapidSitePanel-content .i-rapidSiteContentContainer { width: 965px } } @media screen and (min-width: 1460px) { .fk-rapidSitePanel-content .i-rapidSiteContentContainer { min-width: 1430px; left: 30px } .fk-rapidSitePanel-content .i-template { margin-right: 80px } .fk-rapidSitePanel-content .i-rapidSiteContent { margin-left: 220px } } @-webkit-keyframes rapidSite-phoneTemplate { from { right: -21px; bottom: -21px } to { right: 0; bottom: -1px } } @-moz-keyframes rapidSite-phoneTemplate { from { right: -21px; bottom: -21px } to { right: 0; bottom: -1px } } @-o-keyframes rapidSite-phoneTemplate { from { right: -21px; bottom: -21px } to { right: 0; bottom: -1px } } @-ms-keyframes rapidSite-phoneTemplate { from { right: -21px; bottom: -21px } to { right: 0; bottom: -1px } } @keyframes rapidSite-phoneTemplate { from { right: -21px; bottom: -21px } to { right: 0; bottom: -1px } } .fk-quickViewTemplate { width: 100%; height: 46px; font-family: "Microsoft Yahei", "寰蒋闆呴粦", sans-serif; border-bottom: 1px solid #e3e3e3; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; z-index: 9032; background: #fff } .fk-quickViewTemplate .f-loading { width: 32px; height: 32px; border-radius: 5px; position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px } .fk-quickViewTemplateBar { height: 46px; max-width: 1024px; min-width: 720px; margin: 0 auto } .fk-quickViewTemplateBar a { text-decoration: none; outline: 0 } .fk-quickViewTemplateBar .f-tradeTip { float: left; height: 100% } .fk-quickViewTemplateBar .f-btnContent { float: right; height: 100% } .fk-quickViewTemplateBar .f-tradeContainer { float: left; height: 100%; padding: 0 18px 0 0 } .fk-quickViewTemplateBar .f-trade { display: block; float: left; line-height: 44px; font-size: 14px; color: #666 } .fk-quickViewTemplateBar .f-trade:hover { color: #389cff; border-bottom: 2px solid #389cff } .fk-quickViewTemplateBar .f-trade-selected { color: #389cff; border-bottom: 2px solid #389cff } .fk-quickViewTemplateBar .f-btnContainer { float: right; height: 100%; padding: 0 0 0 12px } .fk-quickViewTemplateBar .f-btn { display: block; margin-top: 7px; height: 30px; line-height: 30px; text-align: center; color: #666; font-size: 14px; border: 1px solid #dadada; border-radius: 2px; background: #fff } .fk-quickViewTemplateBar .f-btn:hover { color: #fff; border: 1px solid #2590f9; background: #389cff } .fk-quickViewTemplateBar .f-moreTemplate { width: 92px } .fk-quickViewTemplateBar .f-copyTemplate { width: 128px; color: #fff; border: 1px solid #2590f9; background: #389cff } .fk-quickViewTemplateContent { height: 215px; width: 100%; border-bottom: 1px solid #e3e3e3; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); overflow: hidden; position: absolute; top: 47px; left: 0; background: #fff } .fk-quickViewTemplateContent .f-templateListContainer { height: 100%; max-width: 1000px; min-width: 720px; padding: 0 60px 0 60px; margin: 0 auto; position: relative } .fk-quickViewTemplateContent .f-leftBtn, .fk-quickViewTemplateContent .f-rightBtn { position: absolute; top: 0; height: 100%; width: 50px } .fk-quickViewTemplateContent .f-leftBtn { left: 0 } .fk-quickViewTemplateContent .f-rightBtn { right: 0 } .fk-quickViewTemplateContent .f-leftBtn-icon, .fk-quickViewTemplateContent .f-rightBtn-icon { display: block; width: 28px; height: 56px; position: absolute; top: 50%; left: 50%; margin-top: -28px; margin-left: -14px; background-image: url(/image/rapidSite/rapidSite.png?v=201506092008); background-repeat: no-repeat } .fk-quickViewTemplateContent .f-leftBtn-icon { background-position: 0 -761px } .fk-quickViewTemplateContent .f-leftBtn:hover .f-leftBtn-icon { background-position: 0 -837px } .fk-quickViewTemplateContent .f-rightBtn-icon { background-position: 0 -607px } .fk-quickViewTemplateContent .f-rightBtn:hover .f-rightBtn-icon { background-position: 0 -683px } .fk-quickViewTemplateContent .f-closeRapidSite { display: block; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; z-index: 2; background: url(/image/rapidSite/rapidSite.png?v=201506092008) no-repeat 0 -508px } .fk-quickViewTemplateContent .f-templateListViewContent { width: 100%; padding-top: 20px; overflow: hidden } .fk-quickViewTemplateContent .f-template { padding: 0 8px 0 8px; float: left; position: relative } .fk-quickViewTemplateContent .f-template-selected .f-disableCover { width: 248px; height: 168px; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0); background: #fff } .fk-quickViewTemplateContent .f-templateList { width: 200%; height: 170px; overflow: hidden; position: relative; left: 0 } .fk-quickViewTemplateContent .f-templateInner { display: block; width: 228px; height: 164px; border: 2px solid transparent; border-radius: 3px; position: relative } .fk-quickViewTemplateContent .f-templateInner:hover { border-color: #14c761 } .fk-quickViewTemplateContent .f-pcTemplate { width: 202px; height: 140px; position: absolute; top: 0; left: 0; background: url(/image/rapidSite/rapidSite.png?v=201506092008) no-repeat 0 -1681px } .fk-quickViewTemplateContent .f-templateImg { width: 199px; height: 126px; overflow: hidden; position: absolute; top: 13px; left: 2px } .fk-quickViewTemplateContent .f-phoneTemplate { width: 58px; height: 109px; position: absolute; right: 1px; bottom: 1px; background: url(/image/rapidSite/rapidSite.png?v=201506092008) no-repeat 0 -1855px } .fk-quickViewTemplateContent .f-phoneTemplateImg { width: 53px; height: 89px; overflow: hidden; position: absolute; top: 8px; left: 3px } .fk-quickViewTemplateContent .f-templateCheckedTip { width: 40px; height: 40px; position: absolute; top: 0; right: 0 } .fk-quickViewTemplateContent .f-template-selected .f-templateCheckedTip { background: url(/image/rapidSite/rapidSite.png?v=201506092008) no-repeat 0 -920px } .fk-quickViewTemplateContent .f-template-selected .f-templateInner { border-color: #14c761 } .fk-updateLowBrowser { width: 100%; height: 100%; font-family: "Microsoft Yahei", "寰蒋闆呴粦"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9040; background: #fff } .fk-updateLowBrowser .f-browserContent { width: 932px; height: 830px; position: absolute; top: 50%; left: 50%; margin-top: -415px; margin-left: -466px } .fk-updateLowBrowser .f-browserImg { width: 100%; height: 649px; position: relative; background: url(/image/site/lowBrowserUpdate.png?v=201505271546) no-repeat center center } .fk-updateLowBrowser .f-downloadBtn { width: 165px; height: 48px; position: absolute; bottom: 45px; left: 389px } .fk-updateLowBrowser .f-splitLine { width: 100%; height: 30px } .fk-updateLowBrowser .f-browserDown { width: 100%; height: 24px; line-height: 24px; color: #bdbdbd; font-size: 16px; text-align: center } .fk-updateLowBrowser .f-browserTip { margin-right: 24px } .fk-updateLowBrowser .f-browserLink { color: #bdbdbd; text-decoration: none; margin-right: 24px } .fk-updateLowBrowser .f-browserText { width: 182px; height: 60px; font-size: 16px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -91px; margin-left: -30px } .fk-bigSalesWithHdGame { width: 80px; height: 80px; font-family: "Microsoft Yahei", "寰蒋闆呴粦", sans-serif; position: absolute; top: 250px; left: 50px; z-index: 9030 } .fk-bigSalesWithHdGame .f-cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #fff; opacity: 0; filter: alpha(opacity=0) } .fk-bigSalesWithHdGame .f-luckyGuy { width: 80px; height: 80px; cursor: pointer; overflow: hidden; -webkit-animation: bounce 2s ease 0s infinite forwards; -moz-animation: bounce 2s ease 0s infinite forwards; -o-animation: bounce 2s ease 0s infinite forwards; animation: bounce 2s ease 0s infinite forwards } .fk-bigSalesWithHdGame .f-close { width: 16px; height: 16px; text-indent: -999px; overflow: hidden; position: absolute; top: -18px; right: -14px; background: url(/image/site/hdLottery/close.png?v=201506151725) no-repeat 0 0 } .fk-bigSalesWithHdGame_popupContent { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9034; overflow: hidden } .fk-bigSalesWithHdGame_popupContent .f-contentBg { height: 100%; width: 100%; background-color: #000; opacity: .77; filter: alpha(opacity=77) } .fk-bigSalesWithHdGame_popupContent .f-content { width: 727px; height: 564px; position: absolute; top: 50%; left: 50%; margin-top: -282px; margin-left: -363px; background: url(/image/site/hdLottery/QRcode.png?v=201506151725) no-repeat 0 0 } .fk-bigSalesWithHdGame_popupContent .f-QRcodeContent { width: 120px; height: 120px; position: absolute; bottom: 12px; left: 282px } .fk-bigSalesWithHdGame_popupContent .f-close { width: 43px; height: 43px; text-indent: -999px; overflow: hidden; position: absolute; top: 2px; right: 47px } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0) } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0) } } @-moz-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -moz-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); -moz-transform: translate3d(0, 0, 0) } 40%, 43% { -moz-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -moz-transform: translate3d(0, -30px, 0) } 70% { -moz-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -moz-transform: translate3d(0, -15px, 0) } 90% { -moz-transform: translate3d(0, -4px, 0) } } @-o-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); -o-transform: translate3d(0, 0, 0) } 40%, 43% { -o-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -o-transform: translate3d(0, -30px, 0) } 70% { -o-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -o-transform: translate3d(0, -15px, 0) } 90% { -o-transform: translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transform: translate3d(0, 0, 0) } 40%, 43% { transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transform: translate3d(0, -30px, 0) } 70% { transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transform: translate3d(0, -15px, 0) } 90% { transform: translate3d(0, -4px, 0) } } .fk-forWaiting { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9032; opacity: .8; filter: alpha(opacity=80); background-color: #000 } .fk-forWaiting .f-spinner { position: absolute; top: 50%; left: 50% } .fk-forWaiting-normal .f-spinner { width: 40px; height: 40px; margin: -20px 0 0 -20px } .fk-forWaiting-ie .f-spinner { width: 60px; height: 60px; margin: -30px 0 0 -30px; background: url(/image/loading/loading.gif?v=201506162054) no-repeat 0 0 } .fk-forWaiting .f-loadingTip { width: 240px; color: #fff; font-size: 12px; font-family: "Miscrosoft YaHei", "寰蒋闆呴粦", sans-serif; text-align: center; position: absolute } .fk-forWaiting-ie .f-loadingTip { bottom: -30px; left: -81px } .fk-forWaiting-normal .f-loadingTip { bottom: -36px; left: -90px } .fk-forWaiting-normal .f-container1 > div, .fk-forWaiting-normal .f-container2 > div, .fk-forWaiting-normal .f-container3 > div { width: 6px; height: 6px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: fk-bouncedelay 1.2s infinite ease-in-out; animation: fk-bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both } .fk-forWaiting-normal .f-spinnerContainer { position: absolute; width: 100%; height: 100% } .fk-forWaiting-normal .f-container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg) } .fk-forWaiting-normal .f-container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg) } .fk-forWaiting-normal .f-circle1 { top: 0; left: 0 } .fk-forWaiting-normal .f-circle2 { top: 0; right: 0 } .fk-forWaiting-normal .f-circle3 { right: 0; bottom: 0 } .fk-forWaiting-normal .f-circle4 { left: 0; bottom: 0 } .fk-forWaiting-normal .f-container2 .f-circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .fk-forWaiting-normal .f-container3 .f-circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s } .fk-forWaiting-normal .f-container1 .f-circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s } .fk-forWaiting-normal .f-container2 .f-circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s } .fk-forWaiting-normal .f-container3 .f-circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s } .fk-forWaiting-normal .f-container1 .f-circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s } .fk-forWaiting-normal .f-container2 .f-circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s } .fk-forWaiting-normal .f-container3 .f-circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s } .fk-forWaiting-normal .f-container1 .f-circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s } .fk-forWaiting-normal .f-container2 .f-circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s } .fk-forWaiting-normal .f-container3 .f-circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s } @-webkit-keyframes fk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes fk-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0) } 40% { transform: scale(1.0); -webkit-transform: scale(1.0) } } .fk-rapidSitePopupWindow { color: #636363; font-family: "Miscrosoft Yahei", "寰蒋闆呴粦", sans-serif } .fk-rapidSitePopupWindow .formTC { color: #fff; background-color: #fff } .fk-rapidSitePopupWindow .formX { width: 20px; height: 20px; right: 15px; top: 10px; background: url(/image/bg02.png?v=201506181858) no-repeat -1614px -437px } .fk-rapidSitePopupWindow .formX:hover { background: url(/image/bg02.png?v=201506181858) no-repeat -1614px -475px } .fk-rapidSitePopupWindow .formBtns .abutton { margin: 0 20px } .fk-rapidSitePopupWindow .formBtns .faiButton { width: 95px; height: 35px; font-size: 14px; font-family: "Miscrosoft Yahei", "寰蒋闆呴粦", sans-serif; border-radius: 1px } .fk-rapidSitePopupWindow .formBtns .saveButton { width: 126px; height: 35px; color: #fff; border: 0; background: #1679ff } .fk-rapidSitePopupWindow .formBtns .saveButton-hover { color: #fff; border: 0; background: #1679ff } .fk-rapidSitePopupWindow .formBtns .cancelButton { border: 1px solid #dadada; color: #8c8c8c; background: #fff } .fk-rapidSitePopupWindow .formBtns .cancelButton-hover { border: 1px solid #dadada; color: #8c8c8c; background: #fff } .fk-rapidSitePopupWindow .formBtnsContent { padding: 20px 0 32px 0 } .fk-rapidSitePopupWindow .formMSG { color: #636363; line-height: 26px; font-size: 14px; padding: 22px 43px 0 43px }