/*index.html*/
html, body { position: relative; }
body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; }
.clearfix: after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
img{ border: 0; }
*{
    margin: 0;
    padding: 0;
 }
img{
    border: 0;
 }
ol, ul ,li{ list-style: none; }
.swiper-container{ display: block; width: 100%; height: 360px; }
.swiper-slide{ text-align: center; font-size: 18px; background: #fff; }
.swiper-slide img{ display: block; }
.swiper-container .swiper-pagination{width: 100%;height: 20px;z-index: 100;position: absolute;top: 330px;text-align: center;}
.swiper-container .swiper-pagination .swiper-pagination-switch{ display: inline-block; width: 10px;height: 10px;border-radius: 8px;background: #555;margin: 0 5px;opacity: 0.8;
cursor: pointer;}
.swiper-container .swiper-pagination .swiper-active-switch{width: 50px;background: #fff;}
.wrap-all{ position: relative; }
.mid-wrap{ width: 1190px; margin: 20px auto 80px auto; position: relative; z-index: 2; background: #fff; }
.login-panel{ width: 100%; position: absolute; top: 0; z-index: 10; }
.login-con{ width: 1190px; padding: 0 5px; margin: 0 auto; }
.login-box{ position: relative; width: 240px;height: 360px; float: left; padding: 46px 0 35px 0; box-sizing: border-box;}
.login-box-bg{ content: ''; position: absolute; top: 15px; left: 0; z-index: 1; width: 240px;height: 330px; background: #000; filter: alpha(opacity=60); background: rgba(0, 0, 0, .6); }
.head-img{ position: relative; z-index: 2; width: 111px; height: 111px; margin: 0 auto 16px; border-radius: 50%; overflow: hidden; border: 1px solid #ddd;}
.head-img img{ width: 100%; height: 100%; display: block; }
.login-panel .user-coins{ position: relative; z-index: 2; width: 100%; }
.login-panel .user-coins p{ width: 100%; text-align: center; }
.login-panel .user-coins p.coins-txt{ padding: 30px 0 10px; color: #fff; font-size: 16px; }
.login-panel .user-coins p.phone-num{ font-size: 16px; color: #fff; }
.login-panel .user-coins .coins{ font-size: 34px; font-weight: bold; color: #fd4239; position: relative;}
.login-panel .user-coins a{ width: 100%; text-decoration: none; text-align: center; display: block; margin: 0 auto; }
.login-panel .user-coins .coins:after{ width: 30px; height: 30px; display: inline-block; background: url(/Public/theme/default/home/images/integral/to-right.png) no-repeat; background-size: 100% 100%; position: absolute; top: 4px;right: -30px;content: '';}
.login-panel .account{ width: 100%; height: 30px; font-size: 16px; color: #fff; text-align: center; }
.user-no-login{ display: block; position: relative; z-index: 2; margin: 0 auto; width: 168px; }
.login-in{ width: 100%; height: 34px; line-height: 34px; background: #fd4239; color: #fff; font-size: 14px; text-align: center; text-decoration: none; display: block;
  border-radius: 25px; margin: 50px auto 0 auto; }
.mid-wrap .tabs, .tabs-div, .tabs-panel, .switch-top, .tabs-panel .products{ width: 100%; }
.mid-wrap .tabs{ padding-top: 12px; }
.mid-wrap .tabs-a{ margin-bottom: 5px !important; width: 100%; }
.mid-wrap .switch-top{ background: #eaeaea; border: 1px solid #eee; box-sizing: border-box; }
.tabs-left{ display: block; width: 100%; height: 41px; border-bottom: 1px solid #eeeeee; }
.mid-wrap .switch-top, .mid-wrap .tabs-a{ width: 1160px; box-sizing: border-box; margin: 0 15px; }
.mid-wrap .tabs-a a{ display: inline-block; vertical-align: middle; width: 120px; height: 41px; line-height: 42px; text-align: center; text-decoration: none; color: #333; font-size: 16px; margin-right: -4px;}
.mid-wrap .tabs-a a.cur{ background: #fd4239; color: #fff; }
.mid-wrap .search{ width: 30px; height: 30px; float: right; position: relative; border: 1px solid #c2c2c2; border-radius: 15px; overflow: hidden; background: #fff;
margin: 5px 10px 0 0; }
.mid-wrap .border{
      width: 220px;
        -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease;
 }

.more-action{
    position: absolute;
    right: 15px;
    top: 18px;
    width: 60px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #444;
    font-size: 12px;
    border-radius: 3px;
}
.more-action:hover {cursor: pointer;}
.more-action em{width: 14px;height: 14px;display: inline-block;position: relative;top: 3px;}
.icon-toggle-down{background: url(/Public/theme/default/home/images/integral/dr.png) no-repeat;background-size: 100% 100%;}
.icon_rotate {transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.icon-toggle-up{display: inline-block;background: url(/Public/theme/default/home/images/integral/db.png) no-repeat;background-size: 100% 100%;}
.mid-wrap .search input{ width: 100%; height: 100%; padding-left: 10px; box-sizing: border-box; border: none; outline: none; display: none; transition: width ease 0.1s; }
.mid-wrap .icon-search{ width: 18px; height: 18px; display: block; background: url(/Public/theme/default/home/images/integral/search.png) no-repeat; background-size: 100% 100%; position: absolute; top: 6px; right: 6px; }
.mid-wrap .tabs-a .more {height: 42px; line-height: 42px; width: 40px; float: right; border: 1px solid #f90;}
.switch-top a{ min-width: 120px;box-sizing: border-box;display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; float: left; color: #333; position: relative; font-size: 14px; }
.switch-top a.action{ background: #fff; color: #333; }
/*.switch-top a: hover{ background: #fff; color: #fd4239; }*/
/*.switch-top a.active span{ color: #fd4239; }*/
.switch-top a.active{ background: #fff; color: #fd4239; }
/*.switch-top a.active{ color: #fd4239; }*/
.switch-top a.active em.icon-dw{ background: url(/Public/theme/default/home/images/integral/icon-dw-red.png) no-repeat; background-size: 100% 100%; }
/*.switch-top a.active em.icon-arrow{ background: url(/Public/theme/default/home/images/integral/arrow-red.png) no-repeat; background-size: 100% 100%; }*/
.switch-top .menu-down{ width: 100%; position: absolute; z-index: 999; top: 40px; left: -1px; background: #fff; border: 1px solid #eaeaea; border-top: 0; display: none; }
.switch-top .menu-down ul, .switch-top .menu-down li{ width: 100%; }
.switch-top .menu-down li{ height: 35px; line-height: 35px; text-align: center; color: #333; display: block; }
.switch-top .menu-down li.on-tab{ background: #f0f0f0; }
.switch-top a em{ width: 16px; height: 16px; display: inline-block; position: absolute; top: 12px; }
.switch-top a .icon-arrow{ background: url(/Public/theme/default/home/images/integral/arrow.png) no-repeat; background-size: 100% 100%; right: 10px; }
.switch-top a.active .arrow-red{ background: url(/Public/theme/default/home/images/integral/arrow-red.png) no-repeat; background-size: 100% 100%; right: 10px; }
.switch-top a .icon-dw{ background: url(/Public/theme/default/home/images/integral/icon-dw.png) no-repeat; background-size: 100% 100%; right: 10px; }
.switch-top a .icon-dw-red{ background: url(/Public/theme/default/home/images/integral/icon-dw-red.png) no-repeat; background-size: 100% 100%; right: 10px; }
.switch-top a .icon-check{ width: 20px; height: 20px; display: inline-block; position: absolute; top: 10px; background: url(/Public/theme/default/home/images/integral/checkbox.png) no-repeat; background-size: 100% 100%;
left: 10px; }
.switch-top a em.icon-checked{ width: 20px; height: 20px; display: inline-block; position: absolute; top: 10px; background: url(/Public/theme/default/home/images/integral/checked.png) no-repeat; background-size: 100% 100%;
left: 10px; }
.tabs-panel .products{ padding: 20px 0 0 23.6px; box-sizing: border-box; }
.tabs-panel .products .no-product{width: 300px;height: 200px;background: url(/Public/theme/default/home/images/integral/no-product.png) no-repeat center;background-size: 68% auto;display: block;margin: 78px auto;}
.tabs-panel .products .no-product span{font-size: 13px;color: #999; text-align:center;padding-top: 171px;display: block;}
.tabs-panel .products a{ display: inline-block; vertical-align: middle; margin: 0 23.6px 20px 0; padding: 15px; width: 236px; height: 310px; border: 1px solid #fff; text-decoration: none; }
/*.tabs-panel .products a:nth-child(4n){margin-right: 0;}
.tabs-panel .products .pro-row a:nth-child(4n){ margin: 0 0 20px 0; }*/
.tabs-panel .products .pro-row{ width: 100%; }
.tabs-panel .products a:hover{ border-color: #e8e8e8; box-shadow: 0px 0px 10px rgba(41, 39, 48, .15); }
.tabs-panel .products .image-box{ width: 100%; height: 237px; }
.tabs-panel .products a img{ width: 100%; height: 100%; display: block; }
.tabs-panel .goods-title{ width: 100%; height: 35px; font-size: 16px; color: #333; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; padding: 10px; box-sizing: border-box; margin-bottom: 10px;
    border-bottom: 1px solid #ddd; }
.tabs-panel .all-coins{ color: #fd4239; font-size: 14px; text-align: right; padding: 0 10px; box-sizing: border-box; margin: 0; }
.tabs-panel .all-coins .coins{ font-size: 24px;padding-right: 3px; }
.pagination{ margin: 10px 20px 0 0; float: right; }
.pagination>a{ width: 70px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ddd; font-size: 12px; color: #999; text-decoration: none; }
.pagination ul li{ display: inline-block; float: left; }
.pagination ul{ margin: 0; padding: 0; }
.pagination ul li a{ width: 64px; height: 30px; line-height: 30px; display: inline-block; float: left; font-size: 12px; color: #4c4c4c; border: 1px solid #ddd; text-align: center; margin-left: 10px; text-decoration: none; }
.pagination ul li a.cur{ color: #fff; background: #fd3701; }
.pagination>a, .pagination ul{ display: inline-block; float: left; }
.pagination>a.next{ margin-left: 10px; }
.rotate180 { transform: rotate(180deg) !important; }
.page .current{background: #fff;color: #fd3701;}

/*goodsDetail.html*/
.bread_box{ width: 1190px; margin: 10px auto; font-size: 14px; }
.bread_box a{ color: #4c4c4c; text-decoration: none; }
.goods-wrap{ background: none; }
.goods-detail{ background: #fff; }
.top-box{ width: 100%; border: 1px solid #ddd; box-sizing: border-box; padding: 25px; box-sizing: border-box; background: #fff; }
.top-box .slide-box, .top-box .goods-dt{ display: inline-block; height: 100%; }
.top-box .slide-box{ width: 418px; float: left; }
.top-box .goods-dt{ width: 720px; float: right; }
/*
.slide-box .swiper-container.gallery-top{ width: 100%; height: 418px; margin-left: auto; margin-right: auto; }
.slide-box .swiper-container.gallery-top .swiper-wrapper{ height: 418px; }
.slide-box .swiper-container.gallery-top .swiper-slide{ height: 418px; }
.swiper-slide { background-size: cover; background-position: center; }
.gallery-top { height: 80%; width: 100%; }
.gallery-thumbs { height: 82px; box-sizing: border-box; padding: 22px 0 0 0; }
.gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }*/

.large_box { margin-bottom: 22px; width: 418px; height: 418px; overflow: hidden; }
.large_box img { display: block; }
.small_box { width: 418px; height: 60px; overflow: hidden; }
.small_list { position: relative; float: left; width: 358px; height: 60px; overflow: hidden; }
.small_list ul { height: 60px; overflow: hidden; }
.small_list ul li { position: relative; float: left; margin-right: 12px; width: 60px; }
.small_list ul li:last-child{margin:0;}
.small_list ul li img { display: block; }
.small_list ul li .bun_bg { position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: #000; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; }
.small_list ul li.on .bun_bg { background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.btn { display: block; width: 20px; height: 60px; cursor: pointer; }
.left_btn { float: left; margin-right: 10px; background: url(/Public/theme/default/home/images/integral/left_btn.jpg) no-repeat; background-size: 100% 100%; }
.right_btn { float: right; background: url(/Public/theme/default/home/images/integral/right_btn.jpg) no-repeat; background-size: 100% 100%; }


.goods-dt{padding-left: 40px;box-sizing: border-box;}
.goods-dt h3{width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
    text-overflow: ellipsis;font-size: 22px;margin:0 0 23px 0;color: #333;font-weight: bold;line-height: 1.3;}
.goods-dt p.code{color: #444;padding-bottom: 14px;font-size: 16px;}
.goods-dt .total-points, .goods-dt .pay{color: #fd4239;font-weight: 500;font-size: 26px;}
.goods-dt .pay em{color: #333;font-size: 14px;}
.goods-dt .top-show{border-bottom: 1px solid #ddd;/*border-top: 1px solid #ddd;*/padding: 8px 0 0 0;box-sizing: border-box;}
.goods-dt .left-txt{color: #444;font-size: 16px;display: inline-block;}
/*.goods-dt .left-txt, .goods-dt .colors{ float: left; }*/
.goods-dt .colors{ display: inline-block; vertical-align: text-top;}
.goods-dt .colors a{ display: inline-block; vertical-align: middle; margin: 0 10px 10px 0; padding: 0 12px; height: 30px; line-height: 30px; text-decoration: none; text-align: center; border: 1px solid #ddd; color: #333;font-size: 15px; }
.goods-dt .colors a.checked{ color:#fd4239; border-color: #fd4239; }
.goods-dt .row{width: 100%;margin-bottom: 20px;display: block;min-height: 21px;}
.top-show .row{margin: 0 0 24px 0;}
#spec_item .left-txt{height: 32px;line-height: 32px;}
.top-show{padding-top: 10px;}
.goods-dt .row span{ display:inline-block; vertical-align: text-top; }
.goods-dt .row span.isHavePrice{line-height: 28px;font-size: 14px;}
.goods-dt .row span.total-points{padding-left: 5px;}
.goods-dt .row span.kucun{ display: inline-block; vertical-align: text-top; padding-left: 10px; color: #444;height: 32px;line-height: 32px;font-size: 16px; }
.goods-dt .top-show span{display: inline-block;}
.goods-dt .top-show span.spec_market{font-size: 16px;}
.goods-dt .count{ display: inline-block; vertical-align: text-top; width: 124px; height: 32px; }
.goods-dt .count a{width: 30px;height: 30px;line-height: 30px;border: 1px solid #ddd;text-decoration:none;text-align: center;color: #333;}
.goods-dt .count .num-box{width: 60px;height: 30px;border: 1px solid #ddd;overflow: hidden;}
.goods-dt .count input{border: none;width: 100%;height: 100%;text-align: center;}
.goods-dt .count a, .goods-dt .count .num-box{display: inline-block;float: left;}
.goods-dt .count a.del{border-right:none;}
.goods-dt .count a.add{border-left:none;}
.goods-dt .buy{width:201px;height: 40px;line-height: 40px;text-decoration: none;text-align: center;background: #fd4239;color: #fff;display: block;font-size: 18px; font-weight: bold;}
.share{width: 100%;border-top: 1px solid #ddd;margin-top: 22px;}
.share em{width: 20px;height: 20px;display: inline-block;margin-top: 12px;margin-right: 0px;}
.share span{height: 40px;line-height: 40px;color: #333;padding: 0 5px;display: inline-block;}
/*.share em.icon-collect{background: url(/Public/theme/default/home/images/integral/cl.png) no-repeat;background-size: 100% 100%; margin-right:0;}*/
.share em.kj{background: url(/Public/theme/default/home/images/integral/kj.png) no-repeat;background-size: 100% 100%; }
.share em.wx{background: url(/Public/theme/default/home/images/integral/wx.png) no-repeat;background-size: 100% 100%; }
.share em.wb{background: url(/Public/theme/default/home/images/integral/wb.png) no-repeat;background-size: 100% 100%; }
.share em.qq{background: url(/Public/theme/default/home/images/integral/wb.png) no-repeat;background-size: 100% 100%; }
.share em.rr{background: url(/Public/theme/default/home/images/integral/wb.png) no-repeat;background-size: 100% 100%; }
.share em, .share span{float: left;}
.share span.collect{cursor: pointer;}
.goods-con{width: 100%;margin-top: 20px;}
.goods-con .sidebar{width: 300px;border: 1px solid #ddd;box-sizing: border-box;background: #fff;}
.goods-con .goods-dec{width: 870px;margin-left: 20px;box-sizing: border-box;background: #fff;}
.goods-con .sidebar h3{text-align: left;height: 44px;line-height: 44px;border-bottom: 1px solid #ddd;padding-left: 15px;box-sizing: border-box;font-size: 16px;}
.goods-con .sidebar, .goods-con .goods-dec{display:inline-block;float: left;}
.goods-con .sidebar .goods-box{width:268px;height: 357px;display: block;text-decoration: none;box-sizing: border-box;margin: 10px auto 0  auto;border-bottom: 1px solid #ececec;}
.goods-con .sidebar .goods-box:last-child{border: none;}
.goods-con .sidebar .goods-box .image-box{width: 100%;height: 266px;}
.goods-con .sidebar .goods-box img{width: 100%;height: 100%;display: block;}
.goods-con .sidebar .goods-box .goods-title{width: 100%;height: 55px;font-size: 16px;color: #333;display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;padding: 10px 0;box-sizing: border-box;}
.goods-con .sidebar .goods-box .all-coins{color: #333;font-size: 14px;text-align: right;box-sizing: border-box;margin:0;}
.goods-con .sidebar .goods-box .all-coins .coins{color: #fd4239;font-size: 22px;}
.goods-tab{width: 870px;height: 52px;line-height: 52px;background: #fff;border-bottom: 1px solid #ddd;position: relative;}
.goods-tab.bom-shadow{box-shadow: 0 2px 6px 0 hsla(0,0%,0%,0.2);}
.goods-tab .left-tabs{display: inline-block;}
.goods-tab .left-tabs a{width: 106px;height: 50px;line-height: 50px;text-align: center;text-decoration: none;color: #333;display: inline-block;float: left;font-size: 16px; }
.goods-tab .left-tabs a.on-tab{border-top: 2px solid #fd4239;color: #fd4239;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.goods-tab .buy{width:200px;height: 52px;line-height: 52px;text-decoration: none;text-align: center;color: #fff;display: none;float: right;
background: #fd4239;font-size: 18px;}
.goods-dec .articles{width: 100%;background: #ffff;padding: 20px;box-sizing: border-box;}
.goods-dec .articles h1{color: #333;font-size: 24px;font-weight: bold;line-height: 1.5;text-align: center;}
.goods-dec .articles h2{color: #333;font-size: 18px;font-weight: bold;text-align: left;}
.goods-dec .articles h3{color: #333;font-size: 16px;}
.goods-dec .articles h4{font-weight: bold;}
.goods-dec .articles p{color: #333;font-size: 14px;}
.goods-dec .articles img{width: 100%;margin: 0 auto;}
.goods-dec .articles table{width: 100%;border: 1px solid #d5d5d5;border-collapse: collapse;}
.goods-dec .articles table td{border: 1px solid #d5d5d5;border-collapse: collapse;padding: 10px;box-sizing: border-box;}
.goods-dec .articles table td.td-bg{width: 148px;background: #f0f0f0;text-align: center;color: #333;font-size: 14px;}
.goods-dec .articles table td.td-rg{color: #333;font-size: 14px;}


/*order.html*/
.order-wrap{ background: none; }
.order_step{ margin: 30px 0; }
.order_step ul li{ float: left; }
.order_step .line{ width: 164px; height: 3px; background: #c2c2c2; margin-top: 11px; }
.order_step .num{ font-size: 16px; color: #FFF; text-align: center; line-height: 25px; width: 25px; height: 25px; border-radius: 50%; background: #c2c2c2; margin: 0 8px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.order_step .step_name .name{ margin: 10px 0 0px 138px; display: block; float: left; width: 92px; text-align: center; color: #444; }
.order_step .tel_email{ text-align: center; margin-bottom: 25px; }
.order_step .tel_email label{ margin: 0 50px; }
.order_step .bcolor{ background: #fb9803; }
.pro_stand_fee .total_price_text{ font-size: 16px; color: red; }
.order-bg{ background: #fff; }
.mailbox{ width: 100%; margin-top: 20px; border: 1px solid #ddd; padding: 30px 40px 50px 40px; box-sizing: border-box; background: #fff; }
.mailbox .mail-panel{ margin-bottom: 20px; }
.mailbox .mail-panel h3{ color: #333; font-size: 16px; font-weight: bold; }
.mailbox .mail-panel .address-box{ width: 100%;box-sizing: border-box;padding:12px 0 17px 0;}
.mailbox .mail-panel .add-address{ width: 300px; height: 136px; line-height: 136px;font-size: 16px; color: #4c4c4c; display: block; border: 3px dashed #fec6c3; text-align: center; text-decoration: none; font-size: 16px; }
.mailbox .mail-panel .link-to{ margin-top: 5px; display: inline-block; color: #0065bb; }
.mailbox .mail-panel .links{ margin-top: 10px; }
.mailbox .mail-panel table{ width: 100%; border-collapse: collapse; margin-top: 10px; }
.mailbox .mail-panel table td{ border-collapse: collapse; padding: 10px; border-bottom: 1px solid #ddd; }
.mailbox .mail-panel table td.goods-img{ padding: 15px 0; }
.mailbox .mail-panel table thead td{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; color: #8c8c8c; font-size: 12px; }
.mailbox .mail-panel table thead td.w12{width: 12%;}
.mailbox .mail-panel table thead td.w33{width: 29%;}
.mailbox .mail-panel table thead td.w15{width: 15%;text-align: center;}
.mailbox .mail-panel table thead td.w10{width: 10%;text-align: center;}
.mailbox .mail-panel table td.point-color{ color: #fd4239; }
.mailbox .mail-panel table td.goods-name{ color: #333; font-size: 14px; font-weight: bold;padding-right:20px; }
.mailbox .mail-panel table td.goods-size p, .mailbox .mail-panel table td.dilivery{ color: #4c4c4c; }
.mailbox .mail-panel .total-coins{ height: 40px; line-height: 40px; color: #333; font-size: 16px; text-align: right; padding: 0 10px;
  box-sizing: border-box; margin: 0; display: inline-block; float: right; font-size: 14px; }
.mailbox .bom-info{ width: 100%; padding-top: 25px; }
.mailbox .mail-panel .total-txt{ font-weight: bold; }
.mailbox .bom-info span.note-txt{ height: 40px; line-height: 40px; color: #333; }
.mailbox .bom-info input{ width: 480px; height: 30px; line-height: 30; padding-left: 10px; box-sizing: border-box; }
.mailbox .mail-panel .total{ font-size: 14px; color: #333; }
.mailbox .mail-panel .total em{ color: #fd4239; font-size: 26px; font-style: normal; }
.mailbox .mail-panel .edit-size{ width: 50px; height: 20px; line-height: 20px; text-decoration: none; text-align: center; color: #333; border: 1px solid #ddd; display: block; margin-top: 5px; }
.mailbox .mail-panel .goods-img img{ width: 116px; height: 68px; }
.mailbox .mail-panel textarea{ width: 100%; height: 100px; margin-top: 10px; padding: 10px; box-sizing: border-box; }
.mailbox .btns{ width: 100%; }
.mailbox .btns a.back{ width: 100px; height: 40px; line-height: 40px; font-size: 14px; color: #4c4c4c; text-align: center; margin-right: 20px; }
.mailbox .btns a .page-back{ width: 24px; height: 24px; background: url(/Public/theme/default/home/images/integral/page-back.png) no-repeat; background-size: 100% 100%; display: inline-block; position: relative; top: 6px; }
.mailbox .btns a{ display: inline-block; text-align: center; text-decoration: none; float: right; }
.mailbox .btns a.confirm{ width: 200px; height: 40px; line-height: 40px; color: #fff; background: #fd4239; float: right;font-size: 18px; }
.mailbox .edit{ position: relative; }
.mailbox .edit-box{ position: absolute; bottom: -136px; left: -128px; width: 282px; height: 120px; background: #fff; border: 1px solid #ddd; border-radius: 5px; z-index: 99;
display: none; }
.mailbox .edit-box .edit-con{ width: 100%; height: 100%; position: relative; padding: 10px; box-sizing: border-box; }
.mailbox .edit-box .edit-con .trangle{ width: 0; height: 0; position: absolute; top: -20px; left: 140px; border-width: 10px; border-style: solid;
  border-color: transparent transparent  #ccc transparent; display: block; }
.mailbox .edit-box .edit-con .trangle em{ position: relative; }
.mailbox .edit-box .edit-con .trangle em:before{ content: ''; width: 0; height: 0; position: relative; top: -6px; left: -8px; border-width: 8px; border-style: solid;
  border-color: transparent transparent  #fff transparent; display: block; }
.mailbox .edit-row{ width: 100%; height: 24px; margin-bottom: 10px; }
.mailbox .edit-row span{ padding: 0 0 0 5px; height: 24px; line-height: 24px; }
.mailbox .edit-row span, .mailbox .edit-row a, .mailbox .edit-row .choices{ height: 24px; line-height: 24px; display: inline-block; }
.mailbox .edit-row a{ width: 46px; color: #333; border: 1px solid #ddd; box-sizing: border-box; text-decoration: none; text-align: center; }
.mailbox .edit-btns a{ width: 50px; height: 24px; line-height: 24px; text-decoration: none; text-align: center; color: #333; border: 1px solid #ddd;
  display: inline-block; box-sizing: border-box; float: left; }
.mailbox .edit-btns{ width: 133px; height: 24px; margin: 0 auto; }
.mailbox .edit-btns a.cancel{ margin-left: 23px; }
.mailbox .edit-btns a.sure{ color: #fff; background: #fd4239; }
.mailbox .edit-row a.cur{ background: #fd4239; color: #fff; }
.shadow{ width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); position: absolute; z-index: 99; display: none; }
.shadow_o{ width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); position: absolute; z-index: 99; display: none; }
.form-box{ width: 747px; height: 472px; background: #fff; position: fixed; z-index: 999; top: 25%; left: 50%; margin-left: -250px; display: none; }
.form-box .menu-top{ width: 100%; height: 40px; border-bottom: 1px solid #ddd; background: #e6e6e6; }
.form-box .menu-top span{ height: 40px; line-height: 40px; color: #333; font-size: 16px; padding-left: 10px; }
.form-box .menu-top em{ width: 24px; height: 24px; display: inline-block; position: absolute; right: 10px; top: 10px; background: url(/Public/theme/default/home/images/integral/close.png) no-repeat;
background-size: 100% 100%; }
.form-box .menu-con{ padding: 35px 148px 0 84px; box-sizing: border-box; }
.form-box ul, .form-box li{ width: 100%; }
.form-box li{ height: 40px; margin-bottom: 20px; }
.form-box li span{ position: relative; width: 72px; height: 40px; line-height: 40px; display: inline-block; color: #333; font-size: 14px; text-align: right;padding-right: 12px;box-sizing: border-box;}
/*.form-box li span:after{ content: ":"; position: absolute; top: 0; left: 100%; font-size: 14px; color: #333; }*/
.form-box li .inp-wp{ width: 442px; height: 40px; border: 1px solid #ddd; box-sizing: border-box; }
.form-box li .inp-wp input{ width: 100%; height: 100%; border: none; padding-left: 10px; box-sizing: border-box; }
.form-box li span, .form-box li .inp-wp{ display: inline-block; float: left; }
.form-box li select{ width: 140px; height: 40px;padding-left: 10px;box-sizing: border-box;margin-right: 10px;float: left; }
.form-box li select:last-child{margin-right:0;}
.form-box li.last{ height: auto; }
.form-box li textarea{ width: 442px; height: 80px; display: inline-block; float: right; margin-top: 10px; padding: 10px; box-sizing: border-box; font-size: 14px; color: #333; }
.form-box  a.save{ width: 98px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; color: #fff; display: block; margin: 10px 40px 0 0; background: #fd4239; }
.form-box  a.cancel{ width: 98px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; color: #fff; display: block; margin: 10px 25px 0 0; background: #cfcfcf; }
.form-box .bom-btns a{ float: right; }
.mailbox .receiver-info{ width: 100%; padding: 15px 35px; box-sizing: border-box; display: none; border: 1px solid #ececec; }
.mailbox .receiver-info.over{ border: 1px dashed #fb9803; }
.mailbox .receiver-info ul{ width: 100%; }
.mailbox .receiver-info ul li{ width: 100%; }
.mailbox .receiver-info ul li.li{height: 24px;}
.mailbox .receiver-info ul li.li span{height: 24px; line-height: 24px; }
.mailbox .receiver-info ul li span{ display: inline-block; float: left; }
.mailbox .receiver-info ul li span.left_txt{ width: 80px;text-align: right;padding-right: 10px;box-sizing: border-box; }
.mailbox .receiver-info ul li.last-li .s_address{width: 956px;}
.mailbox .receiver-info ul li a.edit-info{ width: 46px; height: 24px; line-height: 24px; text-align: center; text-decoration: none; display: inline-block; background: #ff8800; color: #fff; margin: 0 0 0 10px; display: none; float: left; }
.mailbox .others{ margin-left: 10px; position: relative; display: none; }
.mailbox .others .other-address{ color: #0065bb; }
.mailbox .others .address-list{ width: 800px; height: auto; position: absolute; top: 32px; left: 0; border: 1px solid #ddd; padding: 10px; box-sizing: border-box; background: #fff; z-index: 999; display: none; }
.mailbox .others .address-list ul , .mailbox .others .address-list li{ width: 100%; }
.mailbox .others .address-list li{ cursor: pointer; }
.mailbox .others .address-list span{ padding: 0 5px; height: 38px; line-height: 38px; }
.mailbox .others .address-list .icon-check, .mailbox .others .address-list span{ display: inline-block; float: left; }
.mailbox .others .address-list .icon-check{ width: 20px; height: 20px; margin: 9px 0 0 10px; background: url(/Public/theme/default/home/images/integral/checkbox.png) no-repeat; background-size: 100% 100%; }
.mailbox .others .address-list .icon-checked{ width: 20px; height: 20px; margin: 9px 0 0 10px; background: url(/Public/theme/default/home/images/integral/checked.png) no-repeat; background-size: 100% 100%; }
.mailbox .others .address-list li: hover{ background: #ededed; }
.mailbox .others .address-list .address-wrap{ width: 100%; position: relative; }
.mailbox .others .address-list .trangle-top{ width: 0; height: 0; position: absolute; top: -30px; left: 50px; border-width: 10px; border-style: solid; border-color: transparent transparent #ccc transparent; display: block; padding: 0; }
.mailbox .others .address-list .trangle-top em{ position: relative; }
.mailbox .others .address-list .trangle-top em:before{ content: ''; width: 0; height: 0; position: relative; top: -6px; left: -8px; border-width: 8px;
    border-style: solid; border-color: transparent transparent #fff transparent; display: block; }


.notSelect { color: #8a8a8a !important; border: 1px dashed #c1c1c1 !important; }
.notSelect:hover { cursor: not-allowed; }
.notBuy{ background: #888 !important; font-weight: bold; }


.icon-collect{display:block;background:url(../images/icon.png) no-repeat;background-position: -400px -350px;width: 20px; height:15px; margin-top:3px;float: left;}
.collect_iconed{background-position: -400px -375px;}