﻿
.toptip { height:70px; line-height:70px; background:url(../img/topic/order_winner/bg.jpg) no-repeat center; color:#fff; font-size:26px;}
.toptip .winner{ display:block; height:70px; background:url(../img/topic/order_winner/top.jpg) no-repeat;}
.toptip .close{ position:absolute; right:0; top:17px; width:36px; height:35px;}
.toptip .close a{ display:block; width:36px; height:35px; background:url(../img/zg_icon.png) no-repeat -106px -92px; outline:none;}
.toptip .img{ float:left; display:inline; width:229px; height:70px; background:url(../img/topic/buy_send/img.jpg) no-repeat;}
.toptip .time{ float:left; display:inline; width:281px; height:41px; margin:14px 0 0 35px; padding:0 0 0 113px; background:url(../img/topic/buy_send/timebg.png) no-repeat;}
.toptip .time span{ float:left; display:inline-block; width:38px; height:41px; margin:0 32px 0 0; line-height:41px; background:url(../images/buy_time.png) no-repeat; color:#fff; text-indent:3px; letter-spacing:7px; font-size:21px;}
.toptip .text{ float:right; display:inline; width:300px; margin:18px 0 0; line-height:18px; font-size:12px;}
.toptip .text span{ color:#fffc04;}      
.toptip .text a{ color:#fff; text-decoration:underline;}
.toptip .text a:hover{ text-decoration:none;}

.topbar{ width:100%; height:28px; border-bottom:1px solid #e8e8e8; background:#f6f6f6; color:#666; zoom:1;}
.topbar.fixed6{ position:fixed; _position:relative; top:0; margin:0; border-bottom:1px solid #ccc; z-index: 11;}

.topbar .icon_down{ display:inline-block; width:12px; height:12px; margin:0 0 0 3px; line-height:10px; background:url(../img/zg_icon.png) no-repeat 0 0; vertical-align:-2px; *vertical-align:2px; overflow:hidden;}
.topbar .icon_down.open{ background-position:-12px 0;}
.topbar .icon_service{ display:inline-block; width:16px; height:20px; margin:-3px 3px 0 0; line-height:10px; background:url(../img/zg_icon.png) no-repeat 0 -12px; vertical-align:middle; overflow:hidden;}

.topbar .toplink{ float:left; display:inline; width:300px; height:28px; line-height:28px; _height:22px; _margin:6px 0 0; _line-height:22px;}
.topbar .toplink a{ margin:0 15px 0 0; color:#666;}
.topbar .toplink a:hover{ color:#f60;}

.topbar .topmenu{ float:right; display:inline; height:14px; height:28px; line-height:28px; _height:22px; _margin:6px 0 0; _line-height:22px;}
.topbar .topmenu a{ padding:5px; color:#666;}
.topbar .topmenu a:hover{ color:#f60;}
.topbar .topmenu .my{ position:relative; _float:left; display:inline-block;}
.topbar .topmenu .my .my_top{ _float:left; display:block; height:20px; margin:4px 0 0; _margin:0; padding:0 5px 0 10px; border:1px solid #f6f6f6; line-height:20px;}
.topbar .topmenu .my.active .my_top{ background:#fff; border-color:#ccc; border-bottom-color:#fff;}
.topbar .topmenu .my .my_list{ position:absolute; left:0; top:22px; width:90px; padding:2px 0 0; border:1px solid #ccc; border-top:0; background:#fff; z-index:10000;}
.topbar .topmenu .my .my_list a{ display:block; width:70px; height:26px; padding:0 10px; line-height:26px;}
.topbar .topmenu .find{ position:relative; _float:left; display:inline-block;}
.topbar .topmenu .find .find_top{ position:relative; _float:left; display:block; height:20px; margin:4px 0 0; _margin:0; padding:0 5px 0 10px; border:1px solid #f6f6f6; line-height:20px; z-index: 11;}
.topbar .topmenu .find.active .find_top{ background:#fff; border-color:#ccc; border-bottom-color:#fff;}
.topbar .topmenu .find .find_list{ position:absolute; left:0; top:24px; top:25px\9; _top:21px; width:300px; padding:2px 0 0; border:1px solid #ccc; background:#fff; z-index:10000;}
.topbar .topmenu .find .find_no{ padding:10px 20px;}
.topbar .topmenu .find .find_no input{ width:70px; height:20px; margin:0 0 0 30px; padding:0; border:0; border-radius:2px; line-height:20px; background:#f50; outline:none; font-size:12px; color:#fff; cursor:pointer;}
.topbar .topmenu .find .find_yes h3{ padding:0 20px; font-size:12px; font-weight:normal; color:#4d4d4d;}
.topbar .topmenu .find .find_yes a{ display:block; width:260px; height:26px; padding:0 20px; line-height:26px; color:##3a83e8;}
.topbar .topmenu .find .find_yes a span{ float:right; color:#f50000;}
.topbar .topmenu .find .find_yes .button{ padding:5px 0; border-top:1px dashed #ccc;}
.topbar .topmenu .find .find_yes .button input{ width:110px; height:20px; margin:0 0 0 170px; padding:0; border:0; border-radius:2px; line-height:20px; background:#f50; outline:none; font-size:12px; color:#fff; cursor:pointer;}
.topbar .topmenu ul li{ float:left; display:inline;}
.topbar .topmenu ul li.line{ padding:0 5px; _height:18px; _margin:0; _line-height:18px; color:#ccc;}




.foot{ height:119px; padding:25px 0 0; border-top:1px solid #ddd; text-align:center;}
.foot .link{ color:#666;}
.foot .link a{ color:#666;}
.foot .link a:hover{ color:#f60;}
.foot .text{ padding:10px 0 0; color:#666;}


.dialog_login{}
.dialog_login h2{ width:380px; padding:12px 0; border-bottom:1px solid #ddd; color:#666; font-size:14px; text-indent:20px;}
.dialog_login .icon_tip{ display:inline-block; width:14px; height:14px; margin:0 5px 0 0; background:url(../img/zg_icon.png) no-repeat -24px 0; vertical-align:-2px; _vertical-align:2px; overflow:hidden;}
.dialog_login .user{ position:relative; margin:20px 0 0 0; background:#fff;}
.dialog_login .password{ position:relative; margin:25px 0 0 0; background:#fff;}
.dialog_login .user .fail,
.dialog_login .password .fail{ position:absolute; top:38px; _top:39px; left:84px; _left:87px; width:205px; height:17px; padding:3px 0 0 5px; border:1px solid #fcbdbd; border-top:0; line-height:12px; background:#ffebeb; color:#f94100;}
.dialog_login .user label,
.dialog_login .password label{ display:inline-block; width:80px; height:18px; line-height:18px; text-align:right; font-weight:bold; color:#333;}
.dialog_login .user input,
.dialog_login .password input{ width:194px; height:18px; margin:0; padding:9px 8px; border:1px solid #ddd; background:#fff; line-height:18px; outline:none;}
.dialog_login .user input.user_icon{ background:url(../img/input_cion.png) no-repeat 192px -36px;}
.dialog_login .password input.password_icon{ background:url(../img/input_cion.png) no-repeat 192px 2px;}
.dialog_login .user input.red,
.dialog_login .password input.red{ border-color:#f00;}
.dialog_login .link{ width:212px; padding:25px 0 0 84px;}
.dialog_login .link input{ vertical-align:-2px;}
.dialog_login .link a{ float:right; display:inline; color:#3a83e8;}
.dialog_login .link a:hover{ text-decoration:underline;}
.dialog_login .btn{ margin:15px 0 0; padding:0 0 0 84px;}
.dialog_login .btn input{ width:212px; height:36px; border:none; line-height:36px; border-radius:3px; background:#f50; text-align:center; font-size:16px; font-weight:bold; color:#fff; cursor:pointer;}
.dialog_login .btn input:hover{ color:#eee;}
.dialog_login .other{ margin:35px 0 0 0; padding:10px 0 0 86px; border-top:1px dotted #ddd; color:#999;}
.dialog_login .other .qq{ display:inline-block; width:76px; height:24px; margin:0 15px 0 0; background:url(../img/qq.png) no-repeat; vertical-align:middle;}
.dialog_login .other a{ color:#3a83e8;}
.dialog_login .other a:hover{ text-decoration:underline;}



.pub_page{ float:right; height:22px; padding:15px 10px 0 300px; color:#777; line-height:22px;}
.pub_page .total{ float:left; display:inline-block; width:60px; margin:0 15px;}
.pub_page .item{ float:left; display:inline-block; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-align:center; text-decoration:none; padding:0 8px;}
.pub_page .item:hover{ text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#5397cc; color:#777; text-decoration:none;}
.pub_page .prev{ float:left; display:inline-block; text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-decoration:none; padding:0 8px;}
.pub_page .prev_no{ float:left; display:inline-block; text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-decoration:none; padding:0 8px; background:#e3e3e3;}
.pub_page .next{ float:left; display:inline-block; text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-decoration:none; padding:0 8px;}
.pub_page .next_no{ float:left; display:inline-block; text-align:center; height:20px; line-height:20px; border:1px solid #e3e3e3; margin-right:9px; color:#777; text-decoration:none; padding:0 8px; background:#e3e3e3;}
.pub_page .go-text{ float:left; display:inline-block; width:120px; height:20px; line-height:20px; margin-right:9px; color:#777;}
.pub_page .current{ margin-left: 0px;display:block; float:left; text-align:center; height:20px; padding:0 8px; line-height:20px; border:1px solid #317ee7; margin-right:9px; color:#5397cc; color:#fff; background:#317ee7; text-decoration:none;}
.pub_page .text{ width:50px; height:20px; margin:0 5px; padding:0; border:1px solid #e3e3e3; vertical-align:-1px; *vertical-align:-4px; text-align:center;}
.pub_page .btn-go{ float:left; display:inline-block; width:40px; height:20px; border:1px solid #e3e3e3; line-height:20px; background:#f3f3f3; color:#777; text-align:center; font-size:12px;}

.crumbs{ height:40px; line-height:40px; color:#3a83e8;}
.crumbs a{ color:#3a83e8;}
.crumbs b{ margin:0 10px;}
.crumbs span{ color:#4d4d4d;}

.cart_fixed{ position:fixed; top:179px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop + 93)); left:50%; margin-left:515px;}
.cart_fixed.pickup{ top:290px; _top:expression(eval(document.documentElement.scrollTop + 73));}
.cart_fixed.orderup{ top:200px; _top:expression(eval(document.documentElement.scrollTop + 73));}
.cart_fixed.orderpay{ top:290px; _top:expression(eval(document.documentElement.scrollTop + 73));}
.cart_fixed .proposal{ text-align:center;}
.cart_fixed .proposal a{ display:block; width:20px; padding:10px 0; border:1px solid #ddd; border-radius:3px; background:#e4e4e4; color:#777;}
.cart_fixed .proposal a:hover{ text-decoration:none;}
.cart_fixed .num{ position:relative; margin:15px 0 0;}
.cart_fixed .num a{ display:block; width:22px; height:22px; background:url(../img/zg_icon.png) no-repeat -142px -92px;}
.cart_fixed .num .icon_tip{ position:absolute; top:-9px; left:12px; display:block; width:17px; height:17px; line-height:17px; background:url(../img/zg_icon.png) no-repeat -42px -124px; text-align:center; color:#fff;}
.cart_fixed .num .list{ position:absolute; left:-140px; top:23px; width:140px; padding:10px; border:1px solid #ccc; box-shadow:2px 2px 5px #999; background:#fff;}
.cart_fixed .num .list ul li{ color:#7b7b7b; text-align:right; line-height:28px;}
.cart_fixed .num .list ul li h4{ font-size:14px; color:#4d4d4d;}
.cart_fixed .num .list ul li span{ margin:0 5px;}
.cart_fixed .num .list ul li h5{ display:inline; margin:0 15px; font-size:28px; color:#f50000; font-weight:normal;}
.cart_fixed .num .list ul li.line{ padding:10px 0 5px; border-top:1px solid #ccc;}
.cart_fixed .num .list ul li.btn input{ width:140px; height:20px; border:none; line-height:20px; background:#3a83e8; text-align:center; font-size:12px; color:#fff; cursor:pointer;}



