﻿.area_body {z-index: 10;position: fixed;zoom: 1;width: 500px;background: #ffffff;border: 1px solid #CECBCE;box-shadow: 0 0 5px #ddd;-moz-box-shadow: 0 0 5px #ddd;-webkit-box-shadow: 0 0 5px #ddd;}
.area_abs {z-index: 10;position: absolute;zoom: 1;width: 500px;background: #ffffff;border: 1px solid #CECBCE;box-shadow: 0 0 5px #ddd;-moz-box-shadow: 0 0 5px #ddd;-webkit-box-shadow: 0 0 5px #ddd;}

/*区域主体*/
.area_main {z-index: 1;width: 95%;margin:auto;height: 30px;border-bottom: 2px solid #edd28b;overflow: visible;zoom: 1;}
.area_main li {float: left;clear: none;padding-top: 5px;padding-right: 5px;}
.area_main li a {position: relative;float: left;height: 23px;line-height: 23px;padding: 0 21px 1px 11px;margin-right: 3px;text-align: center;cursor: pointer;}
.area_main li a em {margin: 0;padding: 0;width: 70px;float: left;white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis;}
.area_main li a i {position: absolute;right: 4px;top: 10px;display: block;width: 7px;height: 5px;overflow: hidden;background-position: 0 -35px;background-position: 0 -35px;background-image: url(../image/com-stock.png);background-repeat: no-repeat;}
.default {border: 1px solid #ddd;border-bottom: 0;}
.hover {height: 25px;background-color: #fff;border: 2px solid #edd28b;border-bottom: 0;padding: 0 20px 0 10px;line-height: 22px;text-decoration: none;color: #000;}
/*区域提示信息*/
.area_title {padding: 0;margin: 0;}
.area_title div {height: 25px;line-height: 25px;width: 95%;margin: auto}
/*区域内容*/
.area_content {padding-top: 5px;min-height: 220px;padding-left: 10px;width: 95%;}
.area_content li {float: left;padding: 2px 0 2px 15px;}
.area_content li a {float: left;padding: 4px 4px;color: #005aa0;cursor: pointer;overflow: hidden;width: 80px;white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis;}
.area_content li a:hover {background:#005ea7;color:#fff;zoom:1}
/*关闭按钮*/
.area_close {position: relative}
.area_close div{position: absolute;left: 492px;top:-8px;width: 17px;height: 17px;cursor: pointer;background: url('../image/com-tools.png');background-repeat: no-repeat;background-position: -257px -86px;}
/*选择框*/
.area_choose {z-index: 99;position: absolute;line-height: 30px;height: 30px;}
.area_choose2 {z-index: 99;position: relative;background: #ffffff;border: 1px solid #ddd;}
.choose_hide {border: 1px solid #ddd}
.choose_show {border: 1px solid #ddd;border-bottom: 0;}

/*商品首页*/
.index_area {float: left;clear: none;margin-top: 2px;}
.index_area a {position: relative;float: left;height: 23px;line-height: 23px;padding: 0 21px 1px 11px;margin-right: 3px;text-align: center;cursor: pointer;}
.index_area a em {margin: 0;padding: 0;}
.index_area a i {position: absolute;right: 4px;top: 10px;display: block;width: 7px;height: 5px;overflow: hidden;background-position: 0 -35px;background-position: 0 -35px;background-image: url(../image/com-stock.png);background-repeat: no-repeat;}


/*商品详细信息*/
.pro_detail {float: left;width: 506px;margin-left: 9px;}
.pro_detail ul {float: left;color: #666666;font-family: "微软雅黑";width: 100%;}
.pro_detail ul li {position: relative;line-height: 30px;clear: both}
.pro_detail ul li dl {width: 100px;float: left}
.pro_detail ul li dd {float: left;width: 400px;line-height: 30px}
.pro_detail ul li dd font {padding-right: 5px}
.pro_detail ul li dd button {border: 1px solid #999;color: #484848;height: 15px;line-height: 14px;cursor: pointer;width: 20px;padding: 0 0px;}
.pro_detail ul li dd input {border: 1px solid #989898;background: #FFFFFF;height: 18px;line-height: 18px;text-align: center;color: #333333;width: 40px;}
.pro_detail ul li p {clear: both}

/*商品详细页面 提示*/
.pro_msg {color: #404040;background: url(../image/msg_bg.png) no-repeat;border: 1px solid #ddd;background-position: 3px -47px;float: left;padding: 2px 10px 2px 23px;line-height: 18px;border-color: #ff8080;background-color: #fff2f2;}

/*配送方式*/
.pro_mode {border: 1px solid #DF9A07;background: #fffef7;padding-bottom: 5px;padding-top: 5px;}
.pro_mode ol {margin-left: 2px;width: 100%}
.pro_mode ol div {position: relative;float: left;margin: 2px 4px 2px 5px;}
.pro_mode a {color: #666666;text-align: center;padding: 4px 6px;cursor: pointer;background: #fff;border: 1px solid #999;}
.pro_mode a:hover {border: 2px solid #e4393c;padding: 3px 5px;}
.pro_mode_selected a {border: 2px solid #e4393c;padding: 3px 5px;}
.pro_mode_selected b {position: absolute;z-index:99;bottom: 2px;right: 0;width: 12px;height: 12px;overflow: hidden;background-position: -202px -224px;background-image: url(../image/com-tools.png);background-repeat: no-repeat;}
/*结算按钮*/
.pro_btn {cursor: pointer;}
.pro_btn b {font-size: 15px;color: #fff;position: absolute;width: 100px;height: 30px;text-align: center}
/*价格样式*/
.pro_price {color: #FF0000;font-size: 14px;font-weight: bold}


/*区域弹出框*/
.dialog_body {width: 500px;margin: auto;}

.dialog_title {height: 36px;width: 500px;}
.dialog_title span{float: left;line-height: 36px;height: 36px}
.area_title_left {background: url("../image/qrdiv_title_left.gif") no-repeat;height: 36px;width: 15px}
.area_title_center {background: url("../image/qrdiv_title_center.gif") repeat-x;width: 455px;color: #4E4E4E;font-size: 11px;font-weight: bold;}
.area_title_right {background: url("../image/qrdiv_title_right.gif") no-repeat;height: 36px;width: 30px;}

.dialog_content {position: relative;width: 498px;border-left: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;}

.dialog_bottom {height: 15px;width: 500px;clear: both}
.dialog_bottom span{float: left;line-height: 15px;height: 15px}
.area_bottom_left {background: url("../image/qrdiv_bottom_left.gif") no-repeat;height: 15px;width: 15px}
.area_bottom_center {background: url("../image/qrdiv_bottom_center.gif") repeat-x;width: 470px;}
.area_bottom_right {background: url("../image/qrdiv_bottom_right.gif") no-repeat;height: 15px;width: 15px;}

/*公共样式*/
.common_btn0 a {height: 30px;margin-right: 10px;padding-left: 20px;float: left;line-height: 30px;font-size: 14px;font-weight: 700;background: url("../image/com-btn.png") no-repeat 0 0;}
.common_btn0 a:hover {background: url("../image/com-btn.png") no-repeat 0 -60px;}
.common_btn0 span {color: #ffffe6;background: url("../image/com-btn.png") no-repeat 100% -30px;cursor: pointer;height: 30px;border: 0;float: left;}
.common_btn0 span:hover {background: url("../image/com-btn.png") no-repeat 100% -90px;}
.common_btn0 .common_btn0_span110 {width: 110px}
.common_btn0 .common_btn0_span80 {width: 80px}

.common_btn1 {background: url("../image/com-tools.png") no-repeat;background-position: -69px -84px;width: 70px;border: 0;text-align: center;cursor: pointer}
.common_btn2 {background: url("../image/com-tools.png") no-repeat;background-position: -162px -85px;width: 90px;height: 25px;border: 0;text-align: center;cursor: pointer}
.common_btn3 {background-image: linear-gradient(to top, #F7F7F7 0%, #F3F3F3 100%);border: 1px solid #ddd;padding: 2px 15px 2px 15px;cursor: pointer}

.common_inp1 {width: 138px;line-height: 20px;height: 20px;border: 1px solid #ccc}
.common_inp2 {width: 308px;line-height: 20px;height: 20px;border: 1px solid #ccc}
.common_inp3 {width: 138px;line-height: 20px;height: 20px;border: 0;font-size: 12px;background: #fff}

.input_focus {border: 1px solid #fdd253;background: #ffffe6}
.errer_focus {border: 1px solid #db9a9a;background: #ffe8e8}
.errer_focus em {color: #c00;padding-left: 5px;}
.sccess_focus em {color: #fdd253;padding-left: 5px;}

/*产品展示添加遮罩透明层*/
.pro_block {filter: alpha(opacity=60);opacity: 0.6;position: absolute;z-index: 5;width: 210px;height: 260px;line-height:85px;background: #E1E1E1;z-index: 5;left: 0;right: 0;vertical-align: middle;text-align: center;font-weight: bold;color: red;word-wrap:break-word;overflow:hidden;}

/*商品详细页面 说明*/
.pro_desc {position: relative;float: left}
.pro_desc em {background: url("../image/com-tools.png") no-repeat;background-position: -260px -270px;height: 20px;line-height:20px;width: 20px;float: left;margin:7px 0;}
.pro_desc a {color: #666666;font-family: "微软雅黑";}
.pro_desc a:hover {background: #DF9A07;color: #FFFFFF}

/*商品首页*/
.pro_index_top {position: absolute;width: 100%;height: 133px}
.pro_index2 {width: 100%;height: 133px}
.pro_index {position: fixed;left:0;top:0;height: 133px;z-index: 10;width: 100%;border-bottom: 1px solid #E1E1E1;box-shadow: 0 0 5px #ddd;-moz-box-shadow: 0 0 5px #ddd;-webkit-box-shadow: 0 0 5px #ddd;}
.pro_index_iframe {position: absolute;width: 100%;height: 133px;background: #fff}

.pro_index_hand {position: absolute;top: 0px}
.pro_index_hand i {position: relative;float: left;height: 40px;width: 40px;}
.pro_index_hand i img {position: relative}
.pro_index_hand em {float: left;width: 150px;padding: 4px 4px;margin-top: 5px;line-height:15px;background: #FFFFFF;border: 2px solid #dedede;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px}

/*结算中心*/
.order_add {width: 100%;}
.order_add ol {height: 22px;line-height: 22px;padding: 4px 0;clear: both;width: 100%}
.order_add ol font {text-align: right;width: 100px;float: left;font-size: 12px;zoom: 1}
.order_add ol font i {color: red;padding-right: 3px;}