*::before,*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@-webkit-keyframes progress-bar-stripes {
	from {
	background-position:40px 0
}
to {
	background-position:0 0
}
}@-o-keyframes progress-bar-stripes {
	from {
	background-position:40px 0
}
to {
	background-position:0 0
}
}@keyframes progress-bar-stripes {
	from {
	background-position:40px 0
}
to {
	background-position:0 0
}
}
.progress-striped .progress-bar,.progress-bar-striped {
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-background-size:40px 40px;
	background-size:40px 40px
}
.progress-bar {
	float:left;
	width:0;
	height:100%;
	font-size:12px;
	line-height:20px;
	color:#fff;
	text-align:center;
	background-color:#337ab7;
	-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	-webkit-transition:width .6s ease;
	-o-transition:width .6s ease;
	transition:width .6s ease
}
.progress-bar-warning {
	background-color:#c20001
}
		  .progress{ 
		         height: 5px;
    background: #f0ad4e;
    overflow: visible;
    margin: 9px 20px 0 90px;
		  }
		  .progress .progress-bar{
			  border-radius: 20px;
			  position: relative;
			  animation: animate-positive 2s;
		  }
		  .progress .progress-value{
			  display: block;
font-size: 12px;
color: #000;
position: absolute;
top: 10px;
right: -23.5px;
width: 45px;
line-height: 15px;
		  }
		  .progress .progress-value:after{
			  content: "";
border-bottom: 7px solid #191919;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
position: absolute;
bottom: 13px;
left: 38%;
		  }
		  .progress-bar.active{
			  animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
		  }
		  @-webkit-keyframes animate-positive{
			  0% { width: 0; }
		  }
		  @keyframes animate-positive{
			  0% { width: 0; }
		  }
