@charset "utf-8";
/* CSS Document */
/* 设计：乐晓芳 */

.g-header-menu{ border-bottom: 2px solid #f08300;background: #fff;}
.menuBox{margin-top: 50px; border: 1px solid #f08300;width:202px; display: none; background: #fff;}
.mod_detail_crumb{ font-size: 16px; line-height: 30px; margin-top: 15px;}

body{ background:#f5f5f5}
.hd_header_wrap{ background:#fff; min-width: 1190px}

/*购物流程*/
.cart-flow-stepby{ width: 430px; float: right; margin-top: 20px}
.cart-flow-stepby ul{ float: left; width: 80px; font-size: 16px;}
.cart-flow-stepby ul li{ display: block; text-align: center}
.cart-flow-stepby ul li span{ width: 42px; height: 42px; display:block; background: url("../../moudle/images/cart-flowIcon.png") 0 -42px; margin: 0 19px 5px}
.cart-flow-stepby ul li span.fill-in{ background: url("../../moudle/images/cart-flowIcon.png") -42px 0;}
.cart-flow-stepby ul li span.submission{ background: url("../../moudle/images/cart-flowIcon.png") right 0;}
.cart-flow-stepby ul.currently{ color: #f08300;}
.cart-flow-stepby ul.currently span.fill-in{ background: url("../../moudle/images/cart-flowIcon.png") -42px -42px;}
.cart-flow-stepby ul.currently span.submission{ background: url("../../moudle/images/cart-flowIcon.png") right -42px;}
.cart-flow-stepby div{ float: left; width: 21px; background: url("../../moudle/images/cart-flowIcon.png") -9px 0; height: 18px; margin: 15px 30px}
.cart-flow-stepby div.redBG{background: url("../../moudle/images/cart-flowIcon.png") -9px -19px;}

.fast-newpro{ background:#fff}
.fast-newpro h2{ margin:20px 30px 00px; border-bottom:2px solid #e6e6e6; padding:10px 10px 1px 0; font-weight: normal;}
.fast-newpro h2 span{ border-bottom:2px solid #f08300; line-height:200%; padding:10px 12px 10px;}
.fast-newpro .fast-newpro-cent{ margin:20px 30px 0px; overflow: hidden; padding-bottom: 30px}


/*购物清单*/
.cart-detailed{ display: block; margin:0 30px; overflow: hidden; position: relative}
.cart-detailed .detailed-thead{ height: 30px; line-height: 30px; background: #f3f3f3;color: #999999;}
.cart-detailed .detailed-thead div{ float: left}
.cart-detailed .detailed-empty{ text-align: center; width: 100%; margin: 120px auto}
.cart-detailed .detailed-list{ margin-bottom:30px; float: left}
.cart-detailed .detailed-list-each{ border-bottom:1px solid #e6e6e6;float: left; padding: 20px 0; width: 100%; position: relative;}
.cart-detailed .detailed-list-each:hover{ background: #fff7ef}
.cart-detailed .detailed-list-each div{ float: left;}
.cart-detailed .detailed-list-each div label{ line-height: 65px;}
.cart-detailed .detailed-list-each div.w70 img{ width: 65px; height: 65px; border: 1px solid #f1f1f1; cursor: pointer}
/* .cart-detailed .detailed-list-each div img:hover{width:240px;height:240px;position:relative;overflow:hidden;margin-left:0;margin-top:-31px;z-index:100;cursor:pointer}
*/
.cart-detailed .detailed-list-each div.imgFuCen{position: absolute; width: 200px; height: 200px; top: -10px; z-index: 9; left:130px; border: 1px solid #dfdfdf; background: #FFF;}
.cart-detailed .detailed-list-each div.imgFuCen span{ width: 8px; height: 16px; display: block; background: url("../images/ks-overlay-content.png"); position: absolute;
    top: 64px; left: -8px}
.cart-detailed .detailed-list-each div.imgFuCen img{ width: 180px; height: 180px; margin: 10px}

.cart-detailed .detailed-list-each .attribute{ color:#999; font-size:12px}
.cart-detailed .detailed-list-each div textarea{ border: 1px solid #bdbcc2; width: 160px;height: 40px;padding: 5px;}
.cart-detailed .detailed-list-each div .delete{ width: 14px; height: 16px; background: url("../../moudle/images/deleteIcon.png"); cursor: pointer; display: block; margin: 18px 8px}
.cart-detailed .detailed-list-each div.parts{ width: 100%; background: #fcfbf3; line-height: 30px; position: absolute; bottom: 0}
.cart-detailed .detailed-list-each div.parts .delete{ margin: 0 8px;}
.cart-detailed .detailed-list-each div.parts .number{margin-left:20px;width:90px;margin-top:2px;background:#ccc;border:1px #e6e6e6 solid;border-radius:2px}
.number{margin-left:22px;width:90px;margin-top:-4px;background:#ccc;border:1px #e6e6e6 solid;border-radius:2px}
.number button{float:left;background:#f1f1f1;outline:0;width:20px;text-align:center;border:none;color:#999;height:25px;cursor:pointer}
.number input{float:left;color:#333;background:#fff;width:50px;height:25px;border:none;text-align:center}
.cart-floatbar{ background: #FFFFFF; width: 1130px; z-index: 10; padding: 20px 30px;position:fixed;bottom: 0; margin-left: -30px; height: 45px; overflow: hidden}
.cart-floatbar .f-l{ float: left; line-height: 40px}
.cart-floatbar .f-l a{ color: #079cf2; font-size: 16px;}
.cart-floatbar .f-r{ float: right}
.cart-floatbar .f-r div{ float: left;line-height:40px; margin-left: 15px}
.cart-floatbar .f-r input{display:block;background:#f08300;width:170px;height:40px;font-size:18px;line-height:40px;text-align:center;color:#fff;border:0;cursor:pointer; margin-left: 10px}
.cart-floatbar .f-r input:hover{background:#ff7674;}
.bsssg{ position:relative; z-index: 99}

/*图片放大*/
.small2big-popup{border:1px solid #ccc;padding:10px;width:240px;height:240px;background:#fff;border:1px solid #cccccc; position: absolute}
.item-big-pic a {
    background: #fff url(//gtd.alicdn.com/tps/i3/T1b1m3XkVpXXXXXXXX-32-32.gif) no-repeat 50% 50%;
}
item-big-pic img {
    max-width: 240px;
    max-height: 240px;
}
.item-big-pic .arrow {
    position: absolute;
    left: -9px;
    top: 66px;
    display: block;
    width: 9px;
    height: 16px;
    background-position: 0 -14px;
}

/*猜你需要*/
.estimate-need{ background: #fff; overflow: height; margin-top: 30px; border-top: 1px solid #dddddd; padding-bottom: 30px}
.estimate-need h2{font-size:18px;font-weight:400;line-height:30px;text-align:center;position:relative; display: block; padding: 20px 0 10px;}
.search_add_list{ position: relative; overflow:hidden; padding-left: 28px}
.search_add_listDiv{float: left; margin:10px 28px 10px 0; border: 1px solid #dedede; position: relative; width: 202px; height: 290px;}
.search_add_listDiv ul,.search_add_listDiv ul li{ width: 100%; float: left; text-align: center;}
.search_add_listDiv ul li.price{ margin: 10px 0; font-size: 20px;}
.search_add_listDiv ul li.text{ width: 144px; margin: 0 20px; color: #666; line-height: 24px; height: 48px; overflow: hidden}
.search_add_listDiv ul li img{ width: 180px; height: 180px; margin-top: 10px;}
.search_add_list .search_add_listDiv:hover{ border: 1px solid #ff9600;box-shadow: 0px 1px 12px rgba(255,86,79,0.37) }
.search_add_list .search_add_listDiv a.Cart{  width: 112px; background: url(../../common/images/pic.png) 46px -216px;}
.search_add_list .search_add_listDiv a.Collection{  width: 111px; background: url(../../common/images/pic.png) 42px -255px;}


/*结算页*/
.order-address{ margin: 10px auto; background: #fff; padding-bottom: 30px;}
.address{ padding: 10px 20px 0;}
.address-tit h3{ font-weight: normal;height:40px;line-height:40px;overflow:hidden;font-size:18px;}
.address-tit h3 span.manage-address{ font-size: 14px; float: right;}
.address-tit h3 span.manage-address a{  color:#3366cc}
.address-tit h3 i{ padding-left:20px;font-size: 14px;}
.address-tit h3 i input{ line-height: 30px; height: 30px; width: 360px; padding: 0 5px}
.address-cont{overflow: hidden; max-height: 180px; overflow-y: visible; margin-top: 15px;}
.address-list{ width: 100%; overflow:hidden; position:relative;}
.address-list li{ float: left;width: 1110px;margin-bottom:12px;height: 34px; color:#666; margin-left: 20px; padding-right: 20px}
.address-list li:hover{ background: #ffebeb}
.address-list li .consignee-item{ color: #000; margin-right:10px;float:left;position:relative;padding:5px 10px; font-size:16px;width:110px;height:22px;border:1px solid #ddd;background-color:#fff;list-style:none;text-align:center;line-height:22px;cursor:pointer}
.address-list li .consignee-item:hover,.address-list li .item-selected{border: 2px solid #f08300; padding: 4px 10px;}
.address-list .item-selected b{display:block;position:absolute;right:0;bottom:0;width:19px;height:19px;overflow:hidden;background:url(../images/selectIcon2.png) no-repeat;}
.address-list li .addr-detail{ float: left;line-height:35px;height: 35px;}
.address-list li .addr-detail span{display: inline-block;margin-left: 0px;}
.address-list li .addr-detail .addr-default{display:inline-block;margin:5px 10px;background-color:#999;color:#fff;padding:0 3px;line-height:20px}
.address-list li .op-btns{ float:right;height:35px;text-align:right;line-height:35px}
.address-list li .op-btns a{  color:#3366cc; padding: 0 5px}
.addr-switch{height:18px;line-height:18px;padding:10px 20px 0px;cursor:pointer;}
.addr-switch.switch-on b { background: url(../images/addr-i.png) no-repeat 0 0;}
.addr-switch.switch-off b { background: url(../images/addr-i.png) no-repeat 0 -10px;}
.addr-switch b{display:inline-block;vertical-align:middle;height:10px;line-height:10px;width:9px;margin-left:5px}
.hr{border-bottom:1px solid #e6e6e6;height:0; margin: 25px 0 15px}
.payment-method,.distribution-method{ overflow: hidden; padding: 10px 30px 0;}
.method-cont{float: left;color:#666; margin-left: 20px;overflow: hidden}
.method-cont ul{ float: left; width: 100%; overflow: hidden; padding-top: 15px;}
.distribution div{ display: block; overflow: hidden; float: left; margin-top: 10px; }
.distribution div label{ display: block; cursor: pointer; margin-top: 10px}
.distribution div label img{ height: 22px}
.distribution div input{ margin-right: 10px;vertical-align:-2px;}
.distribution div span{ color:#999999; padding-left: 20px}
.method-cont ul li{ color: #000; margin-right:10px;float:left;position:relative;padding:5px 10px; font-size:16px;width:110px;height:22px;border:1px solid #ddd;background-color:#fff;list-style:none;text-align:center;line-height:22px;cursor:pointer}
.method-cont li:hover,.method-cont li.item-selected{border: 2px solid #f08300; padding: 4px 10px;}
.method-cont .item-selected b{display:block;position:absolute;right:0;bottom:0;width:19px;height:19px;overflow:hidden;background:url(../images/selectIcon2.png) no-repeat;}
.method-cont ul li.prohibit{ background: #f3f3f3; color:#cccccc}
.method-cont ul li.prohibit:hover{border:1px solid #ddd;padding:5px 10px;}
.order-list{ background: #f8f8f8; border: 1px solid #dedede; overflow: hidden; margin: 0 30px}
.order-list-left{ width: 736px; float: left; padding: 10px 30px 0;border-right: 1px solid #dddddd;min-height:302px}
.order-list-left .box-t{ float: left; width: 100%; color:#666; line-height: 26px; border-bottom: 1px solid #dddddd; padding: 5px 0 15px}
.order-list-left .box-b{ float: left; width: 100%; color:#666; padding: 20px 0}
.order-list-left .box-b h4{ font-weight: normal}
.order-list-left .box-b input{vertical-align:-2px; margin-right: 5px}
.order-list-left .box-b p{margin: 10px 0 10px 90px; float: left;}
.order-list-left .box-b p span{ float: left;width:auto; margin-right: 50px}
.order-list-left .box-b p label{ cursor: pointer; line-height: 24px;}
.order-list-left .box-b p a{ float: right; margin-left: 20px;color: #3366cc; line-height: 24px;}
.order-list-left .box-b dl{ width: 100%; float: left; padding: 10px 0 0}
.order-list-left .box-b dl label{ margin-right: 20px;}
.order-list-left .box-b dl dt{ float: left; width: 85px; text-align: right}
.order-list-left .box-b dl dd{ float: right; width: 665px; display: block}
.order-list-left .box-b dl dd span{ margin-left:10px}
.order-list-left .box-b dl dd input[type=text]{ border: 1px solid #e4e4e4; width: 255px; height: 22px;font-size: 12px; padding: 0 5px}
.order-list-left .box-b dl dd a,.order-list-left .box-b dl dd button{width:132px;height:32px;background:#f52648;color:#fff;display:inline-block;line-height:32px;text-align:center;margin-top:10px; border:none}
.order-list-left .box-b dl dd a.qd{background-color:#cacaca}
.order-list-right{ width: 280px; float: right; padding: 24px 21px 20px 30px; }
.order-list-right dl{ float: right; display: block; text-align: right; line-height: 32px}
.order-list-right dt{  width: 100px; float: left;}
.order-list-right dd{  width: 130px; float: left;}
.order-list-right ul li{ width: 100%; display: block; text-align: right; margin-top: 30px; float: left}
.order-list-right ul li input{background:#f08300;width:198px;height:40px;font-size:18px;line-height:40px;text-align:center;color:#fff;border:0;cursor:pointer;margin-left:10px}
.order-list-right ul li input:hover{background:#ff7674;}


.cart2-xi .detailed-thead{ height: 30px; line-height: 30px; background: #f3f3f3;color: #999999;}
.cart2-xi .detailed-thead div{ float: left}
.cart2-xi .detailed-empty{ text-align: center; width: 100%; margin: 120px auto}
.cart2-xi .detailed-list{ margin-bottom:30px; float: left}
.cart2-xi .detailed-list-each{ border-bottom:1px solid #e6e6e6;float: left; padding: 20px 0; width: 100%; position: relative;}
.cart2-xi .detailed-list-each div{ float: left; position: relative;}
.cart2-xi .detailed-list-each div label{ line-height: 65px;}
.cart2-xi .detailed-list-each div img{ width: 95px; height: 95px; border: 1px solid #f1f1f1; cursor: pointer;}
.cart2-xi .detailed-list-each .attribute{ color:#999; font-size:12px}
.cart2-xi .detailed-list-each div textarea{ border: 1px solid #bdbcc2; width: 160px;height: 40px;padding: 5px;}
.cart2-xi .detailed-list-each div .delete{ width: 14px; height: 16px; background: url("../../moudle/images/deleteIcon.png"); cursor: pointer; display: block; margin: 18px 8px}
.cart2-xi .detailed-list-each div.parts{ width: 100%; background: #fcfbf3; line-height: 30px; position: absolute; bottom: 0}
.cart2-xi .detailed-list-each div.parts .delete{ margin: 0 8px;}
.cart2-xi .detailed-list-each div.parts .number{margin-left:22px;width:90px;margin-top:2px;background:#ccc;border:1px #e6e6e6 solid;border-radius:2px}

/*支付页*/
.order-init-oldUser{ width: 1140px; margin: 0 auto; padding: 24px 20px; overflow: hidden}
.oldUser-BG{ background: #fff7f7; border-top: 2px solid #f08300;}
.order-init-oldUser .oldUser-left{ float: left}
.order-init-oldUser .oldUser-left p{ display: block; margin-bottom: 10px}
.order-init-oldUser .oldUser-left p span{ margin: 0 15px;}
.oldUser-left-p{ width: 550px; float: left; padding-top: 5px}
.oldUser-left-img{ width: 64px; height: 64px; margin:0 20px 0 15px; float: left; background: url("../images/success_icon.png")}
.order-init-oldUser .oldUser-right{ float: right; text-align: right; padding-right: 20px}
.order-init-oldUser .oldUser-right .addr-switch{ padding-right: 0; margin-top: 10px}
.order-init-oldUser .oldUser-bot{ width: 1100px; display: block; float: left; margin-top: 20px; padding-top: 10px; line-height: 24px; border-top: 1px solid #ededed; margin-left:20px}
.order-init-oldUser .oldUser-bot span{ padding-right:10px;}
.order-init-oldUser .oldUser-bot dl{ float: left; display: block; width: 100%}
.order-init-oldUser .oldUser-bot dt{ float: left; width: 70px; text-align: right}
.order-init-oldUser .oldUser-bot dd{ float: left}
.order-init-oldUser .oldUser-bot div.max{width: 980px; float: left; color: #999; margin-left: 80px}
.order-init-oldUser .oldUser-bot div.max span{ margin-right: 15px}
.order-init-oldUser a{ color: #3366cc;}
.orderInfo-tip{border:1px solid #edd491;background:#fffdee;padding:0 20px;line-height:25px; width: 1138px;margin: 20px auto;text-indent:6.5em;}
.payment-platform{width: 1180px;margin: 40px auto 0; overflow: hidden; padding-bottom: 20px;font-size: 16px;}
.payment-platform div.platform-tia{ border-bottom: 1px solid #d8d8d8; width: 100%}
.payment-platform div.platform-tia,.payment-platform div.platform-tia li{ float: left; text-align: center;}
.payment-platform div.platform-tia li{ position:relative; cursor: pointer; width: 170px; height: 50px; line-height:50px;background: #f2f2f2; border-top: 1px solid #d8d8d8;border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8; margin-right: 15px}
.payment-platform div.platform-tia li.selected{ background: #fff;}
.payment-platform div.platform-tia li.selected b{ width: 100%; height: 1px; background: #fff; display: block; position: absolute; bottom: -1px;}
.payment-platform .platform-box{width: 1178px; display: block; float: left; overflow: hidden; border:1px solid #d8d8d8; border-top:none; padding: 30px 0 120px}
.payment-platform .platform-box ul{ float: left}
.payment-platform .platform-box p{ width: 258px; float: left; border:1px solid #ccc; margin-left: 25px;line-height: 50px; position: relative; cursor: pointer}
.payment-platform .platform-box p.selected,.payment-platform .platform-box p:hover{border:1px solid #fc6868;}
.payment-platform .platform-box p.selected b{display:block;position:absolute;right:0;bottom:0;width:19px;height:19px;overflow:hidden;background:url(../images/selectIcon2.png) no-repeat}
.payment-platform .platform-box img{ height: 30px; margin: 10px 15px 10px 70px}
.payment-platform .platform-box dl{ float: left; display: block; width: 800px; margin: 0 0 0 30px; font-size: 14px}
.payment-platform .platform-box dl dt,.payment-platform div dl dd{ float: left}
.platform-bat{ overflow: hidden; height: 50px; width: 100%; text-align: right}
.platform-bat input{background:#f08300;width:198px;height:40px;font-size:18px;line-height:40px;text-align:center;color:#fff;border:0;cursor:pointer;margin-left:10px}
.platform-bat input:hover{background:#ff7674;}
/*二维码*/
.weixin-zfb-t{ display: block; margin: 30px; text-align: center; line-height: 36px}
.weixin-zfb-b{ margin: 30px auto; display: block; width: 302px; text-align: center}
.weixin-zfb-b .img{ border: 1px solid #dddddd; width: 300px; height: 280px; margin-bottom: 30px; display: inline-block; padding-top: 20px}
.weixin-zfb-b .pw-box-ft{height:44px;padding:8px 0 8px 125px;background:url(../images/bank/icon-red.png) 50px 8px no-repeat #ff7674; font-size: 16px; color:#fff; text-align: left}
.weixin-zfb-b a{ color: #3366cc; margin-top: 50px; display: block}

/*添加联系人*/
.ui-dialog{width:800px; height:500px;background: #FFFFFF; position: fixed}
.ui-dialog .ui-dialog-title{ position: relative; border-bottom: 1px solid #e0e0e0; height: 56px;}
.ui-dialog .ui-dialog-title h2{ font-size: 18px; font-weight: normal; float: left; margin: 0 15px; line-height: 56px;}
.ui-dialog .ui-dialog-title p{ font-size: 14px; float: left; color: #999; line-height: 56px;}
span.lv,em.lv{ color:#009933;}
span.red,em.red{ color:#ff0000;}
.ui-dialog .ui-dialog-title div{ background: #ececec; border-radius: 8px; height: 30px; width: 180px; padding: 0 10px; float: right; margin: 10px 60px 0 0 }
.ui-dialog .ui-dialog-title div input[type=text]{ background: none; float: left; line-height: 30px; font-size: 14px; border:none; width: 160px}
.ui-dialog .ui-dialog-title div input[type=submit]{ background:url("../../moudle/images/sousuo03.png") center no-repeat; width: 20px; height: 30px; cursor:pointer; float: left; border:none;}
.ui-dialog .ui-dialog-title .ui-dialog-close{ width: 23px; height: 23px; position: absolute; right: 10px;top: 10px; background: url("../../moudle/images/ui-dialog-close.png"); cursor: pointer}
.modal-body{ width: 100%; float: left; height: 443px; padding-top: 40px; line-height: 36px;}
.modal-body span{ float: left;}
.item-fullname{ margin-left: 30px; float: left; display: block}
.item-fullname .item-label{ float: left; text-align: right;width: 90px;margin-right: 20px;text-align: right;}
.item-label i{line-height:20px;color:#fb3a3a;font-family:\5B8B\4F53;font-style: normal;}
.item-fullname .item-input{float:left;height:20px;line-height:20px;}
.item-fullname .item-textarea{float:left;width:438px;height:50px;resize:none}
.item-fullname .select-text{ float: left;}
.item-input, .item-select, .item-textarea,.select-text{padding:7px 10px;margin:0 5px 20px;border:1px solid #ddd;color:#333;overflow:auto}
.item-bottom{margin-left: 145px; width: 500px; float: left}
.item-bottom button{width:130px;height:40px;margin-top:20px;margin-right:20px;font-size:14px;cursor:pointer}
.item-bottom .item-cancle{color:#666;border:1px solid #ddd;background-color:#fff}
.item-bottom .item-cancle:hover{border:1px solid #ddd;background-color:#f3f3f3}
.item-bottom .item-submit{color:#fff;border:1px solid #f08300;background-color:#f08300}
.item-bottom .item-submit:hover{border:1px solid #ff7674;background-color:#ff7674}