.tabBox{padding:3vh 0 5vh 0}


.tabBox ul li{ -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; width:100%; border-bottom: 1px solid #e8e8e8; width:100%; margin:0 0;padding:2.0vw 0;  }
.tabBox ul li .conItem{overflow:hidden; position:relative;}
.tabBox ul li:first-child{ margin-top:0;  padding-top:0;  }
.tabBox ul li .imgBox{ width:30%; float:left; display: block; border-radius:5px; overflow:hidden;}

.tabBox ul li .imgBox img{ width:100%; height:auto}

.tabBox ul li .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.tabBox ul li:hover .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

.tabBox .txtBox{width:70%; height:100%; float:left;  text-align:left; padding:1vh 3vw; position:relative}

.tabBox .txtBox .leftTime{ float:left; }
.tabBox .txtBox span {font-size:0.9vw;line-height:150%;color: #686868 ;transition: all .3s;}

.tabBox .txtBox span:nth-child(2){ padding:0 .4vw;} 
.tabBox .txtBox span.txt{overflow:hidden; }
.tabBox .txtBox p { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin:1vh 0; line-height:150%;font-size:1.3vw; margin-bottom:3vh; transition: all .3s; }

.tabBox .txtBox .more{float:right; line-height:150%;font-size:0.9vw;cursor:pointer;text-decoration:underline;transition: all .3s; }
.tabBox .txtBox .more i{color: #cf1a20; padding:0 0.4vw 0 0;}

.passWordItem{ display:none; position:absolute; left: 0; bottom: 0; height: 100%; width: 100%; border-radius:5px; overflow:hidden;}
.myCon{ position:relative; height: 100%; width: 100%; }
.myCon .bg{position:absolute; height: 100%; width: 100%;left:0; top:0; background-color: rgba(0,0, 0, 0.6); z-index:1;border-radius:5px; overflow:hidden}

.myCon .mypassWord{position:absolute;width: 20%; left:50%; top:50%; transform: translate(-50%, -50%);z-index:2}

.myCon .closeBtn{position:absolute; right: 1vw; top: 1vw; cursor:pointer;  z-index:3}

.myCon .closeBtn i{color:#fff; font-size:1.0vw}
.mywordBox{  float:left;width:calc(100% - 90px); margin:0 5px;border-radius:3px;  z-index:2;overflow:hidden}
.mywordBox .nice-text{
	width: 100%;
	 height:4vh; line-height:4vh;  padding:0 10px;
    outline: none;
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    background-color: rgba(255,255, 255, 0.3);color:#fff;
}
.mywordBox .nice-text::-webkit-input-placeholder {
	color: #fff;font-size: 14px;
}
.mywordBox .nice-text:-moz-placeholder {
	color: #fff;font-size: 14px;
}
.mywordBox .nice-text::-moz-placeholder {
	color: #fff;font-size: 14px;
}
.mywordBox .nice-text:-ms-input-placeholder {
	color: #fff;font-size: 14px;
}
.mywordBox  .nice-text:focus{border-color:#cf1a20; color:#df0716; background-color: rgba(255,255, 255, 0.7);-moz-box-shadow: 1px 1px 6px #d8d8d8;-webkit-box-shadow: 1px 1px 6px #d8d8d8; box-shadow:1px 1px 6px #d8d8d8; transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}

.passWordItem .submit{ float:left; width:80px; padding:0 5px; text-align:right;}
.passWordItem .nice-submit{ display:inline-block; width:auto; padding:0 .8vw; border-radius:3px; overflow:hidden}
.passWordItem  .nice-submit{width:100%; height:4vh;line-height:4vh;}
.passWordItem.is-visible{ display:block;}
@media (min-width: 769px) and (max-width: 1320px){

.tabBox .txtBox p{font-size:18px;}

}
@media (max-width: 768px) {
.tabBox{padding:20px 0;}
.tabBox ul li{ -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; width:100%; border-bottom: 1px solid #e8e8e8; width:100%; margin:0 0;padding:20px 0;  }
.tabBox ul li .conItem{overflow:hidden;}
.tabBox ul li:first-child{ margin-top:0;  padding-top:0;  }
.tabBox ul li .imgBox{ width:40%; float:left; display: block; border-radius:3px; overflow:hidden;}

.tabBox ul li .imgBox img{ width:100%; height:auto}

.tabBox ul li .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.tabBox ul li:hover .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

.tabBox .txtBox{width:60%; height:100%; float:left;  text-align:left; padding:0 0 0 15px; position:relative}

.tabBox .txtBox span { font-size:14px;line-height:200%;color: #686868 ;transition: all .3s;}

.tabBox .txtBox span:nth-child(2){ padding:0 5px;} 
.tabBox .txtBox span.txt{overflow:hidden; }
.tabBox .txtBox p { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;margin:0 0 15px 0; line-height:150%;font-size:14px; transition: all .3s; }
.tabBox .txtBox .leftTime{ display:none;}
.tabBox .txtBox .more{ float:none; text-decoration:underline;transition: all .3s; }
.tabBox .txtBox .more i{color: #cf1a20; padding:0 5px 0 0;}

.passWordItem{ display:none; position:absolute; left: 0; bottom: 0; height: 100%; width: 100%; border-radius:3px; overflow:hidden;}
.myCon{ position:relative; height: 100%; width: 100%; }
.myCon .bg{position:absolute; height: 100%; width: 100%;left:0; top:0; background-color: rgba(0,0, 0, 0.6); z-index:1;border-radius:3px; overflow:hidden}

.myCon .mypassWord{position:absolute;width: 90%; left:50%; top:50%; transform: translate(-50%, -50%);z-index:2; padding:0 10px;}

.myCon .closeBtn{position:absolute; right: 10px; top:50%;transform: translate(0, -50%); cursor:pointer;  z-index:3}

.myCon .closeBtn i{color:#fff; font-size:16px;}

.mywordBox{  float:left;width:calc(100% - 90px); margin:0 5px;border-radius:3px;  z-index:2;overflow:hidden}

.mywordBox .nice-text{
	width: 100%;
	 height:32px; line-height:32px;  padding:0 10px;
    outline: none;
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    background-color: rgba(255,255, 255, 0.3);color:#fff;
}
.mywordBox .nice-text::-webkit-input-placeholder {
	color: #fff;font-size: 14px;
}
.mywordBox .nice-text:-moz-placeholder {
	color: #fff;font-size: 14px;
}
.mywordBox .nice-text::-moz-placeholder {
	color: #fff;font-size: 14px;
}
.mywordBox .nice-text:-ms-input-placeholder {
	color: #fff;font-size: 14px;
}
.mywordBox  .nice-text:focus{border-color:#cf1a20; color:#df0716; background-color: rgba(255,255, 255, 0.7);-moz-box-shadow: 1px 1px 6px #d8d8d8;-webkit-box-shadow: 1px 1px 6px #d8d8d8; box-shadow:1px 1px 6px #d8d8d8; transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}

.passWordItem .submit{ float:left;text-align:left; display:table}
.passWordItem .nice-submit{ display:inline-block; width:auto; padding:0 15px; border-radius:3px; overflow:hidden}
.passWordItem  .nice-submit{width:100%; height:32px;line-height:32px;}

}