/*****全局用类*****/

/*主题色*/
.themes-col {
	color: #dd2446;
}
/*浅灰*/
.light-grey-col {
	color: #d6d7dc;
}
/*深灰*/
.dark-grey-col {
	color: #333;
}
/*特字体*/
.xl-font {
	font-size: 18px;
}
/*大字体*/
.l-font {
	font-size: 16px;
}
/*中字体*/
.m-font {
	font-size: 14px;
}
/*小字体*/
.s-font {
	font-size: 10px;
}
/*清除浮动*/
.clear {
	overflow: hidden;
}
/*****商品*****/
.container {
	width: 992px;
	margin: 0 auto;
}
.products {
	/*height: 668px;*/
}
.productsDetailsCon{
  margin: 0 auto;
}
/*商品展示*/
.products-show {
	margin-bottom: 10px;
	/*width: 42%;*/
	/*background-color: red;*/
	/*float: left;*/
}
.artwork {
	width: 100%;
	height: 470px;
	text-align:center;
	border:1px solid #d6d7dc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.artwork img {
	 max-width:100%;
	 max-height:100%;
}
.screenshot {
/*	width: 100%;
*/	height: 90px;
	margin-top: 20px;
	flex-wrap: nowrap
}
.screenshot-item {
	width: 80px;
	height: 80px;
	border:1px solid #d6d7dc;
	margin-right: 17px;
	float: left;
	cursor: pointer;	
}
.screenshot-item:last-child{
	margin-right: 0;
}
.screenshot-item img {
	width:100%;
	height:100%;
}

