.detail_left{
  width:932px;
  float:left;
  padding-top:10px;
  margin-bottom:130px;
}
.detail_right{
  width:260px;
  float:right;
  padding-top: 10px;
  margin-bottom:130px;
}
.detailBox{
    background:#fff;
    padding:30px 10px;
    min-height:438px;
}
.freeVideo{
    background:#fff;
    padding:30px 10px 0 10px;
    /*height:592px;*/
}
.detailSwiper{
  width: 380px;
  float:left;  
}
.detailSwiper .swiper-container {
  width: 100%;
  height: 380px;
  margin-left: auto;
  margin-right: auto;
  border-radius:5px;
}
.swiper_227 .swiper-container {
  width: 100%;
  height: 227px;
  margin-left: auto;
  margin-right: auto;
}
.swiper_240 .swiper-container {
  width: 100%;
  height: 240px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-thumbs {
  height: 65px!important;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  width: 65px;
  height: 65px;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.detailBox .proInfo{
    margin-left:17px;
    float:left; 
    width:490px;
}
.detailBox .proInfo h3{
    font-weight: Bold;
    font-size: 18px;
    color:#333;
    margin-top:3px;
    margin-bottom:10px;
}
.detailBox .proInfo p{
    font-size: 14px;
    color:#666666;
    line-height:1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;    
}
.detailBox .priceBox{
    width: 100%;
    height: 70px;
    border-radius: 4px;
    background: rgba(78,124,242,0.08);
    margin-top:15px;
    padding:15px 20px;
}
.detailBox .priceBox p{
    display:inline-block;
    font-size:14px;
    color:#999;
    overflow: inherit;
}
.detailBox .priceBox p.price{
    font-weight:bold;
    font-size:24px;
    color:#E40404;
    margin-left:40px;
}
.detailBox .priceBox p.price span{
    font-size:14px;
    margin-right:3px;
}
.specsCol .title{
    color:#666;
    font-size:14px;
    float:left;
    line-height:40px;
    margin-top:15px;
}
.specsCol .item{
    float:left;
    width:434px;
}
.specsCol .item a{
    display:inline-block;
    height:40px;
    position:relative;
    border-radius: 4px; 
    padding:0 23px;
    line-height:40px;
    border:1px solid #E1E1E1;
    font-size:14px;
    color:#333;
    margin-left:13px;
    margin-top:15px;
}
.specsCol .item a:hover{
    border:1px solid #FF9D00;
}
.specsCol .item a.cur{
    border:1px solid #FF9D00;
}
.specsCol .item a.cur .i_check{
    display:block;
}
.specsCol .item .i_check{
    width:20px;
    height:22px;
    background:url(../images/i_check.png) no-repeat center center;
    background-size:100% 100%;
    position:absolute;
    right:0;
    bottom:-1px;
    display:none;
}
.detailBtn{
    display:block;
    width: 104px;
    height: 40px;
    border-radius: 4px;
    background: rgba(255,157,0,1);
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:40px;
    margin-left:70px;
    margin-top:15px;
}
.detailBtn:hover,.detailBtn:active{background:rgb(239,177,76,1);color:#fff;}
.sloganBox{
    border-top:1px solid #E9E9E8;
    background:#fff;
}
.sloganBox .sloganCol{
    float:left;
    margin-right:28px;
}
.sloganBox .sloganCol img{
    display:block;
    width:86px;
    height:86px;
    float:left;
}
.sloganBox .sloganCol p{
    line-height:86px;
    font-size:16px;
    color:#666;
    float:left;
}
.softIntro{
    width:260px;
    height:536px;
    background:#fff;
    border-radius:4px;
}
.detail_right .topTit{
    background: url(../images/titbg_260.png) no-repeat center center; background-size:100% 100%;
    padding:0 24px;
    font-size:14px;
    font-weight:bold;
    color:#666;
    height:56px;
    line-height:56px;
    width:260px;
}
.softIntro .intro{
    padding:0 25px;
}
.softIntro ul{
    margin:35px 0;
}
.softIntro ul li{
    font-size:14px;
    color:#444444;
    background: url(../images/dot_10.png) no-repeat center left; background-size:10px 10px;
    padding-left:24px;
    margin-bottom:10px;
}
.softIntro .qrCode{
    display:block;
    width:180px;
    height: 180px;
    border:1px solid #E1E1E1;
    margin:0 auto;
}
.softIntro .nowBtn{
    display:block;
    width: 100%;
    height: 43px;
    border-radius: 4px;
    background:#4E7CF2;
    font-size: 20px;
    color:#fff;
    text-align:center;
    line-height:43px;
    margin:15px 0;
}
.softIntro .nowBtn:hover{
    background:#648bed;
}
.productMain{
    position:relative;
}
.productMain,.relatedPro{
    margin-top:38px;
}
.proTabs{
    height:60px;
    padding:0 15px;
    background:#fff;
    margin-bottom:15px;
    border-bottom:1px solid #E1E1E1;
}
.proTabs a{
    display:inline-block;
    font-size:20px;
    color:#666;
    line-height:60px;
    margin-right:40px;
    margin-top:-2px;
}
.proTabs a:hover{
    color:#4E7CF2;
}
.proTabs a.cur{
    color:#4E7CF2;
    border-bottom:2px solid #4E7CF2;
}
.pro_detail{
    background:#fff;
}
.relateBox{
    background:#fff;
    padding:15px 10px;
}
.relateBox .item:first-child{
    margin-top:0;
}
.relateBox .item{
    margin-top:15px;
    display:block;
}
.relateBox .pic{
    width:240px;
    height:240px;
    overflow:hidden;
    border-radius:4px;
}
.relateBox .pic img{
    display:block;
    width:240px;
    min-height:240px; 
    height:auto;
    border-radius:4px;
} 
.relateBox .info{
    font-size:14px;
    color:#444444;
    margin-top:15px;
}
.relateBox .item:hover .info{
    color:#4E7CF2;
}
.relateBox .price{
    font-size:14px;
    color:#E40404;
    margin-top:15px;
}
.relateBox .item:hover .price{
    font-weight:bold;
}
.height_152 .pic{
    width:240px;
    height:152px;
    overflow:hidden;
    border-radius:4px; 
}
.height_152 .pic img{
    display:block;
    width:240px;
    min-height:152px; 
    height:auto;
    border-radius:4px;
}
.sale_detail{
    background:#fff;
}
.sale_top{
    padding:0 10px;
}
.sale_top .title{
    font-size: 20px;
    color:#666;
    float:left;
    line-height:40px;
    font-weight:bold;
}
.sale_top .contactUs{
    display:none;
    width: 90px;
    height: 40px;
    border-radius: 4px;
    background: #4E7CF2;
    font-size: 16px;
    color:#fff;
    text-align:center;
    line-height:40px;
    float:right;
}
.sale_top .contactUs:hover{
    background:#648bed;
}
.sale_detail{
    padding:15px 0 ;
    margin-top: 15px;
}
.sale_detail .specialBox{
    padding:10px 6px;
}
.sale_detail .specialBox .specialCol{
    margin:0 4px;
    width: 222px;
    height: 100px;
    border-radius: 4px;
    background:#fff;
    box-shadow:2px 2px 10px rgba(0,0,0,0.09);
    float:left;
}
.specialBox .specialCol img{
    display:block;
    width:80px;
    height:80px;
    float:left;
}
.specialBox .specialCol .col_r{
    float:left;
}
.specialBox .specialCol .col_r h3{
    color:#282826;
    font-size:14px;
    /*padding:16px 0 9px 0;*/
}
.specialBox .specialCol .col_r p{
    font-size:12px;
    color:#999;
    line-height:1.5;
    margin:0!important;
}
.frontDetail{
    width:100%;
    background:#fff;
    padding:30px;
    box-sizing:border-box;
}
.frontDetail h3{
    font-size: 30px;
    font-weight:bold;
    color:#333;
    display:block;
    line-height:1.4;
}
.frontDetail p{
    font-size: 12px;
    color:#444444;
    margin-bottom:10px;
    line-height:1.6;
}
.frontDetail .subTit{
    margin-top:20px;
}
.frontDetail .subTit p{
    display:inline-block;
    font-size:14px;
    color:#666;
    padding-right:10px;
    margin-bottom:15px;
}
.frontDetail .subTit p.date{
    color:#999;
}
.relateBox .newspic{
    width:100%;
    height:143px;
    overflow:hidden;
}
.relateBox .newspic img{
    width:100%;
    height:auto;
    min-height:143px;
}
.relateBox .detailVideo{position:relative;}
.relateBox .detailVideo video{
    height:152px!important;
}
.detailVideo{
    position:relative;
}
.freeVideo video{
   height:440px!important;
}
.videoInfo{
    padding:15px 0;
}
.videoInfo .infoL {
    width:100%;
    float:left;
}
.videoInfo .infoL .tit{
    font-weight: Bold;
    font-size: 18px;
    color:#333;
}
.videoInfo .subinfo{
    margin-top:15px;
}
.videoInfo .subinfo .price{
    color:#E40404;
    font-size:24px;
    font-weight:bold;
    line-height:28px;
    float:left;
}
.videoInfo .subinfo .price span{
    font-size:14px;
}
.videoInfo .subinfo .viewnum{
    font-size:16px;
    color:#999;
    margin-left:50px;
    line-height:28px;
    float:left;
    letter-spacing:1px;
}
.videoInfo .buyBtn{
    width: 180px;
    height: 40px;
    border-radius: 4px;
    background: #FF9D00;
    font-weight: Bold;
    font-size: 14px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:40px;
    float:right;
    margin-top: 15px;
}
.videoInfo .buyBtn:hover{
    background: #f3ab63;
}
.detailVideo{
    background:rgba(0,0,0,1);

}
.detailVideo video{
	width:auto;
	height:240px;
    margin: auto;

    /*object-fit: fill;*/
}
.detailVideo .mask{
	/*position:absolute;*/
	width:100%;
	height:440px;
	/*top:0;*/
	/*left:0;*/
	z-index:99;
    border-radius:4px 4px 0 0;
    cursor:pointer;    
}
.detailVideo .mask .layer{
 	position:absolute;
	width:100%;
	height:100%; 
	top:0;
	left:0;
	z-index:101;
    background:rgba(0,0,0,0.1);
}
.detailVideo .mask img{
	display:block;
	width:100%;
    max-width:100%;
	height:100%;
    margin:0 auto;
    border-radius:4px;
    position:relative;
    z-index:100;
}
.detailVideo .mask .playBtn{
	display:block;
	width:40px;
	height:40px;
	background: url(../images/i_play.png) no-repeat center center; background-size: 100% 100%;
	position:absolute;
	z-index:103;
	top:50%;
	margin-top:-20px;
	left:50%;
	margin-left:-20px;
    cursor:pointer; 
}
.seeAll{
    background:rgba(255,255,255,0.5);
    text-align:center;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
}
.seeAll p{
    color:#282826;
    font-size:18px;
    font-weight:bold;
}
.seeAll .goBuy{
    display:block;
    margin:10px auto;
    width: 176px;
    height: 40px;
    border-radius: 4px;
    background: #FF9D00;
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:40px;
}

.videopaytype a{
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    padding: 0 23px;
    line-height: 40px;
    border: 1px solid #E1E1E1;
    font-size: 14px;
    color: #333;
    margin-right: 13px;
    margin-top: 15px;
}


.videopaytype a.cur{
    border: 1px solid #FF9D00;
}