.content-4{ width:1000px; height:auto;  padding-bottom:110px; padding-top:20px;margin:0 auto;}
.main-top{ padding-top:15px;}
.h2-txt3{margin:0 auto 30px; width:100%; height:130px; background:url(//www.cnitpm.com/zt/img/h2-4.png) center 0 no-repeat; text-align: center; }
.h2-txt3 span{font:40px/130px "Microsoft Yahei"; color:#fff; background: -webkit-linear-gradient(left, #445ac7 , #58edff);     /* 背景色渐变*/
  -webkit-background-clip: text;         /* 规定背景的划分区别*/  -webkit-text-fill-color: transparent;  /* 防止字体颜色覆盖 */}

.online-s{ position:relative;}
.online-li{width:303px; background:#fff; border-radius:10px 10px 0 0; position: relative; float:left;border:1px solid #eee;}
.online-li:hover{/* box-shadow: 0 0 10px #333; */transform: translateY(-5px); -webkit-transform: translateY(-5px); z-index: 4; transition: transform 1s; -moz-transition: -moz-transform 1s; /* Firefox 4 */ -webkit-transition: -webkit-transform 1s; /* Safari and Chrome */ -o-transition: -o-transform 1s; /* Opera */}
.online-li h5{ width:100%; height: 75px; font:30px/75px "Microsoft Yahei"; color:#fff; text-align: center; border-radius:10px 10px 0 0; background:#de2c4d;     background-image: linear-gradient(20deg, #de2c4d, #ff4f20);}
.online-li .h5two{ background: #3179f0;background-image: linear-gradient(20deg, #3179f0, #2fafff);}
.online-li .h5three{ background: #3179f0;background-image: linear-gradient(20deg, #4a5bff, #705cff);}
.price{ margin:4px 10px 0;  height:58px;}
.price li { padding:12px 0;}
.price li em{ font:14px/24px "Microsoft Yahei";}
.price .priceli{ border-bottom:1px  dashed  #e1e1e1;}
.price li span{font:14px/24px "Microsoft Yahei";display: inline-block;vertical-align:bottom; width:84px; display: inline-block;}
.price li strong{font:24px/24px "Microsoft Yahei"; color:#ff3251; margin:0 20px 0 28px; width:75px; text-align:left; display: inline-block;vertical-align:bottom; }
.price li strong i{font:18px/24px "Microsoft Yahei";}
.price li a{font:14px/26px "Microsoft Yahei"; text-align: center; width:60px; height:26px; border-radius:13px; border:1px solid #ff3251; color:#ff3251; display:inline-block; }
.price li a:hover{ background:#ff3251; color:#fff;}
.price-b{ background:#f7f7f7; padding-bottom:10px; height:68px;}
.price-b span{font:14px/22px "Microsoft Yahei"; width:66px; height:22px; color:#777; border:1px  dashed #777; display: inline-block;text-align: center; border-radius:2px; margin:10px 0 0 6px;}
.price-sm{ margin:0 10px 10px 10px;}
.price-sm p{ margin-top:10px;}
.price-sm p span{font:14px/22px "Microsoft Yahei"; color:#333; margin-left:10px; width:240px; display:inline-block; vertical-align:top;}
.price-sm p em{font:14px/22px "Microsoft Yahei"; width:20px; height:20px; border:1px solid #777; display: inline-block; color:#777;	border-radius:11px; text-align: center; vertical-align:top;}
.price-sm p .p-red{ color:#fb4f4f;}
.online-ann{width:305px; text-align: center; position: absolute; bottom:-60px; left:0;}
.online-ann a{ width:240px; height:44px;font:16px/44px "Microsoft Yahei";background: #ff2c54; background-image: linear-gradient(20deg, #ff6339, #ff2c54); color:#fff; text-align: center; display: inline-block; border-radius:22px; }
.online-ann a:hover{background: #ff6339; }
.online-li{margin-right:10px;}
.online-lileft{ margin-left:54px; }
.onlineleft{ position: absolute; left:-10px; top:60px;width:55px;}
.onlineleft span{ width:55px; height:55px; background: url(//www.cnitpm.com/zt/img/bg24.png) 0 -350px no-repeat; display: inline-block; font: bold 15px/20px "Microsoft Yahei"; color:#333; text-align: center; padding-top:8px;}
.onlineleft02{ margin-top:125px;}
.onlineleft03{ margin-top:55px;}