/* topbar */ .topbar_wrap, .header_wrap{ background:#4062a7; *zoom:1;} .topbar{ color:#9BBAF9; height:30px; text-shadow:0 -1px 0 #2C4B8A;} .topbar ul{ float:right; padding-top:5px;} .topbar li{ display:inline; float:left;} .topbar li a, .topbar .line, .topbar .name span{ display:inline-block; line-height:20px; height:20px; vertical-align:top; font-size:12px;} .topbar a{ color:#9BBAF9; margin:0 8px;font-size:12px;} .topbar a:hover{ color:#FFF;font-size:12px;} .topbar .face a{ border:2px solid #4f70b3; margin:-2px 0 0;font-size:12px;} .topbar .face a:hover{ border-color:#fff;} .topbar .face img{ vertical-align:top;} .topbar .name{ padding:0 5px 0 8px;} .topbar .name a{ margin:0;} .topbar .line{ color:#324b81; text-shadow:1px 0 0 #5577ba; *margin-top:-1px;} .topbar .icon{ display:inline-block; background:url("/big5gdyinpingcom/cndg/xhtml/images/index_bg_hor.png") no-repeat -120px -102px; cursor:pointer; margin-top:-3px; height:20px; width:20px; vertical-align:middle;} .topbar .follow_us span{ float:left; margin-top:-2px; height:22px; overflow:hidden; *margin-top:0;font-size:12px;} .topbar .level{ height:18px; width:24px; overflow:hidden;} .topbar .level a{ margin:-1px 0 0 4px;font-size:12px;} .topbar .arrow{ display:inline-block; border-color:#9bbaf9 transparent; border-style:solid dashed; border-width:4px 4px 0; margin:-2px 0 0 5px; height:0; width:0; overflow:hidden; vertical-align:middle; *margin-top:0;} .topbar .pull_link{ cursor:default; padding:2px 6px 0; width:62px; text-shadow:none;} .topbar .pull_link:hover, .topbar .pull_link.hover{ background:#fff; color:#eb010d; position:relative; z-index:10;} .topbar .pull_link:hover .arrow, .topbar .pull_link.hover .arrow{ border-color:#eb010d transparent;} .topbar .pull_list{ display:none; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.2); padding:2px 0; width:74px; position:absolute; left:0; top:100%;} .topbar .pull_link:hover .pull_list, .topbar .pull_link.hover .pull_list{ display:block;} .topbar .pull_list a{ display:block; color:#737d8c; margin:0; padding:2px 7px; white-space:nowrap;} .topbar .pull_list a:hover{ color:#eb010d;} .topbar .tips a, .topbar .tips a:hover{ color:#fff; font-size:12px; font-weight:bold;} .topbar .tips em{ color:#f60; font-size:14px; padding:0 1px;} /* header */ .header{ height:92px;} .header .logo{ margin-top:5px; position:absolute;} .header .logo a{ display:block; height:76px; width:168px;} .header .logo img{ position:absolute;} .header .logo em{ display:block; color:#fff; font-size:24px; padding:20px 0; text-align:center;} .sch_form{ font-size:0; margin:22px 0 0 306px; width:486px; position:absolute; z-index:6;} .sch_form .txt, .sch_form .btn{ display:inline-block; vertical-align:top;} .sch_form .txt input{ background:#fff; border:1px solid #3a5a9c; border-right:0; border-radius:3px 0 0 3px; box-shadow:inset 0 1px 2px rgba(0,0,0,.16); color:#333; font-size:14px; padding:6px 7px; height:20px; width:392px; outline:0; vertical-align:top; line-height:20px\9; *margin-top:-1px;} .sch_form .btn{ background:none; border:1px solid #3a5a9c; border-left:0; border-radius:0 3px 3px 0; padding:0;} .sch_form .btn input{ background:#5a8ad4; background:-moz-linear-gradient(top, #5a8ad4 0%, #5380c5 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a8ad4), color-stop(100%,#5380c5)); background:-webkit-linear-gradient(top,#5a8ad4 0%,#5380c5 100%); background:-o-linear-gradient(top, #5a8ad4 0%,#5380c5 100%); background:-ms-linear-gradient(top, #5a8ad4 0%,#5380c5 100%); background:linear-gradient(to bottom, #5a8ad4 0%,#5380c5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a8ad4', endColorstr='#5380c5',GradientType=0); border:0; border-left:0; border-radius:0 3px 3px 0; color:#fff; cursor:pointer; font-size:14px; height:32px; width:72px; text-shadow:0 1px 0 #3860a0;} .sch_form .btn input:hover{ opacity:.9;} .sch_form .btn input:active{ background:#5380c5; background:-moz-linear-gradient(top, #5380c5 0%, #5a8ad4 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5380c5), color-stop(100%,#5a8ad4)); background:-webkit-linear-gradient(top,#5380c5 0%,#5a8ad4 100%); background:-o-linear-gradient(top, #5380c5 0%,#5a8ad4 100%); background:-ms-linear-gradient(top, #5380c5 0%,#5a8ad4 100%); background:linear-gradient(to bottom, #5380c5 0%,#5a8ad4 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5380c5', endColorstr='#5a8ad4',GradientType=0);} .sch_form .txt .default{ color:#999;} .top_search{ color:#7da2db; font-size:12px; padding-top:5px; height:1.5em; width:470px; overflow:hidden; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;} .top_search a{ color:#7da2db; margin-right:.5em;} .top_search a:hover{ color:#fff;} .sch_pre_active .txt input{ border-radius:3px 0 0;} .sch_pre_active .sch_pre_panel{ display:block;} .sch_pre_panel{ display:none; border:1px solid #212F4B; font-size:12px; margin-top:-1px; width:400px; position:absolute; left:0; top:36px;} .sch_pre_list{ background:#fff; padding:1px;} .sch_pre_list ul{ background:#fff; overflow:hidden; *zoom:1;} .sch_pre_list li{ float:left; width:100%;} .sch_pre_list li a{ display:block; border-bottom:1px dotted #ccc; line-height:25px; padding:6px 8px; height:25px; word-break:break-all; overflow:hidden; _zoom:1;} .sch_pre_list .pic{ display:inline-block; background:url("/big5gdyinpingcom/cndg/xhtml/images/pre_sch_bg.png") no-repeat center 7px; border:1px solid #ddd; margin:-2px 8px 0 0; height:20px; width:20px; vertical-align:middle;} .sch_pre_list .pic img{ vertical-align:top;} .sch_pre_list li a:hover, .sch_pre_list li a.hover{ background:#7b96c8; border-color:#7b96c8; color:#fff;} .sch_pre_list li a:hover .pic, .sch_pre_list li a.hover .pic{ background-position:center -14px; border-color:#7b96c8;} .sch_pre_list .last a{ border-color:#fff;} .sch_pre_tips{ background:#e5e5e5; border-top:1px solid #fff; color:#999; margin-top:-2px; padding-top:1px; position:relative; _zoom:1;} .sch_pre_tips p{ background:#f4f4f4; border-top:1px solid #fff; padding:8px 10px; line-height:20px; height:20px;} .sch_pre_tips .key{ display:inline-block; background:url("/big5gdyinpingcom/cndg/xhtml/images/key.png") no-repeat; line-height:99em; margin:-2px 5px; height:20px; width:23px; overflow:hidden; vertical-align:middle;} .sch_pre_tips .left{ background-position:0 -20px; margin-right:2px;} .sch_pre_tips .right{ background-position:-23px -20px; margin-left:0;} .sch_pre_tips .up{ background-position:0 -40px; margin-right:2px;} .sch_pre_tips .down{ background-position:-23px -40px; margin-left:0;} .sch_pre_panel .f_bg{ background:#333; content:'.'; font-size:0; height:100%; width:100%; position:absolute; left:4px; top:4px; z-index:-1; opacity:.2; filter:Alpha(opacity=20); _display:none;} .header_treasure{ display:inline; float:right; margin:10px 0 0;} .header_treasure .link{ background:#fff; height:70px; width:260px; position:absolute; z-index:2; overflow:hidden; opacity:0; filter:Alpha(opacity=0); -ms-filter:Alpha(opacity=0);} /* quick_links */ .quick_links_wrap{ font-size:0;width:66px; position:fixed;right:100px;bottom:100px; z-index:9; -webkit-transition:width linear .4s; -moz-transition:width linear .4s; -ms-transition:width linear .4s; transition:width linear .4s; _position:absolute; _bottom:auto; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-10);} .quick_links_wrap.quick_links_min{ width:34px;} .quick_links_wrap.quick_links_dockright{ margin-left:0; left:auto; right:4px;} .quick_links_panel{ background:#FBFBFB; border:1px solid #EAEAEA; box-shadow:0 0 4px rgba(0,0,0,.14); padding-bottom:30px; height:238px; width:64px; overflow:hidden; position:absolute; left:0; bottom:0; -webkit-transition:all ease .4s; -moz-transition:all ease .4s; -ms-transition:all ease .4s; transition:all ease .4s;} .quick_links_min .quick_links_panel{ height:0; width:32px;} .quick_links_allow_gotop{ height:315px;} .quick_links_min .quick_links_allow_gotop{ height:32px;} .quick_links_panel .quick_toggle{ background:#FBFBFB; height:30px; width:100%; position:absolute; left:0; bottom:0;} .quick_links_panel .toggle{ background:url("/big5gdyinpingcom/cndg/xhtml/images/index_bg_hor.png") no-repeat -160px -62px; margin:-10px 0 0 -10px; height:20px; width:20px; position:absolute; left:50%; top:50%; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; transition:all linear .4s;} :root .quick_links_panel .toggle{ background-position:-160px -82px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} .quick_links_min .quick_links_panel .toggle{ background-position:-160px -82px;} :root .quick_links_min .quick_links_panel .toggle{ background-position:-160px -82px; -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -ms-transform:rotate(-360deg); transform:rotate(-360deg);} .quick_links{ width:100%; position:absolute; left:0; top:-77px; -webkit-transition:top ease .4s; -moz-transition:top ease .4s; -ms-transition:top ease .4s; transition:top ease .4s;} .quick_links_allow_gotop .quick_links, .quick_links_min .quick_links_allow_gotop .quick_links{ top:0;} .quick_links_min .quick_links{ top:32px;} .quick_links a{ display:block; border:1px solid #fff; border-bottom-color:#edecec; color:#00bf31; font-size:12px; margin:0; padding:8px 0; text-align:center;} .quick_links a:hover, .quick_links a.current{ background-color:#00bf31; border-color:#00bf31; color:#fff;} .quick_links i{ display:inline-block; background:url("/big5gdyinpingcom/cndg/xhtml/images/index_bg_hor.png") no-repeat 0 -182px; cursor:pointer; height:38px; width:38px; vertical-align:top;} .quick_links a:hover i, .quick_links a.current i{ background-position:0 -220px;} .quick_links .message{ background-position:-190px -182px;} .quick_links a:hover .message, .quick_links a.current .message{ background-position:-190px -220px;} .quick_links .cart{ background-position:-38px -182px;} .quick_links a:hover .cart, .quick_links a.current .cart{ background-position:-38px -220px;} .quick_links .view{ background-position:-76px -182px;} .quick_links a:hover .view, .quick_links a.current .view{ background-position:-76px -220px;} .quick_links .qa{ background-position:-114px -182px;} .quick_links a:hover .qa, .quick_links a.current .qa{ background-position:-114px -220px;} .quick_links .ydmh{ background:url("/big5gdyinpingcom/cndg/xhtml/images/index_bg_hor1.png") no-repeat; } .quick_links a:hover .ydmh, .quick_links a.current .ydmh{ background:url("/big5gdyinpingcom/cndg/xhtml/images/index_bg_hor2.png") no-repeat ;} .quick_links .top{ background-position:-152px -182px;} .quick_links_min .quick_links .top{ background-position:-180px -62px; height:20px; width:20px;} .quick_links a:hover .top, .quick_links a.current .top{ background-position:-152px -220px;} .quick_links_min .quick_links a:hover .top, .quick_links_min .quick_links a.current .top{ background-position:-180px -82px;} .quick_links span{ display:block; cursor:pointer; height:20px; width:100%; overflow:hidden; word-break:break-all; word-wrap:break-word; text-overflow:ellipsis;font-size:12px;} .quick_links .num, .quick_links .num b, .quick_links_pop .num, .quick_links_pop .num b{ display:inline-block; background:url("/big5gdyinpingcom/cndg/xhtml/images/index_bg_hor.png") no-repeat 100% -102px; padding-right:6px; vertical-align:top;} .quick_links .num, .quick_links_pop .num{ background-position:-210px -82px; color:#fff; cursor:pointer; font:12px/18px Arial; margin-left:6px; padding:0 0 0 6px; vertical-align:middle;} .quick_links .num{ margin:-40px 0 0; position:absolute; left:38px;} .quick_links a:hover .num, .quick_links a.current .num{ background-position:-220px -82px;} .quick_links a:hover .num b, .quick_links a.current .num b{ background-position:100% -122px;} /* quick_links_pop */ .quick_links_pop, .quick_links_pop .fix_bg{ background:#fcfcfc; border:1px solid #dfdfdf; border-radius:3px;} .quick_links_pop{ box-shadow:0 2px 8px rgba(0,0,0,.2); margin-right:6px; position:absolute; bottom:0; right:100%;} .quick_links_pop .fix_bg{ display:none; border-top-width:0; border-radius:0 0 3px 3px; margin:0 0 -4px -250px; height:2px; width:500px; overflow:hidden; position:absolute; bottom:0; left:50%;} .quick_links_pop .pop_panel{ font-size:12px;} .quick_cart_list, .quick_history_list, .quick_links_pop .links, .quick_my_qlinks, .quick_message_list{ width:90px; padding:5px; height:90px; margin-bottom:167px; font-size:12px;} .quick_leave_ydmh{ width:90px; padding:5px; height:90px;margin-bottom:18px;} .quick_leave_message{ width:90px; padding:5px; height:90px;margin-bottom:95px;}