.products-info {
	/*width: 54%;*/
	/*height: 590px;*/
	/*background-color: green;*/
	float: right;	
}
.products-info .products-option{
	margin: 0 0 10px;
}
.title {
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sub-title {
	margin-bottom: 10px;
}
.line {
	background-color: #d6d7dc;
	height: 1px;
}
.distance {
	padding-left:30px;
	line-height: 30px;
}
.price {
	font-size: 30px;
	color: #e4396e;
	line-height: 30px;
	padding-left:24px;
	line-height: 30px;
}
.tag {
	padding-top: 24px;
}
.tag-name {
	float: left;
	margin-top: 6px;
}
.tag-type {
	float: left;
	position: relative;
	margin-left: 10px;
	font-size: 12px;
	margin-left: 20px;
	padding: 0 4px;
	border:1px solid #d6d7dc;
}
.tag-type span {
    line-height: 30px;
    display:block;
    text-align: center;
    height: 30px;
}
@media (max-width: 991px){
    .tag-type span{
        width: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
/*.tag-type input:checked+span {
	border:1px solid #dd2446;
	color: #dd2446;
}*/
.tag-item {
  opacity: 0;
  position: absolute;
  z-index: 99;
  width: 60px;
  height: 30px;

}

.redBorder {
	border:1px solid #dd2446;
	color: #dd2446;
}
/*****商品详情描述*****/
.detail {
	margin-top: 10px;
}
.tab-item {
	border-top:2px solid #dd2446; 
	width: 180px;
	height: 58px;
	color: #dd2446;
	background-color: #f3f3f3;
	text-align: center;
	line-height: 58px;
	font-size: 20px;
}
.detail-content {
	margin: 20px 14px 44px 14px;

}


/*移动端版式*/
ul,li{
  list-style: none;
  margin: 0;
  padding: 0;
}
.proMark{
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index:1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: none;
}

.proHeadFixed{
  top: 0;
  left: 0;
  width: 100%;
  height: 38px;
  background: #fff;
}
.proHeadSel{
  float: left;
  width: 50%;
  height:38px;
  line-height: 38px;
  color: #666;
  text-align: center;
}
.proHeadAct{
  color: #1b1b1b;
  border-bottom: 2px solid #716f70;
}
.proTitle{
  padding: 0 12px;
  margin-top: 8px;
}
.proTitle h5{
  color: #262626;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
}
.proMoney{
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
  margin-bottom:6px;
}
.proMoney p{
  color: #e33269;
  font-size: 16px;
  font-weight: bold;
}
.proBorder{
  width:100%;
  height:6px;
  background:#f5f5f5;
}
.proParm-item{
  width:100%;
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  font-size: 10px;
}
.proParm-text{
  color: #a5a5a5;
}
.proParm-Select{
  margin-left: 10px;
  color: #272727;
  max-width: 80%;
  height: 44px;
  vertical-align: bottom;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.proParm-Icon .iconfont{
  font-size: 10px;
  float: right;
}
.proContent{
  padding: 0 12px;
  background: #fff;
}
.proContent img{
    max-width:100%
}
.proCon-title{
  margin-top: 4px;
  height: 30px;
  line-height: 30px;
  color: #474747;
  font-size: 10px;
  font-weight: 500;
}
/*分类弹窗*/
.proClassifyDialog{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index:2;
  width:100%;
  height: 77%;
  display: none;
}

.detail-content img{max-width:100%}

.proClassifyDialog .proClassifyCon{
  width: 100%;
  height: 92%;
  overflow-y: auto;
  background: #fff;
}
.proClassifyDialog .proReturnBtn{
  height: 10%;
  padding-top: 4%;
}
.proClassifyDialog .proClassifyContainer{
  height: 90%;
  overflow-y: auto;
}
.proClassifyDialog .proReturnIcon{
  font-size: 8px;
  color: #424242;
  margin: 0 8px 0 12px;
}
.proClassifyDialog .proClassifyCon-item{
  padding: 0 12px;
  margin-top: 20px;
}
.proClassifyDialog .proClassifyCon-Title{
  margin-bottom: 10px;
  font-size: 10px;
  color: #3e3e3e;
}
.proClassifyDialog .proClassifyCon-options{
  
}
.proClassifyDialog .proClassifyCon-option{
  float:left;
  max-width: 100%;
  min-width: 106px;
  min-height: 34px;
  line-height: 32px;
  padding: 0 4px;
  margin-right: 10px;
  margin-bottom:10px;
  text-align: center;
  border: 1px solid #dbdce0;
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proClassifyDialog .proClassifyBtn{
  height: 8%;
  display: flex;
  align-items: center;
  justify-content:center;
  text-align: center;
  background: #dd2446;
  color: #fff;
}
.proParamCon .proClassify-active{
  border:1px solid #dd2446 !important;
  color:#dd2446 !important;
}
/*参数弹窗*/
.proParmsDialog{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index:2;
  width:100%;
  height: 44%;
  display: none;
}
.proParmsDialog .proClassifyCon{
  height: 85%;
  background: #fff;
}
.proParmsDialog .proReturnBtn{
  height: 16%;
  display: flex;
  align-items: center;
  text-align: center;
}
.proParmsDialog .proReturnIcon{
  font-size: 8px;
  color: #424242;
  margin: 0 8px 0 12px;
}
.proParmsDialog .proClassifyContainer{
  overflow-y: auto;
  height: 84%;
  padding: 0 12px;
}
.proParmsDialog .proParmsBtn{
  height:15%;
  display: flex;
  align-items: center;
  justify-content:center;
  text-align: center;
  background: #dd2446;
  color: #fff;
}
.proParmsDialog  .proParms-Item{
  height: 35px;
  line-height: 35px;
  font-size: 10px;
  overflow: hidden;
}
.proParmsDialog  .proParms-Item p{
  min-width: 30px;
  text-align: right;
  color: #262626;
  margin-right: 10px;
  display: inline-block;
}
.proParmsDialog .proParms-Item span{
  color: #333;
  display: inline-block;
  width: 50%;
}
@media (min-width:768px) {
    .products-info{
        float:left;
    }
}

/*-------------产品详情页版式2------------------*/
.product-Details2{
  width: 1100px;
  margin: 0 auto;
}
.ProDetails2-title{
  margin: 22px 0 46px 0;
}
.ProDetails2-title p{
  font-weight: bold;
  font-size: 32px;
  color: #000;
}
.ProDetails2-Img{
  width: 1100px;
  height: 420px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ProDetails2-Img img{
  max-width: 100%;
  max-height: 100%;
}
.ProDetails2-Data{
  min-height: 70px;
  padding-bottom: 7px;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.ProDetails2-Money{
  float: left;
  width: 235px;
  margin: 18px 0px 0 30px;
}
.ProDetails2-parameters{
  float: left;
  width: 825px;
  margin-top: 22px;
  font-size: 16px;
  color: #333;
}
.ProDetails2-parItem{
  float: left;
  margin-left: 10px;
  margin-right: 54px;
  margin-bottom: 12px;
}
.ProDetails2-parItem p{
  float: left;
  height: 34px;
  line-height: 34px;
  font-weight: bold;
}
.ProDetails2-parItem ul{
  float: left;
}
.ProDetails2-parItem ul li{
  float: left;
  height: 34px;
  line-height: 34px;
  padding: 0 11px;
}
.ProDetails2-Money p{
  font-size: 32px;
  color: #e82f2f;
}
.ProDetails2-Container{
  width: 1100px;
}
.ProDetails2-ConTit{
  height: 50px;
  font-weight: bold;
  color: #333;
  font-size: 32px;
  border-bottom: 2px solid #999;
  letter-spacing: 2px;
}
.ProDetails2-Con{
  padding-top: 30px;
}
.ProDetails2-Con img{
  max-width: 100%;
}


/*---面包屑 s----*/
.product-Details1{
  width: 1100px;
  margin: 0 auto;
}
.ProDetails1-crumbs{
  width: 100%;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  color: #333;
}
.ProDetails1-crumbs li{
  float: left;
  cursor: pointer;
  margin-right: 4px
}
.ProDetails1-crumbs li a{
  color: #333;
  text-decoration: none;
}
.ProDetails1-crumbs li a:hover{
  text-decoration: underline;
}
/*----面包屑 e----*/



/*分享图标*/
.bds_weixin,.bds_tsina,.popup_sqq,.bds_qzone,.popup_douban,.popup_tieba{
	background-image: url(/static/img/vbg01.png) !important;
	margin-right: 12px !important;
}
.bds_weixin{
	background-position: 0 0 !important;
}
.bds_tsina{
	background-position: 0 -90px !important;
}
.popup_sqq{
	background-position: 0 -45px !important;
}
.bds_qzone{
	background-position: 0 -135px !important;
}
.popup_douban{
	background-position: 0 -630px !important;
}
.popup_tieba{
	background-position: 0 -495px !important;
}
.bdsharebuttonbox{
	display: flex;
	line-height: 44px;
}
.bdsharebuttonbox p{
	margin-right: 10px;
}


.swipslider {
  margin: 0 auto; }

#swSlideProImg {
  background-color: #fff;
  width: 100%; }
    #swSlideProImg .wanted:after {
      display: table;
      content: "";
      clear: both; }
    #swSlideProImg .wanted img {
      float: left;
      position: absolute;
      max-width: 100%;
      max-height: 100%;
    	top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
    }
    #swSlideProImg .wanted .description {
      float: left;
      padding: 10px;
      display: block;
      font-size: 16px;
      color: #343332;
      background: #e5e5e5;
      height: 225px;
      width: 349px;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.58);
      white-space: normal; }
      #swSlideProImg .wanted .description h1 {
        font-size: 18px;
        margin: 0;
        text-align: left;
        color: #515f6c;
        text-shadow: none; }
      #swSlideProImg .wanted .description::after {
        display: table;
        content: "";
        clear: both; }
      #swSlideProImg .wanted .description p {
        margin-bottom: 1px;
        margin-top: 6px;
        font-size: 14px; }
      #swSlideProImg .wanted .description p.award {
        color: #be9a02; }
      #swSlideProImg .wanted .description ul {
        list-style: square;
        padding-left: 20px;
        font-size: 14px; }
      #swSlideProImg .wanted .description strong {
        color: #515f6c; }

.slide-number {
  font-size: 60px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.54); }
.swipslider .sw-slide .sw-content{
	display: flex;
	justify-content: center;
	align-items: center;
}

.product2-screenshot{
	width: 500px;
	height: 90px;
	margin: 0 auto;
}
.product2-screenshot .screenshot-item{
	margin:  0 10px;
}

.proParamCon .proParamList{
	
}
.proParamCon .proParamList li{
	padding: 0 10px;
}
.proParamCon .proParamList li span{
  float: left;
  line-height: 24px;
  padding: 0 8px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #dbdce0;
  color: #525252;
  border-radius: 3px;
}
.proParamCon .proParamList p{
	float:left;
	line-height: 42px;
	margin-right: 10px;
}
.proParms{
	float: left;
	margin-top: 8px;
}
.screenshotAct{
	border: 1px solid #e4396e;
}