/*
@author:njf
*/
.news{ margin: 46px 0 40px;}
.news .focus-mod{ width: 620px; float: left;}
.news .focus-mod .focus-con{height: 380px;margin-bottom: 20px;position: relative;}
.news .focus-mod .focus img{ width: 620px; height: 380px;}
.news .focus-mod .focus li{ position: relative; width: 620px; height: 380px;}
.news .focus-mod .focus li p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; color: #fff; background: rgba(0,0,0,0.6);}
.news .focus-mod .focus li p span{ display: inline-block; padding: 0 10px;}
.news .focus-mod .focusDot{/* height: 10px; */position: absolute!important;right: 10px;bottom: 0px;}
.news .focus-mod .focusDot li{ width: 6px; height: 6px; line-height: 500px; overflow: hidden; border-radius: 50%; background: #828389; display: inline-block; margin: 0 3px;}
.news .focus-mod .focusDot li.on{ background: #fff;}
.news .focus-mod .prev,.news .focus-mod .next{ display: block; position: absolute; left: 0; top: 50%; margin-top: -15px; background: url(/images/new/icon05.png) no-repeat center center rgba(0,0,0,0.6); width: 30px; height: 50px;}
.news .focus-mod .next{ transform: rotate(-180deg); right: 0; left: auto;}
.news .notice{ width: 555px; float: right;}
.news .notice .tit-tab{ text-align: center; margin-bottom: 10px;}
.news .notice .tit-tab li{display: inline-block; margin-right:2px; cursor: pointer; width: 180px; height: 46px; line-height: 46px; border-radius: 5px; font-size: 22px; background: #ddf0fd;}
.news .notice .tit-tab li.on{ color: #fff;  
  background:#39a0ee;
  background:-webkit-linear-gradient(left,#007ae2,#39a0ee);
  background:-moz-linear-gradient(left,#007ae2,#39a0ee);
  background:-ms-linear-gradient(left,#007ae2,#39a0ee);
  background:linear-gradient(left,#007ae2,#39a0ee);}

.news .notice .tit-tab li::before{content: '';display: inline-block; width:18px; height: 17px; vertical-align: middle; margin-right: 5px;}
.news .notice .tit-tab li.icon01::before{background: url(/images/new/icon02.png) no-repeat;}
.news .notice .tit-tab li.icon02::before{background: url(/images/new/icon03.png) no-repeat;}
.news .notice .tit-tab li.icon03::before{background: url(/images/new/icon04.png) no-repeat;}
.news .notice .tit-tab li.icon01.on::before{background: url(/images/new/icon02-on.png) no-repeat;}
.news .notice .tit-tab li.icon02.on::before{background: url(/images/new/icon03-on.png) no-repeat;}
.news .notice .tit-tab li.icon03.on::before{background: url(/images/new/icon04-on.png) no-repeat;}
.news .notice .con ul li{ height:42px; line-height:42px; font-size: 16px;}
.news .notice .con ul li::before,.list-new-mod .box ul li::before{ content: ''; display:block; float:left;width: 6px; height: 6px; border-radius: 50%; background: #075ad9; vertical-align: top; margin:18px 10px 0 0;}
.news .notice .con ul li span{ float: right; font-size: 14px;}
.news .notice .con ul li a{display:block; width: 455px; float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news .notice .con ul li a:hover,.list-new-mod .box ul li a:hover{ color: #2097ff;}
.list-new-mod .box{ width: 320px; padding:20px 30px 0; border: 1px solid #e9e9e9; border-top: 6px solid #eaf5ff; margin-bottom: 25px;}
.list-new-mod .box:first-child{ margin-right: 30px;}
.list-new-mod .box ul{ margin: 10px 0;}
.list-new-mod .box ul li{ height: 40px; line-height: 40px; font-size: 16px;}
.list-new-mod .box ul li a{ width:220px; display:block;float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.list-new-mod .box ul li span{ float: right; font-size: 14px;}

.memberVip-mod .title{ border-bottom: 0;}
.memberVip-mod .memberVip-con{background: url(/images/new/memberVip-bg.png) no-repeat; height: 300px; text-align: center;}
.memberVip-mod .memberVip-con ul{ padding: 40px 0 0 10px;}
.memberVip-mod .memberVip-con ul li{display:inline-block;vertical-align: top; position: relative; margin-right: 30px; width:186px; height: 200px; border-radius: 10px; text-align: center; font-size: 22px;}
.memberVip-mod .memberVip-con ul li img{margin:35px auto 20px; display: block; width: 80px; height: 80px;}
.memberVip-mod .memberVip-con ul li .all-link{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.memberVip-mod .memberVip-con ul li.bg01{ border: 1px solid #95cafe;
  background:#cde4ff;
  background:-webkit-linear-gradient(90deg,#cde4ff,#d6eeff);
  background:-moz-linear-gradient(90deg,#cde4ff,#d6eeff);
  background:-ms-linear-gradient(90deg,#cde4ff,#d6eeff);
  background:linear-gradient(90deg,#cde4ff,#d6eeff);
}
.memberVip-mod .memberVip-con ul li.bg02{ border: 1px solid #bbc9f4;
  background:#cde4ff;
  background:-webkit-linear-gradient(90deg,#d1dcff,#e7f0ff);
  background:-moz-linear-gradient(90deg,#d1dcff,#e7f0ff);
  background:-ms-linear-gradient(90deg,#d1dcff,#e7f0ff);
  background:linear-gradient(90deg,#d1dcff,#e7f0ff);
}
.memberVip-mod .memberVip-con ul li.bg03{ border: 1px solid #bccdff;
  background:#cde4ff;
  background:-webkit-linear-gradient(90deg,#d1e0ff,#ddebff);
  background:-moz-linear-gradient(90deg,#d1e0ff,#ddebff);
  background:-ms-linear-gradient(90deg,#d1e0ff,#ddebff);
  background:linear-gradient(90deg,#d1e0ff,#ddebff);
}
.memberVip-mod .memberVip-con ul li.bg04{ border: 1px solid #b1eef5;
  background:#cde4ff;
  background:-webkit-linear-gradient(90deg,#d2f2f4,#e2fdff);
  background:-moz-linear-gradient(90deg,#d2f2f4,#e2fdff);
  background:-ms-linear-gradient(90deg,#d2f2f4,#e2fdff);
  background:linear-gradient(90deg,#d2f2f4,#e2fdff);
}
.memberVip-mod .memberVip-con ul li.bg05{ border: 1px solid #c1d6fd;
  background:#cde4ff;
  background:-webkit-linear-gradient(90deg,#d8f2ff,#e3f5fe);
  background:-moz-linear-gradient(90deg,#d8f2ff,#e3f5fe);
  background:-ms-linear-gradient(90deg,#d8f2ff,#e3f5fe);
  background:linear-gradient(90deg,#d8f2ff,#e3f5fe);
}
.memberVip-mod .memberVip-con ul li:hover{ color:#2097ff;}

/**/
.relatedContent-mod{ margin: 40px 0;}
.relatedContent-mod .title{margin-bottom: 20px;}
.relatedContent-mod .related-list { height:245px; overflow: hidden; position: relative;}
.relatedContent-mod .related-list li{ width: 282px; display: inline-block; margin-right:25px;}
.relatedContent-mod .related-list li img{ margin-bottom: 25px;}
.relatedContent-mod .related-list .prev,.relatedContent-mod .related-list .next{ display: block; position: absolute; left: 0; top: 50%; margin-top: -15px; background: url(/images/new/icon05.png) no-repeat center center rgba(0,0,0,0.6); width: 30px; height: 50px;}
.relatedContent-mod .related-list .next{ transform: rotate(-180deg); right: 0; left: auto;}