body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; } table{ border-collapse: collapse; border-spacing: 0; } input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; } ul, li, div{ list-style: none; border: 0px; } img{ border: 0px; max-width: 100%;max-height: 100%;} .clear{ font: 0px/0px serif; display: block; clear: both; } body{ font: 12px "\5b8b\4f53",Tahoma,Arial; color: #333; background: #fff; position: relative; } html{ -webkit-text-size-adjust: none; } input{ outline: none; } textarea{ resize: none; } /* head */ .boxy-wrapper { max-width: 600px; left: 50% !important; transform: translateX(-50%); } #head{ width: 100%; height: 39px; margin: 0px auto; background: url(/NewShowStand/Style/14/Images/Blue/index.png) repeat-x 0 0; } .head{ width: 1298px; height: 39px; margin: 0px auto; } .head img{ float: left; } .head p{ display: block; float: left; text-indent: 20px; line-height: 39px; color: #e4e4e4; } .head p a{ text-decoration: none; color: #888888; margin: 0px 4px; } .head p a.log{ color: #ff6600; } .head p a.help{ display: inline-block; line-height: 39px; text-indent: 5px; } .head p a.shop{ display: inline-block; background: url(/NewShowStand/Style/14/Images/Blue/favorite.jpg) no-repeat 0 50%; text-indent: 20px; color: #ff6600; } .head p b{ font-weight: normal; color: #888; margin-right: 8px; } .head p a:hover{ text-decoration: underline; color: #ff0000; } .search{ float: right; padding: 5px 0 0 0; } .search input{ width: 130px; height: 27px; display: block; float: left; border: 1px solid #cccccc; border-right: 0px; text-indent: 10px; line-height: 27px; color: #babab9; } .search button{ width: 68px; height: 29px; display: block; float: left; border: 1px solid #ff5500; background: #ffab00 url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -252px -98px; cursor: pointer; } .search button.show{ width: 55px; height: 29px; display: inline; float: left; border: 1px solid #cccccc; background: #f1f1f1 url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -194px -98px; cursor: pointer; margin-left: 5px; } #main{ width: 100%; margin: 0px auto; background: url(/NewShowStand/Style/14/Images/Blue/main.jpg) no-repeat top center; background-size: 100% auto;} .top{ width: 1298px; height: 140px; margin: 0px auto; position: relative; } .contactWay{ width: 160px; height: 100px; position: absolute; top: 0px; right: 8px; background: url(/NewShowStand/Style/14/Images/Blue/contactBg.png) no-repeat center; z-index: 10; font-family: "microsoft yahei"; } .contactBox{ width: 100%; height: 56px; position: absolute; top: 20px; left: 0; text-align: center; } .contactBox span{ display: inline-block; width: 14px; height: 14px; background: url(/NewShowStand/Style/14/Images/Blue/contactTel.png) no-repeat; margin-right: 10px; } .contactBox p{ display: inline-block; font-size: 16px; line-height: 20px; color: #3e76dc; margin-top: 8px; } .contactBox h3{ font-size: 16px; line-height: 28px; color: #2b4c93; } .top table{ display: block; position: absolute; z-index: 1; border: 0px; width: 828px; } .top table tr td{ padding-right: 17px; vertical-align: middle; text-align: center; height: 140px; overflow:hidden; } _.top table tr td img{ width:120px; height:90px;} .top table tr td span{ font: normal 34px/44px "Microsoft Yahei","simhei"; display: block; text-align: left; color: #333; text-shadow: 0 2px 1px rgba(255, 255, 255, 0.8); margin-top: 7px; } .top table tr td p{ font: normal 14px/30px "\5b8b\4f53"; display: block; text-align: left; color: #747d83; } .grade{ width: 195px; height: 37px; position: absolute; z-index: 2; top: 30px; right: 0px; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat 0px -213px; } .top em{ width: 21px; text-align: center; position: absolute; z-index: 3; font: italic 20px "Arial"; color: #f18800; top: 35px; right: 25px; } .trust{ width: 116px; height: 95px; position: absolute; z-index: 5; top: 5px; right: 50px; background: url(/NewShowStand/Style/14/Images/Blue/trust.png) no-repeat; } .Grade{ width: 163px !important; height: 28px; position: absolute; z-index: 6; top: 103px; right: 8px; } .menberYear{ width: 30px; position: absolute; z-index: 7; top: 103px; right: 28px !important; color: #ff0000; text-align: center; font: bold 18px 'Microsoft Yahei',"Arial"; } /* .menu{ width: 1298px; height: 40px; position: relative; margin: 0px auto; z-index:100; } .menu p{ width: 876px; height: 38px; display: block; position: absolute; top: 2px; z-index: 1; background: url(/NewShowStand/Style/14/Images/Blue/index.png) repeat-x 0 -47px; } .menu p.bg_add{ width:1298px;} .menu p a{ display: inline-block; text-decoration: none; color: #fff; font: normal 14px/38px "\5b8b\4f53"; padding: 0px 17px 0 15px; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat 100% -97px; } .menu p a.nobor{ background: none; } .menu p a.drop{ background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat 100% -251px; padding: 0px 22px 0 15px; } .menu p a.drop.hover{ background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat 100% -292px; border-left: 1px solid #4db1ee; border-right: 1px solid #4db1ee; padding: 0px 21px 0 14px; } .menu p a:hover{ border-left: 1px solid #4db1ee; border-right: 1px solid #4db1ee; padding: 0px 16px 0 14px; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -291px -292px; color: #fff; text-decoration: underline; } .menu p a.drop:hover{ border-left: 1px solid #4db1ee; border-right: 1px solid #4db1ee; padding: 0px 21px 0 14px; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat 100% -292px; } .menu span{ width: 94px; height: 40px; display: block; position: absolute; top: 0px; right: 0px; z-index: 2; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat 0 -91px; } .menu span a{ display: block; float: left; width: 94px; font: normal 12px/40px "Tahoma"; text-decoration: none; color: #fff; text-indent: 37px; } .menu span a:hover{ text-decoration: underline; color: #b1cdea; } .menu ul{ display: block; position: absolute; width: 75px; border: 1px solid #4db1ee; border-top: 0; padding: 8px; top: 40px; left: 60px; z-index: 9999; background: #fff; } .menu ul li{ display: block; float: left; } .menu ul li a{ width: 75px; height: 25px; line-height: 25px; text-align: center; display: block; text-decoration: none; color: #555555; } .menu ul li a:hover{ background: #45a2dd; color: #fff; text-decoration: none; } .menu ul.xiala_1{ position:absolute; left:408px; top:40px;} */ .menu{ width: 1298px; background: #0f68c2; margin: 0 auto; height: 40px; } .menu ul{ } .menu ul li{ float: left; font-family: "microsoft yahei"; position: relative; } .menu ul li:hover{ background: #035fab; } .menu ul li .dropTop{ padding: 0 20px; } .menu ul li .dropTop p{ line-height: 40px; font-size: 14px; } .menu ul li .dropTop p a{ text-decoration: none; color: #fff; } .menu ul li .dropBot{ position: absolute; top: 40px; left: 0; z-index: 999; border: 1px solid #77aef2; padding: 8px 0; border-top: 0; background: #fff; width: 100%; } .menu ul li .dropBot p{ text-align: center; line-height: 22px; } .menu ul li .dropBot p a{ text-decoration: none; color: #333; } .menu ul li .dropBot p:hover a{ color: #0f68c2; } .menu span.qq a{ float: right; color: #fff; text-decoration: none; line-height: 40px; font-size: 14px; padding-right: 15px; font-family: "microsoft yahei"; } .box{ width: 1298px; margin: 20px auto 0; } /* left */ .boxleft{ width: 240px; float: left; overflow:hidden; } .boxlefttitle{ width: 240px; height: 37px; float: left; } .boxlefttitle a{ display: inline-block; width: 120px; height: 36px; border-bottom: 1px solid #ececec; font: normal 14px/36px "\5b8b\4f53"; text-decoration: none; color: #666666; text-align: center; } .boxlefttitle a.hot{ width: 118px; border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-top: 2px solid #8fbef4; border-bottom: 1px solid #fafafa; background: #fafafa; height: 34px; font: bold 16px/34px "\5b8b\4f53"; color: #3f84c4; vertical-align: middle; } .leftsearch{ width: 199px; float: left; border-left: 1px solid #ececec; border-right: 1px solid #ececec; background: #fafafa; padding: 12px 17px 5px 22px; } .leftsearch input{ width: 153px; height: 27px; display: block; float: left; border: 1px solid #cccccc; line-height: 27px; text-indent: 10px; color: #babab9; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -23px -139px; } .leftsearch button{ width: 44px; height: 29px; display: block; float: left; border: 1px solid #cccccc; cursor: pointer; border-left: 0px; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -322px -139px; } .leftlist{ width: 216px; float: left; /*border-left: 1px solid #ececec; border-right: 1px solid #ececec;*/ background: #fafafa; padding: 0px 11px 10px 11px; } .leftlist dl{ width: 216px; display: block; float: left; border-bottom: 1px solid #e6e6e6; padding: 3px 0 2px 0; } .leftlist dl dt{ width: 216px; height: 32px; display: block; float: left; border-top: 1px solid #fff; font: normal 14px/32px "\5b8b\4f53"; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -434px -143px; overflow:hidden; } .leftlist dl:first-child dt{ border: 0px; } .leftlist dl dt em{ display:block; width:15px; height:15px; cursor:pointer; margin-right:12px; float:left; margin-top:8px; margin-left:11px;} .leftlist dl:last-child{ border: 0px; } .leftlist dl.hot dt{ font: bold 14px/32px "\5b8b\4f53"; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -434px -185px; } .leftlist dl dt a{ text-decoration: none; color: #333333; display:block; float:left; height:32px; width:170px; overflow:hidden;} .leftlist dl dt a:hover{ text-decoration: underline; color: #337cc0; } .leftlist dl.hot dt a{ color: #337cc0; } .leftlist dl dd{ width: 216px; display: none; float: left; padding: 3px 0 8px 0; _padding: 0px 0 8px 0; _margin-top:-3px; } .leftlist dl.hot dd{ display: block; } .leftlist dl dd a{ font: normal 12px/28px "\5b8b\4f53"; text-indent: 39px; display: block; text-decoration: none; color: #337cc0; } .leftlist dl dd a:hover,.leftlist dl.hot dt a:hover{ text-decoration: underline; color: #333; } .location{ width: 1298px; margin: 14px auto 0; line-height: 20px; color: #aaaeb1; text-indent: 21px; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -447px -439px; } .location a{ text-decoration: none; color: #aaaeb1; } .location a.level{ text-decoration: none; color: #337cc0; } .location b{ font: normal 12px/20px "Tahoma"; color: black; } .location a:hover{ text-decoration: underline; color: #ff6600; } .boxright { width: 1038px; float: right; overflow: hidden; } .prolistp3 h3 {padding-left: 11px;} .boxleft h3.cominfo{padding:20px 0 10px 20px;} .boxleft h3{ width: 218px; display: block; float: left;/* border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 2px solid #77aef2;*/ font: bold 16px "\5b8b\4f53";/* padding: 20px 0 10px 20px;*/ color: #337cc0; background: #fafafa; } .boxleft h3.supplier{ padding: 20px 0 10px 40px; width: 198px; background: #fafafa url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -427px -210px; } .leftcompany{ width: 222px; overflow:hidden; border-left: 1px solid #ececec; border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;background: #fafafa; padding: 0px 8px 0px 8px; } .leftcompany p{ width: 200px; display: block; float: left; padding: 0px 11px; font: normal 14px/25px "\5b8b\4f53"; color: #333333; } .leftcompany dl{ width: 211px; display: block; float: left; padding: 0px 0px 0 11px; } .leftcompany dl dt{ width: 60px; height: 22px; display: block; float: left; line-height: 22px; color: #959595; } .leftcompany dl dt em{ padding: 0px 12px; } .leftcompany dl dt b{ padding: 0px 3px; } .leftcompany dl dd{ width: 131px; display: block; float:left;font: normal 12px/22px "Tahoma"; color: #333333;word-wrap:break-word; overflow:hidden; } .leftcompany dl dd a{ text-decoration: underline; color: #337cc0; } .leftcompany dl dd a:hover{ text-decoration: none; color: #ff6600; } .leftcompany span{ width: 222px; margin: 10px 0 0 0; display: block; float: left; text-align: center; padding: 12px 0; border-top: 1px dotted #dbdbdb; } .leftcompany span a{ display: inline-block; width: 82px; height: 26px; text-align: center; font: bold 14px/26px "\5b8b\4f53"; text-decoration: none; color: #aa5500; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -1px -174px; } .leftcompany span a:hover{ color: #333; } ul.offerlist{ width: 220px; float: left; border: 1px solid #e6e6e6; border-top: 0px; background: #fafafa; padding: 0px 9px 0px 9px; } ul.offerlist li{ width: 204px; display: block; float: left; padding: 9px 8px 8px 8px; line-height: 24px; color: #959595; border-top: 1px solid #fff; border-bottom: 1px solid #e6e6e6; } ul.offerlist li:first-child{ border-top: 0px; } ul.offerlist li:last-child{ border-bottom: 0px; } ul.offerlist li a{ display: block; font: normal 14px/26px "\5b8b\4f53"; text-decoration: none; color: #525151; } ul.offerlist li a:hover{ text-decoration: underline; color: #ff6600; } /* gotop */ .gotop{ width: 45px; height: 105px; border: 1px solid #e7e8ea; background: #f7f7f7; padding: 4px; border-radius: 2px; } .gotop a.online{ width: 45px; height: 36px; text-align: center; border-bottom: 1px solid #e8e7eb; text-decoration: none; color: #b2b2b2; text-shadow: 0px 1px #fff; display: block; padding: 30px 0 0 0; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat 10px -455px; -webkit-filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1); filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1); } .gotop a.atop{ width: 45px; height: 17px; text-align: center; border-top: 1px solid #fff; text-decoration: none; color: #b2b2b2; /*text-shadow: 0px 1px #fff; */display: block; padding: 22px 0 0 0; font: normal 12px "Tahoma"; background: url(/NewShowStand/Style/14/Images/Blue/index.png) no-repeat -29px -458px; -webkit-filter:; filter: /*DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);*/ } .gotop a:hover{ color: black; } /* foot */ #foot{ width: 100%; margin: 20px auto 0; background:#f1edec url(/NewShowStand/Style/14/Images/Blue/foot.jpg) repeat-x; } .bottom{ width: 1298px; margin: 0px auto; text-align: center; font: normal 12px/20px "Tahoma"; color: #666666; /*text-shadow: 0px 1px #fff; _text-shadow: 0px 1px #fff; filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);*/ } .bottom span{ display: block; text-align: center; font: normal 18px/40px "Microsoft Yahei","simhei"; color: #333; /*text-shadow: 0px 1px #fff; _text-shadow: 0px 1px #fff; filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);*/ padding: 25px 0 8px 0; } .bottom b{ padding: 0px 8px; } .bottom a{ text-decoration: none; color: #0066cc; } .bottom p{ display: block; color: #c2c2c2; margin-top: 12px; } .bottom p a{ text-decoration: none; color: #666666; margin: 0px 3px; } .bottom strong{ font-weight: normal; color: #aaaaaa; padding-top: 38px; display: block; } .bottom a:hover{ text-decoration: underline; color: #ff6600; } /* Login */ .weblogin{ width: 464px; height: 271px; position: relative; background: url(/NewShowStand/Templates/101/Images/Blue/loginbg.png) no-repeat; } .weblogin .web-name{ font-size: 16px; font-weight: 700; font-family: 'microsoft yahei'; line-height: 38px; position:absolute; top:0; left: 20px; } .weblogin p{ width: 10px; height: 10px; display: block; position: absolute; top: 14px; right: 18px; } .weblogin p a{ width: 10px; height: 10px; display: block; } .weblogin b{ width: 74px; position: absolute; text-align: center; color: #535456; top: 59px; left: 59px; display: block; } .weblogin span{ width: 50px; position: absolute; top: 57px; right: 15px; display: block; } .weblogin span a{ text-decoration: underline; color: black; } .weblogin dl{ width: 350px; position: absolute; top: 88px; left: 59px; display: block; } .weblogin dl dt{ width: 60px; display: block; float: left; text-align: right; height: 44px; padding: 0px 3px 0px 0; font: normal 12px/48px 'ËÎÌå'; overflow: hidden; } .weblogin dl dd{ width: 287px; display: block; float: left; padding: 9px 0; height: 26px; } .weblogin dl dd input{ width: 180px; height: 20px; border: 1px solid #A6A6A6; padding: 4px 0 0 4px; font: normal 12px "Arial",'ËÎÌå'; vertical-align: middle; background: url(/NewShowStand/Templates/14/images/Blue/publicbg.jpg) no-repeat 0 -668px; } .weblogin dl dd input:hover{ border: 1px solid #98ACCE; background: #EFF2FA; } .weblogin em{ font: normal 12px 'ËÎÌå'; width: 60px; position: absolute; display: block; top: 235px; left: 220px; } .weblogin em a{ text-decoration: none; color: black; } .weblogin dl dd img{ vertical-align: middle; padding: 0px 10px; } .weblogin dl dd strong a{ font: normal 12px 'ËÎÌå'; text-decoration: none; color: #002E74; } .weblogin a:hover{ color: #ff6600; } .weblogin button{ width: 85px; height: 30px; position: absolute; border: 0px; left: 122px; bottom: 20px; cursor: pointer; display: block; background: url(/NewShowStand/Templates/14/images/Blue/publicbg.jpg) no-repeat -290px -669px; } .djn{ float: left; width:195px; height: 37px; line-height: 37px; position: absolute; right: 0; top: 20px; z-index: 2; } .djn p{ width: 195px; height: 37px; position: relative; background: url(/NewShowStand/Style/14/Images/Blue/memberbg.jpg) no-repeat 0 -2px; } .djn p img{ display: block; position: absolute; top:10px; left:12px; } .djn p em{ display: block; position: absolute; width: 75px; top: 12px; left: 53px; font: normal 12px ''; color: #a2a1a3; } .djn p b{ display: block; position: absolute; width: 20px; text-align: center; top: 0px; right:24px; font: italic 20px/35px "Arial"; color: #f18800; } /* Êղسɹ¦ */ .det dd a.thickbox{ display: inline-block; width: 100px; line-height: 22px; text-indent: 23px; background: url(/NewShowStand/style/14/images/Blue/mirror2.gif) no-repeat 0 center; margin: 0px 10px; } .det dd a.favorite{ display: inline-block; width: 100px; line-height: 22px; text-indent: 10px; background: url(/NewShowStand/style/14/images/Blue/favorite.gif) no-repeat -531px -277px; margin: 0px 10px; color: #ff0000; } .favoritebox{ width: 554px; height: 265px; background: url(/NewShowStand/style/14/images/Blue/favorite.gif) no-repeat 0px 0px; } .favoriteboxtop{ width: 554px; height: 64px; float: left; position: relative; } .favoriteboxtop a.view{ display: block; position: absolute; top: 43px; left: 306px; color: #6682b9; width: 111px; height: 21px; line-height: 21px; text-indent: 20px; cursor: pointer; background: url(/NewShowStand/style/14/images/Blue/favorite.gif) no-repeat -21px -272px; } .favoriteboxtop a.close{ display: block; position: absolute; top: 10px; right: 17px; width: 10px; height: 10px; overflow: hidden; cursor: pointer; } .favoriteboxcen{ width: 506px; float: left; padding: 33px 24px 0 24px; } .settag{ width: 506px; height: 22px; float: left; line-height: 16px; position: relative; border-bottom: 1px dotted #c8c8c8; } .settag h3{ display: block; position: absolute; font-weight: bold; padding: 0px 18px 0 0; color: #656161; left: 17px; background: url(/NewShowStand/style/14/images/Blue/favorite.gif) no-repeat 58px -274px; } .settag a.pack{ display: block; position: absolute; right: 0px; padding: 0px 0 0 18px; color: #908f8f; background: url(/NewShowStand/style/14/images/Blue/favorite.gif) no-repeat 0px -318px; } .settag a.develop{ display: none; position: absolute; right: 0px; padding: 0px 0 0 18px; color: #908f8f; background: url(/NewShowStand/style/14/images/Blue/favorite.gif) no-repeat 0px -298px; } .favoriteboxcen dl{ width: 506px; float: left; display: block; padding: 8px 0 5px 0; border-bottom: 1px dotted #c8c8c8; } .favoriteboxcen dl dt{ width: 56px; height: 30px; line-height: 30px; display: block; float: left; text-align: right; color: #525d73; } .favoriteboxcen dl dd{ width: 450px; height: 30px; display: block; float: right; color: #8e9196; overflow: hidden; } .favoriteboxcen dl dd b{ font: normal 12px/30px "Tahoma"; } .favoriteboxcen dl dd input{ width: 192px; height: 20px; line-height: 20px; display: inline-block; border: 1px solid #cccccc; background: #fff; padding-left: 8px; color: #8e9196; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-right: 8px; vertical-align: middle; } .favoriteboxbot{ width: 389px; height: 35px; float: left; position: relative; padding: 14px 0 0 165px; } .favoriteboxbot a.confirm{ display: inline; float: left; width: 83px; height: 35px; margin: 0px 8px; vertical-align: middle; background: url(/NewShowStand/style/14/images/Blue/favorite.gif) no-repeat -146px -271px; } .favoriteboxbot a.cancel{ display: inline; float: left; width: 83px; height: 35px; margin: 0px 8px; vertical-align: middle; background: url(/NewShowStand/style/14/images/Blue/favorite.gif) no-repeat -246px -271px; } .save{ display: inline; float: left; width: 75px; height: 35px; line-height: 35px; margin: 0px 8px; text-indent: 23px; color: #5b5957; vertical-align: middle; background: url(/NewShowStand/style/14/images/Blue/favorite.gif) no-repeat -532px -299px; } .favoritebox-1{ background: url(/NewShowStand/style/14/images/Blue/favorite-1.gif) no-repeat 0px 0px; } #elevator_item { width: 130px; z-index: 100020; } .elevatorBox { background-color: #eee; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -ms-opacity: 1; opacity: 1; } #elevator_item .qr { display: block; width: 130px; height: 120px; } #elevator_item b { display: block; text-align: center; color: #333; font: normal 14px/25px "Microsoft Yahei" , "simhei"; } #elevator_item { position: fixed; top: 50px; display: block; left: 0px; } #elevator_item2 { width: 32px; z-index: 100000; } #elevator_item2 { position: fixed; top: 130px; display: block; left: -32px; } #elevator_item2 a.showRight { width: 20px; height: 95px; display: block; border: 1px solid #dbdcdc; border-left: 0; text-align: center; padding: 22px 5px 0 5px; cursor: pointer; font: normal 14px/18px "Microsoft Yahei" , "simhei"; background: #eeeeee url("/NewShowStand/images/mobileShow.png") no-repeat 3px -26px; } #elevator_item a.showLeft { width: 22px; height: 22px; display: block; cursor: pointer; background: url("/NewShowStand/images/mobileShow.png") no-repeat 0 0; } #elevator_item a.showRight { width: 20px; height: 95px; display: block; border: 1px solid #dbdcdc; border-left: 0; text-align: center; padding: 22px 5px 0 5px; cursor: pointer; font: normal 14px/18px "Microsoft Yahei" , "simhei"; background: #eeeeee url("/NewShowStand/images/mobileShow.png") no-repeat 3px -26px; } *html, * html body { background-attachment: fixed; } *html #elevator_item { position: absolute; right: expression(eval(document.documentElement.scrollLeft)); top: expression(eval(document.documentElement.scrollTop+200)); } .prolist{ width: 183px; position: relative; padding: 0px 13px 0 13px; } .prolist p{width: 183px;border-right: 1px solid #d2d2d2;border-radius: 3px;height: 28px;position: relative;margin-top: 1px;float: left;background: url(/NewShowStand/Templates/101/Images/Blue/publicbg.jpg) no-repeat -334px -127px;margin-bottom:7px;overflow:hidden;} .prolist p img{ position: absolute; top: 8px; left: 7px; } .prolist p a{width: 140px;height: 28px;font: bold 14px/28px 'ËÎÌå';position: absolute;/* top: 8px; */left: 34px;text-decoration: none;color: #232425;overflow: hidden;} .prolist ul{ float: left; } .prolist ul li{ float: left; font: normal 0px/0px "Arial"; width: 169px; padding: 0px 0 0 35px; } .prolist ul li a{ width: 169px; height: 24px; font: normal 13px/24px 'ËÎÌå'; text-decoration: none; color: #5F6061; overflow: hidden; float: left; } .prolist ul li a:hover{ text-decoration: underline; color: #ff6600; } .rightBar1 { position: fixed; left: 20px; bottom: 40px; z-index: 9999;}*html,* html body { background-attachment: fixed;}*html .rightBar1 { position: absolute; left: expression(eval(document.documentElement.scrollLeft)); top: expression(eval(document.documentElement.scrollTop+100));}.qr_img1 { position: absolute; top: -45px;left: 50px; display: none; width: 156px; height: 156px; padding-left: 6px; background: url("/NewShowStand/images/codeBg.png") no-repeat; text-align: center;}.rightBar1 a,.bdsharebuttonbox a { display: block; margin-top: 5px; color: transparent; border: 0; background-color: #eee; text-shadow: none; width: 50px; height: 45px; overflow: hidden; color: #fff; text-decoration: none; }.rightBar1 a i { width: 50px; height: 45px; display: block; margin-top: 0px; background-image: url(/NewShowStand/images/backgrounds.png); float: left;}.rightBar1 a b { width: 30px; height: 40px; display: block; text-align: center; font:normal 12px/16px microsoft yahei; background: #77AEF2; padding: 5px 10px 0 10px; float: left;}.rightBar1 a.share b{ padding-top: 5px; height: 40px;}.rightBar1 a.qr_tool1 i{ background-position: -90px -0px; cursor: pointer;}.rightBar1 a.feedback i{ background-position: -44px 0px; cursor: pointer;}.rightBar1 a.share i{ background-position: -136px -0px; cursor: pointer;}.rightBar1 a.scrollUp{ display: none;}.rightBar1 a.scrollUp i{ background-position: 2px -0px; cursor: pointer;} .tips-box { width: 508px; height: 260px; position: fixed; top: 50%; margin-top: -130px; left: 50%; margin-left: -255px; z-index: 999; background: #fff; box-shadow: 0 0 10px #ddd; border: 1px solid #cacaca; } .tips-box a.close { position: absolute; right: 16px; top: 14px; width: 23px; height: 23px; background: url("/NewShowStand/style/14/images/close.png") center center no-repeat; } .tips-box .correct .tips, .tips-box .err .tips { position: absolute; top: 78px; left: 90px; width: 100%; height: 52px; padding: 9px 0 9px 90px; font: bold 24px/52px "microsoft yahei"; } .tips-box .correct .tips i, .tips-box .err .tips i { height: 70px; width: 70px; position: absolute; left: 0; top: 0; background: url("/NewShowStand/style/14/images/tips-icon.png") 0 0 no-repeat; } .tips-box .correct .btn, .tips-box .err .btn { position: absolute; top: 198px; left: 0; width: 100%; text-align: center; } .tips-box .correct .btn a, .tips-box .err .btn a { display: inline-block; width: 150px; height: 32px; font: normal 14px/32px "microsoft yahei"; color: #474747; border: 2px solid #0f9732; border-radius: 2px; margin: 0 12px; } .tips-box .correct .btn a:hover, .tips-box .err .btn a:hover { background: #0f9732; color: #fff; } .tips-box .err .tips { font: bold 18px/26px "microsoft yahei"; } .tips-box .err .tips i { background: url("/NewShowStand/style/14/images/tips-icon.png") 0 bottom no-repeat; } .tips-box .err .btn { top: 180px; } .tips-box .err .btn a { width: 80px; } a.barComp i.publicProIcon { background: #eee url(/NewShowStand/images/comBar.png) 13px 9px no-repeat; } a.barComp i.chemProIcon { background: #eee url(/NewShowStand/images/comBar.png) 13px 5px no-repeat; font: normal 11px "Microsoft Yahei","simhei"; text-align: center; padding-top: 31px; color: #666; } a.barComp b.ProCompares { cursor: pointer; margin-top: -31px; }