.guess_list ul.com_list_wrap{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 10px 20px 20px 10px;}
.guess_list ul.com_list_wrap li{list-style: none;width: 160px;height: 180px;float: left;}
.guess_list ul li img.thu_imgs{width: 171px;height: 145px;}
.guess_list ul.com_list_wrap li .recommend_info{position: absolute;bottom: 6px;left: 1px;padding: 0 5px;color: #fff;line-height: 20px;font-size: 12px;background: rgba(0,0,0,0.3);background: #000\9;filter: Alpha(opacity=30);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin: 0px;width: 201px;}
.guess_list ul.com_list_wrap li .recommend_info .browse{float: right;}
.guess_list ul.com_list_wrap li p{width: 171px;margin-bottom: 5px;}
.guess_list ul.com_list_wrap li .company-type{position: absolute;width: 60px;bottom: 24px;left: 97px;}
.recommnd_top{border-bottom: solid 1px #ddd;margin: 5px 10px 0 10px;padding: 5px 0;}
.in-a-batch{cursor: pointer;}
.in-a-batch:hover{color: #C18F08;}
.ellipsis{width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.QXCon2l_dm { background-color: #fff; }
.QXCon2l_dm_fixed { position: fixed; top: 0;z-index:99 }
.QXCon2_cl1 { overflow: visible; }
.QXCon2c_title { position: relative; }
.QXCon2c_title_contactAndCart { float: right; margin-right: 10px; margin-top: 8px; }
.QXCon2c_title a.QXCon2c_title_contact { display: block; float: left; width: 85px; }
.QXCon2c_title_contact_img { float: left; margin-top: 4px; }
.QXCon2c_title span.QXCon2c_title_contact_txt { width: 60px; height: 28px; line-height: 28px; margin: 0; margin-left: 5px; text-align: left; background: transparent; font-size: 12px; color: #666; font-weight: 400; }
.QXCon2c_title a.QXCon2c_title_cart { display: block; float: left; width: 92px; height: 28px; background-color: #c20001; color: #fff; text-align: center; line-height: 28px; font-size: 14px; }
.QXCon2c_title_cart_more { width: 220px; height: 90px; padding: 15px; border: 1px solid #ddd; background-color: #fff; position: absolute; top: 37px; right: 11px; z-index: 999; display: none; }
.QXCon2c_title_cart_more_img { width: 90px; height: 90px; float: left; }
.QXCon2c_title_cart_more_img img { width: 100%; height: 100%; }
.QXCon2c_title_cart_more_txt { width: 120px; float: left; margin-left: 10px; font-size: 12px; }
.QXCon2c_title_cart_more_txt h3 { width: 120px; max-height: 60px; overflow: hidden; }
.QXCon2c_title_cart_more_txt p { margin-top: 5px; }
.QXCon2c_title_cart_more_txt p span { font-weight: 700; color: #e4393c; float: none; background: transparent; }

* { padding: 0; margin: 0; }
.right-toolbar { position: fixed; right: 0; top: 0; height: 100%; border-right: 6px solid #616170; z-index: 10000; }
.right-toolbar-iconGroup-base { position: absolute; right: -6px; }
.right-toolbar-iconGroup-middle { top: 50%; margin-top: -80px; }
.right-toolbar-iconGroup-bottom { bottom: 0; }
.right-toolbar-iconOne { text-decoration: none; display: block; width: 35px; height: 35px; margin-top: 1px; position: relative; }
.right-toolbar-icon { width: 35px; height: 35px; text-align: center; line-height: 35px; background-color: #616170; border-radius: 3px 0 0 3px; position: relative; z-index: 10002; }
.right-toolbar-iconOne:hover .right-toolbar-icon { background-color: #BB8E13; }
.right-toolbar-icon .iconfont { font-size: 18px; color: #fff; }
.right-toolbar-icon .iconfont.icon-history { font-size: 22px; }
.right-toolbar-txt { position: absolute; top: 0; left: 0; width: 62px; height: 35px; text-align: center; line-height: 35px; border-radius: 3px 0 0 3px; font-size: 12px; background-color: #616170; color: #fff; z-index: 10001; -webkit-transition: left .3s ease-in-out .1s; transition: left .3s ease-in-out .1s; }
.right-toolbar-iconOne:hover .right-toolbar-txt { background-color: #BB8E13; left: -60px; }
.right-toolbar-code { position: absolute; bottom: 0; right: 38px; width: 170px; height: 220px; padding: 0 15px; border: 1px solid #ccc; background-color: #fff; border-radius: 5px; display: none; }
.right-toolbar-code div { overflow: hidden; border-bottom: 1px solid #ddd; padding: 15px 0; }
.right-toolbar-code h3 { font-size: 12px; color: #333; }
.right-toolbar-code span { font-size: 12px; color: #e60012; }
.right-toolbar-code img { width: 80px; height: 80px; border: 0; float: left; margin-right: 6px; }
.right-toolbar-iconOne:hover .right-toolbar-code { display: block; }
.vote-description {margin-top: 15px;padding-left: 0px;clear: none;width: 50%;float: left;}
.vote-description b { color: #333; font-size: 15px; line-height: 30px; }
.score-rate { color: #4bac7b; }
.score-item { width: 100%; display: inline-block; line-height: 25px;color: #666; }
.no-perfect { color: #c20001; }        
a.std-e:hover { text-decoration: underline; }
.score-rule{margin-top: 15px;color: #888;}
.master-plan p{text-align:center;}
.info-wrap {padding: 5px 10px;border: 2px dashed #999;margin-top:10px;background-color: #fff;}
.info-wrap legend {}
.info-item { line-height: 30px; }
.info-wrap-outwrap{position:relative;}
.info-wrap .cm4 { width: 32%; display: inline-block; }
.info-wrap .cm6 { width: 45%; display: inline-block; }
.info-wrap .inline,.info-gc-name { display: inline-block; }
.info-wrap label { width: 70px; display: inline-block; }
.info-wrap-mask{position: absolute;left: 10px;bottom: 2px;top: 20px;right: 10px;background: url('/content/images/common/fuzzy.jpg') center top repeat-y;}
.info-wrap-mask-txt{width:100%;height:54%;position: absolute;left: 0;bottom: 0;text-align: center;font-size: 30px;padding-top: 17%;}
.info-wrap-mask-txt>span{color: #c0a063}
.hide-mask .info-wrap-mask,.hide-mask .info-wrap-mask-txt{display:none;}
#popup{overflow:auto;}
#popup .modal-dialog{margin:0;}
.info-show-condition{}
.info-show-condition p{height:30px;}
.btn-servicer{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;margin-right: 10px;background-color: #D3B050;color: #fff;}
.btn-servicer:hover{color: #fff;}
.iconqjd{color: #b50000;background-color: #fff;font-size: 20px;vertical-align: middle;}
.related-material .ttl{height: 50px;line-height: 50px;font-size: 18px;color:#000;}
.related-material ul{margin-right: -15px;}
.related-material ul li{width:244px;float:left;margin-right:10px;margin-bottom:10px;}
.related-material ul li{width:244px;float:left;margin-right:10px;margin-bottom:10px;}
.related-material ul li a.p-link{display:block;line-height:0;}
.related-material ul li p{height:22px;line-height:22px;}
.related-material ul li .thumb{width:244px;height:163px;}
.related-material ul li .bottom{position: absolute;margin-top: -25px;height: 25px;line-height: 25px;background:rgba(0,0,0,0.3);background: #000\9;filter: Alpha(opacity=30);color:#fff;padding:0 5px;width: 244px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.related-material ul li .bottom>.price{}
.related-material ul li .bottom>.browse{float:right;}
.related-material ul li .p-name{}
.related-material ul li .company-info a{color:#888;text-decoration: underline;}
.related-material ul li .company-info a:hover{color: #f40;}
.related-material ul li .company-info i{position:absolute;font-size:20px;}

.sj-details-box
{
    background-color:#F3F3F3;
    margin-top:14px;
}
.sj-details-box .pType
{
    display:flex;
    margin-top:10px;
}
.sj-details-box .pType:first-child
{
    padding-top:24px;
    color:#393939;
    }
.sj-details-box .pType:last-child
{
    padding-bottom:24px;
}
.sj-details-box .pType div
{
    flex:1
}
.sj-details-box .pType div:nth-child(even)
{
    padding-left:10px;
    }
 
 .sj-order-details
{
   border-bottom: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   padding: 0 26px 26px 26px;
}
 .sj-order-details .sj-order-details-title
 {
    font-size: 16px;
    font-weight: bold;
    
    color: #393939;
    padding:11px 0 16px 0;
     }
 .sj-order-details .sj-order-details-box .pType div:nth-child(even)
{
    margin-left:52px;
    }
.sj-order-details-box  .pType
{
    display:flex;
    
}


.sj-order-details .sj-order-details-box .pType
{
    padding-left:0;   
    display:flex;
    justify-content: space-between;
}

.sj-order-details .sj-order-details-box .pType div
{
flex:1;
line-height: 36px;
}


    .scrollfixed, .QXCon2l_dm_fixed
    {
        top: 40px !important;
        position: fixed !important;
    }
    .QXCon2l_dm_fixed
    {
        background-color: #ffffff;
        
    }
    p
    {
        position: relative;
    }
    .QXCon2
    {
        padding-top: 45px;
    }
    .buySheJiServer
    {
        display: inline-block;
        font-size: 14px; /* font-weight: bold; */
        line-height: 45px;
        color: #fff;
        width: 122px;
        text-align: center;
        float: left;
        cursor: pointer;
        background-color: #c20001;
        width: 116px;
        height: 30px;
        line-height: 30px;
        margin-top: 7px;
        margin-left: 10px;
        border-radius: 2px;
    }
    .shared_min
    {
        position: relative;
    }
    .bshare-custom.icon-medium .share-mini
    {
        background: url(/images/mini_product.png) 100% 100% no-repeat;
        background-size: contain;
        display: inline-block;
        vertical-align: middle;
        padding-left: 27px;
        height: 24px;
        cursor: pointer;
    }
    /*分享小程序二维码*/
    .vscode-img
    {
        width: 178px;
        height: 178px;
        margin: 21px;
        display: inline-block;
    }
    .vscode-box
    {
        height: 220px;
        width: 220px;
        display: block;
        position: relative;
    }
/* ===================================popover================================== */
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 800px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }
.popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
.popover-content { padding: 9px 14px; }
.popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover > .arrow { border-width: 11px; }
.popover > .arrow:after { content: ""; border-width: 10px; }
.popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; }
.popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; }
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; }
.popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; }
.popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0,0.25); }
.popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; }
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; }