﻿.p-banner .key .ico,.p-banner .p-btn .number .ico,.i-p-title .title-ico,.i-jt-box-video li .date .date-ico,.i-p-box .i-ht-down li .txt .ico,.i-ensure-in .i-ensure-c li .ico,.law-rec li .txt2 .tag:before,.law-rec li.li-more .btn-more .ico-more,.p-banner-menu-in .l-tit .arrow{background: url(../image/p-i-index-ico.png) no-repeat;}
body{background:#eff7ff;}
.p-banner{width:100%;min-width: 1200px;height: 410px;overflow:hidden;background: #fff}

.p-banner .banner-in{width:1200px;margin:0 auto;}
.p-banner .title {padding-left:20px;}
.p-banner .title strong{font-size:24px;color:#353535;font-weight:500;line-height: 30px; vertical-align: middle;}
.p-banner .title .tag{font-size:14px;color:#fff;padding:0px 10px;margin-left:10px; vertical-align: middle;line-height:24px;display:inline-block;border-radius: 10px 0 10px 0;background: linear-gradient(to right,#5597e5,#7eb9ff);}
.p-banner .title .txt{font-size:14px;color:#909090;margin:10px 0 30px 0;}
.p-banner .title .txt .line{color:#e1e1e1;padding:0 8px;}
.p-banner .conts{font-size:14px;color:#666666;line-height:24px;padding-left:20px;}
.p-banner .key{color:#4b8fdf;font-size:24px;transition: all 0.5s; position:relative;margin:50px 0 10px 0;padding-left:20px;}
.p-banner .key .ico{width:20px;height:20px;background-position:0 0;display: inline-block;position:absolute;left:-8px;top:-18px;}
.p-banner .p-btn{transition: all 1s; }
.p-banner .p-btn a{width:100%;display: block;height:40px;line-height: 40px;transition: all 0.5s; margin:50px 0 16px 0;font-size:16px;color:#fff;text-decoration: none;background:#ff6d5d;text-align: center;border-radius: 4px;box-shadow: 0 3px 6px rgba(255,109,93,.2)}
.p-banner .p-btn a:hover{background:#fc5b49;}
.p-banner .p-btn .number{text-align: center;font-size:14px;color:#909090;}
.p-banner .p-btn .number .ico{width:14px;height:14px;background-position: -30px 0;display: inline-block; vertical-align: -2px;margin-right:5px;}

.p-banner-pic{position: relative;height:400px;background:#ccc;width:100%;}
.p-banner-w-w{position:relative;height: 400px;width:920px;float:right;}
.p-banner-pic .p-banner-pic-w{position: absolute;width:1920px;left:50%;margin-left:-1100px;height: 400px;overflow:hidden;text-align: center;background: #fee;}
.p-banner-menu{position:relative;float:left;width:280px;}
.p-banner-menu-in{width:280px;background:#f7fbff;height: 410px;position:relative;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: 2}
.p-banner-menu-in .tit{background: #56a8f4;text-align: center;height: 56px;font-size:18px;color:#fff;line-height: 56px;}
.p-banner-menu-in .box{}
.p-banner-menu-in .l-tit{border-bottom: 1px solid #eaeef2;height: 85px;line-height: 85px;padding-left:40px; transition: all 0.5s;}
.p-banner-menu-in .box:last-child .l-tit{border-bottom:none;}
.p-banner-menu-in .l-tit .txt{font-size:18px;color:#4f6486;}
.p-banner-menu-in .l-tit .txt:hover{color:#4b8fdf;}
.p-banner-menu-in .l-tit .tag{height: 18px;width:46px;border-radius: 4px;font-size:14px;color:#fff;padding:0 10px;margin-left:10px;}
.p-banner-menu-in .l-tit .tag-r{background: #ff6d5d;}
.p-banner-menu-in .l-tit .tag-b{background: #56a8f4;}
.p-banner-menu-in .l-tit .tag-o{background: #ff8d1a;}
.p-banner-menu-in .l-tit .arrow{width: 16px;height: 16px; display: inline-block; vertical-align: -3px;background-position: 0 -100px; /*transition: all 0.5s;*/margin-left:70px;}
.p-banner-menu-in .box .pop{width:250px;height: 360px;pointer-events:none;background:rgba(255,255,255,0.96);position: absolute;left:150%;top:0;padding:40px 50px 0 50px;box-shadow: 0 0 10px rgba(0,0,0,0.1);transition: all 0.5s;z-index: 1; opacity: 0;}
.p-banner-menu-in .box:hover .l-tit{background: #fff;}
.p-banner-menu-in .box:hover .pop{display: block;left:100%;opacity: 1;pointer-events:auto;}
.p-banner-menu-in .box:hover .l-tit .txt{color:#4b8fdf;}
.p-banner-menu-in .box:hover .arrow{background-position:-16px -100px;}
.swiper-container{height: 400px;position: relative;}
.swiper-slide{float: left}
.pagination{position: absolute;left:50%; top:150px;margin-left:560px;height:100px;width:200px;}
.pagination span{display:block;width:10px;height: 10px;background:rgba(80,100,135,0.4);margin:10px 0;border-radius: 10px;}
.pagination span.swiper-active-switch{background:rgba(80,100,135,0.8);height: 30px;}



.i-p-box{width:100%;min-width: 1200px;background:#fff;clear:both;overflow:hidden;zoom:1;margin-bottom:40px;}
.i-p-box-in{width:1200px;margin:0 auto;}
.i-p-title{border-bottom:1px solid #eee;overflow:hidden;padding-top:40px;position: relative;}
.i-p-title .in-title{float:left;position:relative;padding:0 0 20px 80px;}
.i-p-title .title-ico{width:60px;height:60px;display: inline-block;position: absolute;left:0;top:0;}
.i-p-title .in-title strong{font-size:30px;color:#353535;font-weight:500;line-height: 38px;}
.i-p-title .in-title .txt{font-size:12px;color:#b8b8b8;padding-top:8px;}
.i-p-title .tab-title{float:right;padding-top:30px;position: absolute;bottom:0;right:330px;}
.i-p-title .tab-title li{float:left;font-size:16px;color:#353535;line-height: 42px;margin:0 10px; cursor: pointer;}
.i-p-title .tab-title li.hover{border-bottom:3px solid #4b8fe0;color:#4b8fe0;font-weight:700;}
.i-p-box .i-ht-c{overflow:hidden;zoom:1;}
.i-p-title .number{float:right;font-size:14px;color:#858585;padding-top:45px;}
.i-p-title .in-number{background:#67a2e7;display:inline-block;position:relative;border-radius: 10px;color:#fff;padding:2px 10px;margin:0 6px 0 10px;position: relative;}
.i-p-title .in-number:after{content: "";position: absolute;width:0;height:0;border:6px solid transparent;right:-5px;bottom:0;border-bottom-color:#67a2e7;}
.i-ht-box .title-ico{background-position: -55px 0;}
.i-zs-box .title-ico{background-position: -132px 0;}
.i-hot-box .title-ico{background-position: -205px 0;}
.i-hot-box .i-p-title .tab-title{right:140px;}
.i-ht-box {padding-bottom:40px;}


/*law-rec*/
.i-lawrec-box{background: url(../image/i-index-lawrec-bg.png)  bottom center #fff no-repeat;margin-bottom:0;padding-bottom:70px;}
.i-lawrec-box .title-ico{background-position: -60px -80px;}
.law-rec{padding:30px 0 0 0;}
.law-rec li{float:left;width:270px;margin:0 40px 30px 0;font-size:14px;color:#404040;line-height: 30px;position: relative;overflow:hidden;background: #fff; transition: all 0.5s;}
.law-rec li .law-photo{ vertical-align: middle; }
.law-rec li .txt{border:1px solid #eaf1f9;border-top:none;padding:14px 20px 20px 20px;height: 134px;}
.law-rec li .txt .name{font-size:20px;color:#353535;}
.law-rec li .txt .name .law-tag {border: 1px solid;color: #317df0;font-size: 12px;padding: 0 10px;display: inline-block;vertical-align: 3px;line-height: 20px;border-radius: 5px;margin-left: 8px; }
.law-rec li .txt .lawfirm{color:#b8b8b8;margin-bottom:12px;}
.law-rec li .txt .lawfirm,.law-rec li .txt .sc{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.law-rec li .txt .grey,.law-rec li .txt .pf{color:#858585;}
.law-rec li .txt .pf span{padding-right:15px;}
.law-rec li .txt .pf i{font-weight: 700;color:#ff8d1a;padding-right:5px;}
.law-rec li .txt2{background:rgba(103,162,231,0.96);position: absolute;left: 0;top:100%;width: 270px;height: 100%;transition: all 0.5s;}
.law-rec li:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.15);}
.law-rec li:hover .txt2{top:144px;}
.law-rec li .txt2 .tag{padding:30px 30px 20px;font-size:16px;color:#fff;line-height: 28px;position:relative;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.law-rec li .txt2 .tag:before{content: "";width:15px;height:15px;display:inline-block;position:absolute;left:15px;top:20px;background-position: 0 -60px;}
.law-rec li .txt2 .btn-a{text-align: center;}
.law-rec li .txt2 .btn-a a{width:120px;height: 32px;color:#67a2e7;background: #fff;border-radius: 4px;font-size:16px;display: inline-block;box-shadow: 0 2px 5px rgba(22,102,181,0.15); transition: all 0.5s;}
.law-rec li .txt2 .btn-a a:hover{padding:0 10px;}
.law-rec li:nth-child(4),.law-rec li:nth-child(8),.law-rec li:nth-child(12){margin-right:0;}
.law-rec li .txt3{border:1px solid #eaf1f9;border-top:none;padding:14px 20px 20px 20px;text-align: center;height: 134px;}
.law-rec li .txt3 .tit{font-size:20px;color:#666;line-height: 78px;}
.law-rec li .txt3 .tit a{color:#67a2e7;margin-right:20px;}
.law-rec li .txt3 .tit a:hover{text-decoration: underline;}
.law-rec li .txt3 .btn-more a{border:1px solid #67a2e7;height: 30px;line-height: 30px;width:200px;color:#67a2e7;font-size:16px;display: inline-block;border-radius: 4px;}
.law-rec li .txt3 .btn-more a:hover{background: #f4f9ff;}
.law-rec li.li-more{background: #f5f5f5;height: 318px;}
.law-rec li.li-more .law-photo-l{text-align: center;padding:65px 15px 20px 30px;}
.law-rec li.li-more .law-pic{width:40px;height:40px;border-radius: 20px;overflow:hidden;margin:0 15px 15px 0;float:left;}
.law-rec li.li-more .btn-more{clear:both;text-align:center;font-size:16px;color:#67a2e7;padding-top:20px;}
.law-rec li.li-more .btn-more .ico-more{background-position:0 -80px;display: inline-block;width:16px;height: 16px; vertical-align: -3px;margin-left:8px;}
.law-rec li.li-more .btn-more a{ transition: all 0.5s; }
.law-rec li.li-more .btn-more a:hover{text-decoration: underline;padding-left:8px;}
.law-rec li .txt3 .tit-l{font-size: 14px; color: #909090;line-height: 78px;}
.law-rec li .tell-b {text-align: left;background: #317df0;color: #cbdafa;font-size: 16px;padding: 20px; }
.law-rec li .tell-b .tel {font-weight: bold;font-size: 22px;color: #fff;line-height: 47px; }
.law-rec li .tell-b .tel:before {content: '';display: inline-block;width: 34px;height: 35px;background: url("../image/call-w.png") no-repeat;background-size: 100%;vertical-align: -9px;margin-right: 8px; }
.law-rec li .tell-b .info {font-size: 12px;line-height: 40px; }

.cb-law{position: relative;padding-left:560px;width:640px;height: 300px;padding-bottom: 60px;}
.cb-law .law-pic{position: absolute;width:560px;left:0;top:0;height: 300px;}
.cb-law .law-c{border:1px solid #eaf1f9;border-left:0;padding:20px 40px;font-size:16px;color:#666;line-height: 36px;height: 258px;background: #fff;}
.cb-law .law-c p{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.cb-law .law-c .name .txt1{font-size: 30px;color:#353535;margin-right:16px;}
.cb-law .law-c .name .txt1:hover{color:#67a2e7;}
.cb-law .law-c .grey{color:#b8b8b8;}
.cb-law .law-c .tag-i{color:#ff8d1a;font-size:14px;background: #fff6ec;border-radius: 4px;padding:2px 10px;margin-right:10px;}
.cb-law .law-c .sc{color:#404040;}
.cb-law .law-c .ser span{margin-right:20px;}
.cb-law .law-c .ser .number{font-weight: 700;color:#ff8d1a;padding-right:5px;}
.cb-law .law-c .more{margin-top:20px;}
.cb-law .law-c .more a{color:#67a2e7;border:1px solid #67a2e7;padding:5px 50px;border-radius: 4px;}
.cb-law .law-c .more a:hover{background:#f4f9ff;}
.i-lawcb-box .title-ico {background-position: -60px -80px;}


.i-p-box .i-ht-lf{width:880px;float:left;}
.i-p-box .i-side-box{padding:20px 0 0 0;}
.i-p-box .side-rg{width:270px;float:right;padding-left:10px;}
.i-p-box .side-title{font-size:18px;color:#353535;line-height:24px;}
.i-p-box .i-rank li{height:40px;line-height:40px;position: relative;padding-left:35px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.i-p-box .i-rank a{font-size:14px;text-decoration: none;color:#666;}
.i-p-box .i-rank a:hover{color:#4b8fe0;text-decoration: underline;}
.i-p-box .i-rank .number{width:22px;height:22px;text-align:center;position:absolute;left:0;top:10px;line-height:20px;background:#bbbbbb;color:#fff;font-size:16px;display: inline-block;}
.i-p-box .i-rank li:nth-child(1) .number{background:#ff3333;}
.i-p-box .i-rank li:nth-child(2) .number{background:#ff8a22;}
.i-p-box .i-rank li:nth-child(3) .number{background:#fcad46;}
.i-p-box .i-key{height:160px;overflow: hidden;}
.i-p-box .i-key a{color:#666;font-size:14px;line-height:40px;margin-right:20px;white-space: nowrap;}
.i-p-box .i-key a:hover{color:#4b8fe0;text-decoration: underline;}
.i-p-box .i-ht-down{clear:both;height:34px;width:100%;border-radius: 17px;border:1px solid #eee;/*margin-top:20px;*/line-height: 34px;overflow:hidden;width:880px;}
.i-p-box .i-ht-down .i-ht-l-tle{font-size:14px;color:#4b8fe0;padding-left:20px;width:140px;float:left;}
.i-p-box .i-ht-down ul{overflow:hidden;zoom:1;color:#b8b8b8;float:left;width:698px;}
.i-p-box .i-ht-down li{width:100%;float:left;font-size:12px;}
.i-p-box .i-ht-down li .txt{color:#858585;}
.i-p-box .i-ht-down li .txt a:hover{color:#4b8fe0;text-decoration: underline;}
.i-p-box .i-ht-down li .time{margin-right:10px;}
.i-p-box .i-ht-down li .time:before{content: "";width:3px; height: 3px;border-radius:3px;background: #b8b8b8;overflow:hidden;display: inline-block;margin-right: 8px; vertical-align: middle;}
.i-p-box .i-ht-down li .user{margin-left:10px;}
.i-p-box .i-ht-down li .ht-down-l{width:48%;float:left;margin-right:2%;}
.i-p-box .i-ht-down li .txt .ico{width:16px;height:16px;background-position: 0 -34px;display: inline-block; vertical-align: -3px;margin-right: 5px;}
.i-ht-box .i-p-box-in{position: relative;}
.i-ht-box .i-p-box-in {overflow: hidden;zoom:1;}
.i-ht-box .i-p-box-in .i-ht-down{position: absolute;left:0;bottom:0;}

.i-law-list{background: url(../image/i-index-rank-ico.png) no-repeat top right;}
.i-law-list li{position: relative;margin-bottom:0px;height:80px;line-height: 28px;font-size:14px;color:#b8b8b8;padding: 22px 0 15px 70px;border-radius: 6px;transition: all 0.5s;border-bottom: 1px solid #f5f5f5}
.i-law-list li .law-pic{position: absolute;left:0;top:22px;width:60px;height:60px;border-radius: 30px;display: block;overflow: hidden;zoom:1;transition: all 0.5s;}
.i-law-list li .law-pic-in{width:80px;transition: all 0.5s;}
.i-law-list li .law-pic-in:hover{transform: scale(1.06);}
.i-law-list li .name{font-size:16px;color:#353535;padding-top:4px;}
.i-law-list li .name a{float:left;}
.i-law-list li .name a:hover{color:#4b8fe0;text-decoration: underline;}
.i-law-list li .zy{clear:both;color:#b8b8b8;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-size:14px;width:70%;}
.i-law-list li .number{font-size:24px;color:#95b7db;position: absolute;right: 10px;top:35px;}
.i-law-list li:nth-child(1) .number{color:#ffb82e;}
.i-law-list li:nth-child(2) .number{color:#e59756;}
.i-law-list li:nth-child(3) .number{color:#b6b6b6;}
.i-law-list li:hover{padding-left:80px;}
.i-law-list li:hover .law-pic{left:10px;}

.yx-law-pic{width:290px;height:120px;background:url(../image/i-yx-law-pic.png) #f3f3f3;border-radius: 6px;text-align: center;margin-top:20px;}
.yx-law-pic a{display: block;height: 100%;}
.yx-law-pic p{font-size:18px;color:#67a2e7;padding:25px 0 10px 0;line-height: 24px;}
.yx-law-pic span{width:120px;height:30px;border-radius: 6px;color:#fff;font-size:15px;background:#67a2e7;display: inline-block;line-height: 30px;position:relative;box-shadow:0 3px 6px rgba(120,120,120,0.2); transition:all 0.5s;}
.yx-law-pic span:after{content: "";display:block;width:0;height:0;border:5px solid transparent;border-left-color:#fff;margin-left:10px;display: none;position:absolute;right:15px;top:11px;}
.yx-law-pic a:hover span{background:#4f9cf6;width:140px;}
.yx-law-pic a:hover span:after{display: block;}

.i-jt-box{height: 673px;}
.i-jt-box-video{padding-top:25px;width:900px;position: relative;margin-left:-10px;}
.i-jt-box-video li{width:280px;float:left;margin:0 10px 20px 10px;height: 190px;}
.i-jt-box-video li .video-pic{width:280px;height:140px;overflow:hidden;zoom:1;border-radius: 4px;margin-bottom:6px;position: relative;}
.i-jt-box-video li .video-pic img{transition: all 0.5s;}
.i-jt-box-video li .video-pic:hover img{transform: scale(1.06);}
.i-jt-box-video li .video-pic .time{color:#ddd;position: absolute;right:6px;font-size:12px;bottom:6px;background: rgba(0,0,0,0.2);border-radius: 20px;padding:3px 8px;}
.i-jt-box-video li .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.i-jt-box-video li .title a{color:#666;font-size:16px;line-height:30px;}
.i-jt-box-video li .title a:hover{color:#4b8fe0;text-decoration: underline;}
.i-jt-box-video li .date{color:#b8b8b8;font-size:12px;line-height:24px;display: none;}
.i-jt-box-video li .date .date-ico{width:14px;height:14px;display: inline-block;background-position:-30px -34px; vertical-align: -2px;margin-right:5px;}
.i-jt-box-video li:hover .title a{color:#4b8fe0;}

.i-jt-box-image-t li .txt-pic{width:280px;height:130px;overflow:hidden;zoom:1;border-radius: 4px;margin-bottom:6px;position: relative;}
.i-jt-box-image-t li .txt-pic>a{width:326px;display: block;height:130px;}
.i-jt-box-image-t li .txt-pic img{transition: all 0.5s;width:326px;margin-left:-28px;}
.i-jt-box-image-t li .txt-pic:hover img{transform: scale(1.06);}


.i-jt-box-qa{padding-top:25px;}
.i-jt-box-qa li{float:left;margin:0 10px;width:380px;background: linear-gradient(to bottom,#f5faff,#fff);border-radius: 6px;box-shadow:0 5px 10px #f7fafe;padding:20px 20px 25px 20px;margin-bottom: 20px;}
.i-jt-box-qa li:hover{box-shadow:0 5px 10px #e7f1ff;}
.i-jt-box-qa li .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:5px;}
.i-jt-box-qa li .title a{font-size:18px;color:#1d70d2;line-height: 36px;}
.i-jt-box-qa li .title a:hover{text-decoration: underline;}
.i-jt-box-qa li .txt{font-size:12px;color:#858585;line-height: 24px;overflow: hidden;text-overflow: ellipsis;height:48px;}

.i-jt-box-zs li{position:relative;padding-left:158px;width:242px;}
.i-jt-box-zs li .zs-pic{width:128px;height:80px;overflow:hidden;zoom:1;border-radius: 6px;margin-bottom:6px;position: absolute;left:20px;top:27px;background:#ccc;}
.i-jt-box-zs li .zs-pic img{transition: all 0.5s;}
.i-jt-box-zs li .zs-pic:hover img{transform: scale(1.06);}

.i-hot-box .i-hot-box-list{padding:0 0 40px 0 ;position: relative;}
.i-hot-box .i-hot-box-list .box-w{height: 32px;position: relative;z-index: 1;margin:15px 0;}
.i-hot-box .i-hot-box-list .box-w-in{height:24px;padding:8px 10px;overflow:hidden; background:#fff;border:1px solid #fff;border-radius: 10px;box-shadow: 0 3px 6px rgba(255,255,2555,0);}
.i-hot-box .i-hot-box-list dl{clear:both;line-height: 30px;overflow:hidden;zoom:1;display: table-row;width:100%;}
.i-hot-box .i-hot-box-list dt{font-size:14px;overflow:hidden;zoom:1;white-space:nowrap;display:table-cell;background: #f5f5f5;border-radius: 20px;font-weight:700;width:100px;text-align: center;}
.i-hot-box .i-hot-box-list dd{font-size:14px; white-space: normal;display:table-cell;zoom:1;padding-left:20px;}
.i-hot-box .i-hot-box-list dd a{color:#858585;margin-right:25px;display:inline;white-space:nowrap;}
.i-hot-box .i-hot-box-list dd a:hover{color:#4b8fe0;text-decoration: underline;}
.i-hot-box .i-hot-box-list .hover .box-w-in{border:1px solid #eee;box-shadow: 0 3px 6px rgba(120,120,120,0.1);}
.i-hot-box .i-hot-box-list .hover{z-index: 2;}
.i-hot-box .i-hot-box-list .box-w-in:hover dt{color:#4b8fe0;font-weight:700;}
.i-hot-box{overflow: inherit;}
.side-title-tab{position: relative;margin-top:-20px;text-align: right;}
.side-title-tab li{display: inline-block;font-size:14px;color:#858585;background: #eee;padding:0 10px;line-height: 24px;margin:0 2px;height: 24px;border-radius: 4px;cursor: pointer;}
.side-title-tab li.hover{color:#fff;background: #67a2e7;}


.i-ht-c .i-ht-list{	margin: 0 -12px;float:left;padding-top:25px;}
.i-ht-c .i-ht-list li{	padding: 0 12px 32px;width: 25%;	height: 280px;	float: left;margin-bottom: 10px;box-sizing: border-box;}
.i-ht-c .i-ht-list li>div{background: #ffffff;}
.i-ht-c .i-ht-list li .imgBox{border: 1px solid #eee;height:230px;overflow:hidden;margin-bottom:6px;}
.i-ht-c .i-ht-list li .imgBox img{width: 100%;margin-top:-15px;}
.i-ht-c .i-ht-list li .price{font-size: 16px;color: #f33;line-height: 24px;display: none;}
.i-ht-c .i-ht-list li .tit{	font-size: 16px;color: rgb(102, 102, 102);line-height: 28px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-ht-c .i-ht-list li .info{font-size: 12px;color: rgb(184, 184, 184);line-height: 20px;margin-top: 12px;}
.i-ht-c .i-ht-list li .btnBox{background-color: rgba(255, 255, 255, 0.851);	position: absolute;	left: 0;top: 0;	width: 200px;height: 230px;opacity: 0;transition: all 0.3s;border:1px solid #e5e5e5;}
.i-ht-c .i-ht-list li:hover .btnBox{opacity: 1;}
.i-ht-c .i-ht-list li .btnBox a{border-radius: 2px;	background-color: rgb(228, 57, 60);	width: 140px;height: 34px;line-height:34px;font-size:14px;color: #ffffff;	display: block;	text-align: center;}
.i-ht-c .i-ht-list li .btnBox a.viewBtn{background-color: rgb(29, 112, 210);margin-top: 16px;}
.i-ht-c .i-ht-list li:hover .textBox a{color:#4b8fe0;}
.i-ht-c .i-ht-list li .textBox a:hover{text-decoration: underline;}
.i-ht-c .pore .textBox{height:auto;}
i.markT{display: block;	background-color: #6596d0;position: absolute;right: 0;top: 0;height: 20px;line-height: 20px;font-size: 12px;color: #ffffff;padding: 0 8px;border-radius: 0 0 0 10px;	text-transform: uppercase;}
i.markT.top{background-color: #f4393d;}
i.markT.recommend{background-color: #a42ef7;}
i.markT.hot{background-color: #ff9711;}
