@charset "utf-8";
.mall_body{ background-color: #fff; overflow-x: hidden; }
.mall_main{ margin-top: 62px; }

.mall_top_box{ background-color: #eeeeee; }
.mall_top_box h3{ line-height: 28px; padding: 10px 0; font-size: 14px; color: #10111c; font-weight: bold; }
.mall_top_box h3 .green{ color: #49beb7; }
.mall_top_box h3 .num{ display: inline-block; padding: 0 6px; min-width: 20px; text-align: center; background-color: #9496a3; border-radius: 2px; color: #fff; margin-left: 2px; }

.mall-details-header{ margin-bottom: 30px; margin-top: 10px; }

.mall-details-header .pic{ width: 460px; height: 460px; }
.mall-details-header .pic img{ display: block; width: 100%; height: 100%; }
.mall-details-header .ctt{ position: relative; padding: 30px; padding-bottom: 20px; background-color: #f6f6f6; margin-left: 480px; height: 460px; font-size: 14px; }
.mall-details-header .inner{ height: 312px; }
.mall-details-header .title{ color: #10111c; font-size: 30px; font-weight: bold; line-height: 1; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 20px; }
.mall-details-header .subtitle{ margin: 11.5px 0; color: #9496a3; padding-left: 20px; }
.mall-details-header .price-wrap{ padding: 15px 20px; background: #eeeeee; color: #9496a3; }
.mall-details-header .new-price{ display: inline-block; color: #f676a6; margin-right: 40px; }
.mall-details-header .new-price b{ font-size: 24px; }
.mall-details-header .price-name-old,
.mall-details-header .month-sales{ color: #34374c; }
.mall-details-header .service-container:after{ content: ''; display: none; }
.mall-details-header .service-container li{ line-height: 30px; padding: 0 20px; margin: 5px 0; color: #9496a3; }
.mall-details-header .service-container .item-inner{ color: #34374c; }
.mall_ipts{ font-size: 0; display: inline-block; vertical-align: middle; margin-top: -2px; }
.mall_ipts .prev,
.mall_ipts .next{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 28px; border: 1px solid #d7d7d7; background-color: #fff; text-align: center; font-size: 14px; color: #34374c; }
.mall_ipts .next{ margin-left: -1px; }
.mall_ipts .ipt{ display: inline-block; vertical-align: middle; width: 60px; height: 30px; border: 1px solid #d7d7d7; background-color: #fff; background-image: none; margin-left: -1px; font-size: 14px; text-align: center; }
.mall_ipts .prev:hover,
.mall_ipts .next:hover{ background-color: #eaeaea; }


.mall-details-header .btn-wrap{ padding: 0 20px; margin-bottom: 10px; }
.mall-details-header .mall_btn{ display: inline-block; width: 240px; height: 50px; line-height: 50px; font-size: 14px; color: #fff; background: #e76157; text-align: center; border-radius: 2px; text-decoration: none; }
.mall-details-header .mall_btn:hover{ opacity: .9; }

.mall-details-header .ft{ margin: 0 20px; padding-top: 10px; border-top: 1px dashed #d7d7d7; color: #9496a3; line-height: 30px; font-size: 12px; }
.receiveYHJ-btn,
.mall-details-header .ft .mall_kefu{ display: inline-block; width: 100px; height: 30px; line-height: 28px; border: 1px solid #f676a6; color: #f676a6; font-size: 12px; text-align: center; background-color: #fdefee; border-radius: 2px; margin-right: 19px; }
.receiveYHJ-btn:hover{ color: #f676a6; }
.mall-details-header .ft .mall_share{ color: inherit; }
.mall-details-header .ft .mall_share i{ font-size: 20px; vertical-align: middle; margin-right: 5px; }


.mall_row .mall_col-left{ width: 750px; }
.mall_row .mall_col-right{ width: 293px; }

.mall-problem{ width: 293px; }
.mall-problem .title{ line-height: 1; color: #10111c; font-size: 18px; font-weight: bold; text-align: center; padding-bottom: 17px; border-bottom: 1px dashed #d7d7d7; margin-bottom: 15px; }

.mall-problem ul{ font-size: 14px; line-height: 24px; }
.mall-problem li{ margin-bottom: 8px; padding: 0 20px; }
.mall-problem li .tl{ color: #34374c; }
.mall-problem li .text{ color: #9496a3; }


.mall-details-ctt{ margin-bottom: 60px; }
.mall-details-ctt .title{ padding-bottom: 17px; border-bottom: 1px solid #d7d7d7; }
.mall-details-ctt .title h2{ position: relative; line-height: 1; color: #10111c; font-size: 18px; font-weight: bold; padding-left: 14px; }
.mall-details-ctt .title h2:before{ content: ''; display: block; position: absolute; top: -1px; left: 0; background-color: #f676a6; width: 4px; height: 20px; }
.mall-details-ctt .inner{ background-color: #fff; text-align: center; color: #34374c; }
.mall-details-ctt .inner img{ max-width: 100%; }
.mall-details-ctt .inner .h1{ font-size: 34px; line-height: 1; padding-top: 60px; padding-bottom: 32px; }
.mall-details-ctt .inner .p1{ line-height: 36px; font-size: 20px; padding-bottom: 30px; }
.mall-details-ctt .inner .line{ padding-top: 93px; background-image: url(../../img/mall_line.png); background-repeat: no-repeat; background-position: center center; }
.mall-details-ctt .inner .bg1{ background-color: #f6f6f6; }
.mall-details-ctt .inner .h2{ line-height: 1; font-size: 34px; padding: 40px 0; }
.mall-details-ctt .inner .cards{ font-size: 0; }
.mall-details-ctt .inner .item-card{ display: inline-block; vertical-align: middle; width: 134px; height: 170px; background-color: #fff; -webkit-box-shadow: 2px 2px 10px rgba(76, 79, 107, .2);
box-shadow: 2px 2px 10px rgba(76, 79, 107, .2); margin: 0 5px; }
.mall-details-ctt .inner .cards .icon{ display: block; width: 50px; height: 50px; background-size: auto; background-position: center center; background-repeat: no-repeat; margin: 0 auto; margin-top: 30px; cursor: default; }
.mall-details-ctt .inner .cards .tl{ display: table-cell; vertical-align: middle; font-size: 16px; line-height: 29px; width: 134px; height: 90px; }
.mall-details-ctt .inner .h3{ font-size: 34px; line-height: 1; padding-top: 40px; padding-bottom: 34px; }
.mall-details-ctt .inner .adv-title{ position: relative; line-height: 74px; width: 536px; height: 76px; border: 1px solid rgba(148, 150, 163, .7); margin: 34px auto 40px; }
.mall-details-ctt .inner .adv-title .tl{ width: 145px; height: 145px; line-height: 121px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -72.5px; margin-left: -72.5px; border: 12px solid #fff; background-color: #9496a3; color: #fff; font-size: 55px; font-weight: bold; text-indent: -5px; }
.mall-details-ctt .inner .adv-title .t{ width: 206px; font-weight: bold; font-size: 30px; }
.mall-details-ctt .inner .adv-list li{ position: relative; margin-bottom: 20px; }
.mall-details-ctt .inner .adv-list li:last-child{ margin-bottom: 0; }
.mall-details-ctt .inner .adv-list .tl{ position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -80px; width: 160px; height: 64px; border: 6px solid #fff; border-radius: 64px; background-color: #9496a3; color: #fff; font-size: 20px; font-weight: bold; line-height: 52px; }
.mall-details-ctt .inner .adv-list .t{ display: table-cell; vertical-align: top; width: 370px; border: 1px solid rgba(148, 150, 163, .7); font-size: 16px; line-height: 28px; padding: 24px 20px; text-align: left; }
.mall-details-ctt .inner .adv-list .t_l{ padding-right: 85px; }
.mall-details-ctt .inner .adv-list .t_r{ padding-left: 85px; }
.mall-details-ctt .inner .adv-list .sp{ width: 10px; display: table-cell; vertical-align: top; }
.mall-details-ctt .inner .bg2{ height: 300px; background: url(../../img/mall_page2.png) no-repeat 0 0; }
.mall-details-ctt .inner .h4{ padding-top: 50px; padding-bottom: 30px; line-height: 1; font-size: 34px; color: #fff; }
.mall-details-ctt .inner .bg2 .text{ color: #fff; font-size: 20px; line-height: 36px; }
.mall-details-ctt .inner .bg2 .text span{ color: #49beb7; }

.mall-details-comment{ background-color: #fff; border: 1px solid #d7d7d7; margin-top: -1px; }
.mall-details-comment .item-comment{ margin: 0 24px; padding: 20px 0; border-bottom: 1px dashed #d7d7d7;  }
.mall-details-comment .item-comment:last-child{ border-bottom: 0 none; }

.mall-details-comment .item-user{ width: 40px; height: 40px; margin-left: 6px; }
.mall-details-comment .item-user img{ width: 100%; height: 100%; border-radius: 50%; display: block; }

.mall-details-comment .item-star{ width: 100px; }
.mall-details-comment .item-star .star{ font-size: 0; }
.mall-details-comment .item-star .layui-icon{ color: #4ad1c6; margin-left: 5px; font-size: 14px; }

.mall-details-comment .item-content{ margin-left: 65px; font-size: 14px; line-height: 24px; }
.mall-details-comment .item-content .hd{ margin-top: 7px; }
.mall-details-comment .item-content .name{ color: #10111c; }
.mall-details-comment .item-content .name img{ width: 16px; margin-right: 5px; }
.mall-details-comment .item-content .time{ line-height: 1; font-size: 12px; color: #9496a3; }
.mall-details-comment .item-content .text{ margin-top: 6px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 10px; }
.mall-details-comment .item-content .replay-content{ margin-top: 10px; background-color: #f6f6f6; color: #9496a3; padding: 10px 15px; }
.mall-details-comment .item-content span{ display: table-cell; vertical-align: top; }
.mall-details-comment .item-content .remark-name{ white-space: nowrap; }

.layui-laypage-mall{ width: 100%; text-align: center; margin-top: 20px; margin-bottom: 20px; }
.layui-laypage-mall a,
.layui-laypage-mall span{ width: 22px; height: 22px; line-height: 22px; padding: 0; border: 0 none; font-size: 14px; margin: 0 3px; }
.layui-laypage-mall .layui-laypage-curr .layui-laypage-em { left: 0; top: 0; padding: 0; background-color: #ee2b47; border-radius: 0; }
.layui-laypage-mall a:hover{ color: #f676a6; }

.mall-details-fixed{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: #fff; height: 62px; line-height: 62px; display: none; }
.mall_tabs li{ float: left; }
.mall_tabs li a{ display: inline-block; height: 62px; line-height: 62px; color: #34374c; padding: 0 10px; font-size: 16px; border-bottom: 6px solid transparent; margin-right: 20px; }
.mall_tabs li.active a{ border-bottom-color: #f676a6; }
.mall-details-fixed .mall_btn{ display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #fff; background-color: #f676a6; border: 0 none; border-radius: 3px; text-decoration: none; margin-left: 10px; }
.mall-details-fixed .mall_btn:first-child{ background-color: #fdefee; color: #f676a6; border: 1px solid #f676a6; line-height: 38px; margin: 0; }
.mall-details-fixed .mall_btn:hover{ opacity: .9; }


.mall_order{ padding: 30px; background-color: #f6f6f6; margin-bottom: 100px; }
.mall_order-ctt{ margin-bottom: 10px; }
.mall_order-ctt h3{ color: #10111c; font-size: 16px; font-weight: bold; border: 1px solid #d7d7d7; background-color: #eeeeee; padding-left: 30px; height: 40px; line-height: 38px; }
.mall_order-inner{ background-color: #fff; border: 1px solid #d7d7d7; margin-top: -1px; padding: 11px 30px; }
.mall_order-ctt .layui-table{ margin: 0; margin-top: -1px; color: #10111c; }
.mall_order-ctt .layui-table td,
.mall_order-ctt .layui-table th{ border-color: #d7d7d7; }
.mall_order-ctt .layui-table thead tr{ background-color: #fff; }
.mall_order-ctt .layui-table th{ padding: 15px 0; text-align: center; }
.mall_order-ctt .layui-table tbody tr:hover{ background-color: initial; }
.mall_order-ctt .layui-table td{ padding: 20px 0; }
.mall_order-ctt .layui-form-select{ width: 170px; }
.mall_order-ctt .layui-form-select .layui-input{ padding-left: 15px; border-radius: 4px; }
.mall_order-ft{ background-color: #fcfcfc; padding: 24px 30px 30px; border: 1px solid #d7d7d7; line-height: 1.7142857; color: #10111c; }
.mall_order-ft>.fl{ width: 596px; color: #9496a3; }
.mall_order-ft>.fl h4{ color: #10111c; }
.mall_order-ft .order-price{ min-width: 186px; }
.mall_order-ft .order-price ul{ margin-top: 24px; margin-bottom: 30px; }
.mall_order-ft .mall_btn{ display: block; height: 40px; line-height: 40px; text-align: center; background-color: #f676a6; color: #fff; border-radius: 2px; }
.mall_order-ft .mall_btn:hover{ opacity: .9; }


.myorder-top{ padding: 19px 20px; border: 1px solid #d7d7d7; line-height: 36px; margin-bottom: 20px; }
.myorder-title{ font-size: 18px; font-weight: 700; color: #10111c; }
.myorder-search{ font-size: 0; }
.myorder-search input{ display: inline-block; vertical-align: middle; width: 254px; height: 36px; border: 1px solid #d7d7d7; background-color: #fff; border-radius: 4px 0 0 4px; padding: 0 10px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; }
.myorder-search .s-btn{ display: inline-block; vertical-align: middle; width: 80px; height: 36px; line-height: 36px; font-size: 14px; text-align: center; color: #fff; background-color: #f676a6; border-radius: 0 4px 4px 0; margin-left: -1px; }

.myorder-header{ background-color: #f6f6f6; height: 50px; line-height: 50px; color: #10111c; }
.myorder-header .header-item{ position: relative; float: left; text-align: center; }
.myorder-header .header-item:after{ content: ''; position: absolute; width: 1px; height: 30px; right: 0; top: 50%; margin-top: -15px; border-right: 1px solid #d7d7d7; }
.myorder-header .header-item:last-child::after{ display: none; }

.myorder-list{ margin-bottom: 10px; }
.myorder-list li{ margin-top: 10px; }
.myorder-list li h3{ height: 30px; line-height: 28px; background: #f5f5f5; border: 1px solid #d7d7d7; color: #9496a3; font-size: 12px; padding: 0 20px; margin-bottom: -1px; }
.myorder-list li h3 .service{ color: #34374c; display: inline-block; line-height: 1; vertical-align: middle; border-bottom: 1px solid #34374c; }
.myorder-list li h3 .reply{ color: #34374c; }
.myorder-list li h3 .fr *{ margin-left: 18px; }
.myorder-list li .myorder-time{ margin-right: 25px; }
.myorder-list .layui-table{ margin: 0; }
.myorder-list .layui-table,
.myorder-list .layui-table td{ border-color: #d7d7d7; }
.myorder-list .layui-table td{ padding: 10px 0; color: #34374c; }
.myorder-list .layui-table td:first-child{ padding-left: 20px; padding-right: 20px; text-align: left; }
.myorder-list .layui-table .order-img{ float: left; width: 70px; }
.myorder-list .layui-table .order-img img{ display: block; width: 100%; }
.myorder-list .layui-table .order-info{ margin-left: 90px; }
.myorder-list .layui-table .order-name{ display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: 25px; }
.myorder-list .layui-table .order-sub{ color: #999; }
.myorder-list .layui-table .old-price{ color: #999; text-decoration: line-through; }
.myorder-list .layui-table .cancel{ margin-top: 5px; display: inline-block; color: #999; }
.myorder-list .layui-table .details{ color: #551a8b; }
.myorder-list .layui-table .comment{ color: #5d6bb2; }
.myorder-list .layui-table .contact{ display: inline-block; background-color: #fff; padding: 3px 10px; color: #5d6bb2; margin-bottom: 10px; border: 1px solid #5d6bb2; border-radius: 2px; }
.myorder-list .layui-table .download{ display: inline-block; width: 100px; height: 36px; line-height: 36px; text-align: center; border-radius: 2px;background-color: #f676a6; color: #fff; font-size: 12px; }
.myorder-list .layui-table .download:hover{ opacity: .9; }
.myorder-list .layui-table tbody tr:hover{ background-color: #fff; }


.mask{ position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(16,17,28,.6); }

.mask, .myorder-comment-fixed, .myorder-download-fixed, .order-pay-fixed{ opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out; }


.order-pay-fixed.active,
.myorder-download-fixed.active,
.myorder-comment-fixed.active,
.mask.active{ opacity: 1; visibility: visible; }

.myorder-comment-fixed,
.myorder-download-fixed,
.order-pay-fixed{  position: fixed; z-index: 1000; top: 50%; left: 50%; background-color: #fff; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }


.myorder-download-fixed,
.myorder-comment-fixed{ width: 372px; border-radius: 3px; }
.myorder-download-fixed .close,
.myorder-comment-fixed .close{ position: absolute; top: 10px; right: 10px; display: block; line-height: 1; font-size: 20px; color: #9496a3; }
.myorder-download-fixed .close .iconfont,
.myorder-comment-fixed .close .iconfont{ font-size: inherit; }
.myorder-comment-fixed .ctt{ padding: 40px 20px 20px; }
.myorder-comment-fixed .inner{  }
.myorder-comment-fixed textarea{ display: block; width: 100%; height: 200px; border: 1px solid #d7d7d7; padding: 8px 10px; background-color: #fff; outline: 0; resize: none; }
.myorder-comment-fixed .btns{ margin-top: 20px; }
.myorder-comment-fixed .stars{ font-size: 0; display: inline-block; line-height: 36px; }
.myorder-comment-fixed .stars .layui-icon{ display: inline-block; vertical-align: middle; font-size: 14px; cursor: pointer; margin-right: 5px; color: #666; }
.myorder-comment-fixed .stars .layui-icon-rate-solid{ color: #4ad1c6; }
.myorder-comment-fixed .submit{ float: right; display: inline-block; width: 150px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; background: #f676a6; text-align: center; border-radius: 2px; text-decoration: none; }
.myorder-comment-fixed .submit:hover{ opacity: .9; }


.myorder-download-fixed h3{ font-size: 18px; color: #10111c; text-align: center; line-height: 1; padding: 20px 0; border-bottom: 1px solid #d7d7d7; }
.myorder-download-fixed .ctt{ padding: 0 24px; padding-bottom: 9px; }
.myorder-download-fixed .btns{ padding: 39px 0; font-size: 0; }
.myorder-download-fixed .btns .btn-item{ display: inline-block; width: 46.9%; }
.myorder-download-fixed .btns .btn-item+.btn-item{ margin-left: 6.2%; }
.myorder-download-fixed .btns .btn-item a{  color: #34374c; display: block; height: 42px; line-height: 40px; font-size: 14px; text-align: center; border: 1px solid #b4b6c1; border-radius: 2px; }
.myorder-download-fixed .btns .btn-item .icon{ width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 6px; background-image: url(/static/website/images/icon/xiazai2.png); background-repeat: no-repeat; -webkit-background-size: 100% 100%;
background-size: 100% 100%; margin-top: -2px; }
.myorder-download-fixed .inner{ padding: 20px; border-bottom: 1px solid #ececec; }
.myorder-download-fixed .text{ margin-bottom: 10px; }
.myorder-download-fixed .ipts{ margin: 10px 0; }
.myorder-download-fixed .ipts input{ height: 25px; width: 270px;  margin-right: 5px; border: 1px solid #e6e6e6; background-color: transparent; outline: 0; padding: 0 10px; }
.myorder-download-fixed .d_submit{ width: 70px; height: 25px; line-height: 25px; text-align: center; background-color: #5d6bb2; color: #fff; border: 0 none; padding: 0; outline: 0; cursor: pointer; }
.myorder-download-fixed .d_submit:hover{ opacity: .9; }
.myorder-download-fixed .tip{ color: #ccc; margin-top: 15px; }
.myorder-download-fixed .ft{ padding: 20px; text-align: center; }
.myorder-download-fixed .ft img{ width: 115px; display: block; margin: 0 auto; margin-bottom: 15px; }
.myorder-download-fixed .ft-tip{  }


.order-pay-fixed{ width: 380px; border-radius: 4px; border: 1px solid #ddd; }
.order-pay-fixed .ctt{ padding: 0 20px; text-align: center; }
.order-pay-fixed .inner{ padding: 20px 0; }
.order-pay-fixed .title{ font-size: 16px; color: #ff5a00; margin-bottom: 10px; }
.order-pay-fixed .pic{ width: 150px; height: 150px; margin: 0 auto; position: relative; }
.order-pay-fixed .pic img{ display: block; width: 100%; height: 100%; }
.order-pay-fixed .timer{ color: #666; }
.order-pay-fixed .timer span{ color: #ff5a00; }
.order-pay-fixed .ft{ border-top: 1px solid #ddd; padding: 20px 0; }
.order-pay-fixed .close_btn{ display: inline-block; line-height: 24px; border-radius: 5px; padding: 5px 30px; background-color: #ff5a00; min-width: 100px; color: #fff; }
.order-pay-fixed .refresh{ position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: hsla(0,0%,100%,.9); padding: 55px 15px; font-size: 12px; color: rgb(0, 0, 238); }
.order-pay-fixed .refresh span{ margin-top: 5px; display: inline-block; }


.order_info .order_info-title{ font-size: 16px; line-height: 48px; font-weight: 700; color: #666; }
.order_info .ctt{ padding: 35px 0; border: 1px solid #ccc; margin-bottom: 50px; }
.order_info .inner{ width: 800px; margin: 0 auto; }
.order_info .order-speed{ height: 105px; font-size: 0; text-align: center; }
.order_info .speed-item{ position: relative; display: inline-block; margin: 0 30px; }
.order_info .speed-item .circle{ width: 80px; height: 80px; border-radius: 50%; font-size: 14px; background-color: #999; color: #fff; text-align: center; display: table-cell; vertical-align: middle; }
.order_info .speed-item:after{ content: ''; display: block; position: absolute; left: 100%; margin-left: 5px; top: 50%; margin-top: -5px; width: 50px; height: 0; border-top: 10px dotted #999; }
.order_info .speed-item:last-child::after{ display: none; }
.order_info .speed-item.active .circle{ background-color: #4ad1c6; }
.order_info .speed-item.active::after{ border-top-color: #4ad1c6; }
.order_info .speed-item .arrow{ position: absolute; left: 50%; margin-left: -15px; margin-top: -5px; width: 0; display: block; border: 15px solid transparent; border-bottom-color: #eef0f7; }
.order_info .order-status h3{ background: #eef0f7; padding: 10px 20px; margin-bottom: 3px; font-size: 14px; color: #333; }
.order_info .order-status h3 span{ font-weight: 700; }
.order_info .order-status h3 a{ background: #4ad1c6; color: #fff; padding: 0 5px; }
.order_info .order-status h3 a .layui-icon{ font-size: 14px; margin-right: 3px; }
.order_info .order-status-ctt{ background: #f5f5f5; padding: 10px 20px; }
.order_info .order-status .upload-title{ color: #666; font-weight: 700; margin-bottom: 10px; }
.order_info .order-status .upload-download-btn{ padding-bottom: 10px; }
.order_info .order-status .download{ display: inline-block; background-color: #5d6bb2; color: #fff; padding: 3px 10px; }
.order_info .order-status .status-info{ padding: 15px 0; border-bottom: 1px dashed #bfbfbf; border-top: 1px dashed #bfbfbf; }
.order_info .order-status .status-info .detail-item{ margin: 10px; color: #333; }
.order_info .order-status .status-info .item-name{ display: inline-block; width: 80px; text-align: left; }
.order_info .order-status .status-info a{ color: #551a8b; }

.order_info .order-status .status-list{ padding: 20px; }
.order_info .order-status .status-list-item{ padding: 10px 0; position: relative; color: #333; }
.order_info .order-status .status-list-item .item-circle{ width: 8px; height: 8px; display: inline-block; margin-right: 10px; margin-bottom: 1px; background: #bfbfbf; border-radius: 50%; -webkit-box-shadow: 0 0 10px #bfbfbf; box-shadow: 0 0 10px #bfbfbf; }

.order_info .order-status .status-list-item:first-child .item-circle{ background-color: #4ad1c6; }
.order_info .order-status .status-list-item:first-child span{ color: #4ad1c6; }
.order_info .order-status .status-list-item .item-time{ margin-right: 20px; }

.order-pay-wrap{ background-color: #f6f6f6; padding: 100px 0; margin-bottom: 117px; }
.order-pay-price{ position: relative; font-size: 24px; color: #34374c; text-align: center; line-height: 1; margin-bottom: 45px; }
.order-pay-price:before{ content: ''; display: inline-block; width: 4px; height: 24px; background-color: #49beb7; margin-right: 10px; vertical-align: middle; margin-top: -1px; }
.order-pay-price .price{ color: #49beb7; }
.order-pay-ctt{ width: 460px; margin: 0 auto; text-align: center; }
.order-pay-ctt .pay-ctt-title{ color: #34374c; font-size: 16px; margin-bottom: 17px; }
.order-pay-ctt .pay-ctt-select{ padding-bottom: 40px; font-size: 0; border-bottom: 1px dashed #d7d7d7; margin-bottom: 30px; text-align: center; }
.order-pay-ctt .pay-ctt-select .select-item{ display: inline-block; vertical-align: middle; margin: 0 6px; }
.order-pay-ctt .pay-ctt-select .select-item input{ display: none; }
.order-pay-ctt .pay-ctt-select .select-btn{ position: relative; display: block; width: 197px; height: 50px; line-height: 48px; background-color: #fff; border-radius: 3px; border: 1px solid #d7d7d7; font-size: 14px; color: #2d2d2d; cursor: pointer; }
.order-pay-ctt .pay-ctt-select .select-btn img{ margin-right: 10px; }
.order-pay-ctt .pay-ctt-select .select-item input:checked+.select-btn{ border-color: #f676a6; }
.order-pay-ctt .pay-ctt-select .select-item input:checked+.select-btn:after{ content: ''; position: absolute; width: 21px; height: 21px; bottom: -1px; right: -1px; background: url(../../images/xuanzhong.png) no-repeat 0 0; background-size: 100% 100%; }
.order-pay-ctt .pay-ctt-btn{ display: inline-block; width: 186px; height: 40px; line-height: 40px; background-color: #f676a6; color: #fff; text-align: center; border-radius: 3px; }
.order-pay-ctt .pay-ctt-btn:hover{ opacity: .9; }


.mall-asin-ctt{ position: absolute; top: 0; right: -300px; width: 100%; height: 100%; padding: 25px; background-color: #fff; border: 1px solid #f6f6f6; -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .15); box-shadow: 0 0 5px -1px rgba(0, 0, 0, .15); visibility: hidden; opacity: 0; -webkit-transition: all 350ms cubic-bezier(0, 0, 0.32, 0.68);
-o-transition: all 350ms cubic-bezier(0, 0, 0.32, 0.68);
transition: all 350ms cubic-bezier(0, 0, 0.32, 0.68); }
.mall-asin-ctt.active{ visibility: visible; opacity: 1; right: 0; }
.mall-asin-ctt .asin-close{ color: #5a5a5a; position: absolute; top: 16px; right: 16px; font-size: 18px; line-height: 1; }
.mall-asin-ctt .asin-close .iconfont{ font-size: inherit; }
.mall-asin-ctt .asin-title{ font-size: 18px; font-weight: 700; color: #000; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; margin-bottom: 17px; }
.mall-asin-ctt .asin-inner-left{ width: 385px; }
.mall-asin-ctt .asin-inner-right{ width: 184px; }
.mall-asin-ctt .asins-items{ border: 1px solid #bfbfbf; border-radius: 4px; }
.mall-asin-ctt .asins-items h3{ margin: -1px -1px 0; line-height: 34px; height: 34px; background-color: #e8473c; color: #fff; font-size: 14px; padding-left: 15px; border-radius: 4px 4px 0 0; }
.mall-asin-ctt .asins-items ul{ padding: 8px 14px 2px; }
.mall-asin-ctt .asins-items li{ line-height: 28px; border-bottom: 1px solid #d3d3d3; color: #5a5a5a; font-size: 14px; }
.mall-asin-ctt .asins-items li:last-child{ border-bottom: 0 none; }
.mall-asin-ctt .asins-items .asins-item-close{ display: inline-block; margin: 6.5px 0; font-size: 12px; height: 15px; line-height: 15px; border: 1px solid #bfbfbf; text-align: center; color: #adadad; padding: 0 5px; border-radius: 15px; -webkit-transform: scale(.83333);
-ms-transform: scale(.83333);
-o-transform: scale(.83333);
transform: scale(.83333); }
.mall-asin-ctt .asins-items .asins-item-close:hover{ color: #e8473c; border-color: #e8473c; }


.mall-asin-ctt .asin-inner-label{ float: left; line-height: 35px; font-size: 14px; color: #9a9ba5; }
.mall-asin-ctt .layui-form-item{ margin-bottom: 24px; }
.mall-asin-ctt .layui-form-select{ width: 110px; }
.mall-asin-ctt .layui-input{ height: 35px; border-color: #bfbfbf; border-radius: 4px; }
.mall-asin-ctt .layui-input-block{ margin-left: 42px; z-index: auto; min-height: auto; }
.mall-asin-ctt .layui-input-inline{ width: 230px; }
.mall-asin-ctt .layui-input-inline .layui-input{ padding-right: 65px; }
.mall-asin-ctt .layui-input-inline button{ display: block; width: 55px; height: 35px; line-height: 35px; text-align: center; background-color: #e8473c; color: #fff; font-size: 14px; position: absolute; top: 0; right: 0; border-radius: 4px; padding: 0; z-index: 1; }
.mall-asin-ctt .layui-input-inline button:hover{ background-color: #d52d21; }
.mall-asin-ctt .space-item{ margin-top: -5px; line-height: 24px; }
.mall-asin-ctt .space-item .asin-inner-label{ line-height: inherit; }
.mall-asin-ctt .layui-input-block p{ font-size: 12px; color: #575757; }
.mall-asin-ctt .layui-input-block .asin-price{ display: inline-block; vertical-align: middle; line-height: 35px; color: #f2bf36; font-size: 16px; }
.mall-asin-ctt .mall_btn{ margin-top: 20px; margin-left: 42px; height: 45px; line-height: 45px; }


.asin-content-block{ font-size: 18px; color: #10111c; font-weight: 700; line-height: 1; padding-bottom: 16px; border-bottom: 1px solid #d9d9d9; padding-left: 14px; position: relative; margin-bottom: 15px; }
.asin-content-block:before{ content: ''; position: absolute; top: -1px; left: 0; width: 4px; height: 20px; background-color: #e76157; }


.asin-pro-table.layui-table, .asin-pro-table th, .asin-pro-table td{ border-color: #9496a3; }
.asin-pro-table.layui-table{ margin-top: 0; margin-bottom: 30px; }
.asin-pro-table th{ background-color: #b7b9c5; color: #fff; font-size: 16px; text-align: center; padding: 14px; }
.asin-pro-table td{ padding: 12px; font-size: 16px; color: #828282; }
.asin-pro-table td:first-child{ text-align: left; padding: 25px; font-size: 14px; line-height: 24px; }
.asin-pro-table tbody tr:hover{ background-color: #fff; }
.asin-pro-btn{ height: 35px; line-height: 35px; display: block; font-size: 16px; color: #fff; text-align: center; background-color: #9496a3; border-radius: 6px; }
.asin-pro-btn:hover{ opacity: .9; color: #fff; }

.asin-pro-table .pic{ width: 190px; height: 190px; }
.asin-pro-table .pic img{ max-width: initial; display: block; width: 190px; height: 190px; border: 1px solid #c8c8c8; }
.asin-pro-table .inner{ margin-left: 202px; }
.asin-pro-table .tl{ color: #010101; margin-top: 8px; margin-bottom: 25px; }
.asin-pro-table .sub span{ float: left; width: 175px; }

.asin-content-block2{ background-color: #b7b9c5; height: 50px; font-size: 16px; color: #fff; line-height: 50px; padding-left: 30px; }
.asin-content-block2 small{ font-size: .75em; color: #f33a3a; }

.asin-polyline-box{ height: 270px; margin-top: 20px; margin-bottom: 20px; }


.key-word-table{ margin-top: 0; margin-bottom: 50px; }
.key-word-table tbody tr:hover{ background-color: #fff; }
.key-word-table[lay-even] tr:nth-child(even),
.key-word-table thead tr{ background-color: #fafafa; }
.key-word-table th{ vertical-align: bottom; padding: 8px; color: #666; font-weight: 700; }
.key-word-table td{ vertical-align: top; text-align: left; color: #666; }


.asin-pie-btn{ width: 100px; height: 25px; line-height: 25px; font-size: 14px; color: #fff; background: #5d6bb2; text-align: center; border-radius: 5px; text-decoration: none; display: block; margin-bottom: 10px; margin-top: 10px; }
.asin-pie-btn:hover{ color: #fff; opacity: .9; }
.asin-right-pie{ margin-left: 50%; min-height: 400px; margin-top: 20px; margin-bottom: 20px; border-left: 1px solid #ccc; }
.asin-left-pie{ float: left; min-height: 400px; width: 50%; }

.asin-left-table{ width: 535px; float: left; margin: 0; }
.asin-left-table thead tr{ background-color: #fff; }
.asin-left-table th{ font-weight: 700; color: #666; }
.asin-left-table tbody tr:hover{ background-color: #fff; }
.asin-left-table td{ text-align: left; color: #666; }
.asin-left-table tbody tr{ cursor: pointer; }
.asin-left-table tbody tr.active{ background-color: #f5f5f5; }


.myorder-list .layui-table .asin_order-a{ color: #6497db; }
.asin_order-inner{ border: 1px solid #d7d7d7; position: relative; top: -1px; display: none; }
.asin_order-inner li{ color: #4e4e4e; font-size: 12px; line-height: 25px; margin: 0; margin-left: 110px; margin-right: 8px; padding: 15px 8px; border-bottom: 1px dashed #d7d7d7; }
.asin_order-inner li:last-child{ border-bottom: 0 none; }
.asin_order-inner li span{ display: inline-block; margin-right: 70px; }
.asin_order-inner .asin_order-btn{ display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; color: #fff; text-align: center; background-color: #f676a6; border-radius: 4px; float: right; }
.asin_order-inner .asin_order-btn:hover{ background-color: #f87872; }


.yhj-fixed-popup{ position: fixed; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 111; display: none; }
.yhj-fixed-popup.active{ display: block; }
.yhj-fixed-popup.active .yhj-fixed-box,
.yhj-fixed-popup.active .yhj-fixed-mask{ opacity: 1; visibility: visible; }
.yhj-fixed-mask{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .6); opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s; }
.yhj-fixed-box{ position: fixed; top: 50%; left: 50%; z-index: 10; width: 688px; padding: 20px; background-color: #fff; border-radius: 4px; visibility: hidden; opacity: 0;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .35);
			box-shadow: 0 0 5px rgba(0, 0, 0, .35);
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	-webkit-transition: all 250ms ease-out;
		 -o-transition: all 250ms ease-out;
			transition: all 250ms ease-out; }
.yhj-fixed-title{ font-size: 24px; text-align: center; margin-bottom: 15px; }
.yhj-fixed-close{ position: absolute; line-height: 1; font-size: 26px; top: 15px; right: 15px; }
.yhj-fixed-close .layui-icon{ font-size: inherit; }
.yhj-row{ font-size: 0; text-align: center; }
.yhj-col{ display: inline-block; width: 33.3333333%; padding: 0 8px; margin-bottom: 16px; }
.yhj-card{ display: block; font-size: 13px; color: #1b1b1d; background-color: #f6f6f6; padding: 15px; line-height: 1.66666; border-radius: 3px; text-align: center; }
.yhj-card-hd{ background-color: #1072c6; color: #fff; width: 1%; height: 100px; display: table-cell; vertical-align: middle; position: relative; }
.yhj-card-hd h3{ font-size: 18px; font-weight: 700; }
.yhj-card-hd .badge{ position: absolute; top: 9px; right: 8px; font-size: 12px; color: #fff;line-height: 16px; display: inline-block; padding: 0 10px; border-radius: 2px; background-color: #a5a5a4; }
.yhj-card-hd .badge.active{ background-color: #f676a6; }
.yhj-card-bd{ padding-top: 5px; }
.yhj-card-bd p{ margin-top: 5px; white-space: nowrap; }
.yhj-card-btn{ display: inline-block; height: 35px; line-height: 35px; color: #fff; background-color: #f676a6; border-radius: 3px; border: 0 none; padding: 0 35px; margin-top: 8px; }
.yhj-card-btn:hover{ opacity: .9; color: #fff; }

.yhj-row1{ font-size: 0; text-align: left; margin: 0 -8px; }
.yhj-row1 .yhj-card{ font-size: 14px; padding: 20px; }
.yhj-row1 .yhj-card-hd{ height: 150px; }
.yhj-row1 .yhj-card-hd h3{ font-size: 20px; }