@charset "UTF-8";body{background:#fafafa}
header.mini {
    position:absolute;
}
#page2{width:1200px;margin:0 auto;padding-top:20px;padding-bottom:30px}
#page_banner{height:248px;background-image:url(../images/prevention.jpg);background-repeat:no-repeat;background-position:center}
.topfixed{position:fixed;_position:absolute;top:70px;z-index:250}
.fr{float:right;_display:inline}
.sjzm-vip{position:relative;top:-35px;left:0;padding:0 40px;line-height:72px;background:#ffa800;color:#fff;font-size:20px;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 3px 15px rgba(255,168,0,0.5);-ms-box-shadow:0 3px 15px rgba(255,168,0,0.5);-moz-box-shadow:0 3px 15px rgba(255,168,0,0.5);box-shadow:0 3px 15px rgba(255,168,0,0.5)}
.sjzm-vip .btn{overflow:hidden;height:40px;line-height:40px;margin:16px 0 0;padding:0 36px;background:#fff;font-size:16px;color:#ffa800;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:700}
.sjzm-vip .btn:hover{background:#2ed25d;color:#fff}
.param_order{padding-left:20px;height:40px;border-bottom:2px solid #f2f1f1}
.param_order li{float:left;margin:0 25px 0 15px;font-size:16px;text-align:center;position:relative}
.param_order .active,.param_order li:hover{color:#67b02b}
.param_order .active a,.param_order li:hover a{display:block;border-bottom:2px solid #67b02b;padding-bottom:16px}
.content{width:100%;float:left;border:1px solid #f5f5f5;background-color:#fff;border-bottom:0}
.content .table{width:100%;float:left;border-collapse:collapse;border-spacing:0;table-layout:fixed;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.content .table th{line-height:30px;padding:7px;text-align:center;background-color:#88cf4e;color:#fff;font-size:16px;font-weight:normal}
.content .table tbody tr{border-bottom:1px solid #f5f5f5;border-top:1px solid #fff;border-left:1px solid #fff}
.content .table tbody tr:hover{border:1px solid #88cf4e!important;-webkit-box-shadow:0 1px 8px 2px rgba(136,207,78,0.33);box-shadow:0 1px 8px 2px rgba(136,207,78,0.33);border-bottom:1px solid #88cf4e!important}
.content .table td{line-height:22px;padding:15px 7px;width:auto;color:#333;font-size:13px;word-break:break-all;word-wrap:break-word;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.content .table td a{color:#333}
.content .table tbody tr:hover td a{color:#060}
#banner{height:248px}
.banner_bg #display{z-index:9;display:block;cursor:default;position:absolute;top:-200px}
.banner_bg #blachole{position:fixed;top:60px;right:60px;width:120px;height:120px}
.banner_bg canvas{width:100%;height:100%}
.banner_bg h1{color:#fff;text-align:center;padding-top:65px;margin-bottom:20px;font-size:32px}
.banner_bg p{color:#fff;text-align:center;font-size:16px}
.banner_bg{height:248px;position:absolute;width:100%;z-index:9;background-color:#2966fc;background:linear-gradient(-60deg,#3969f9 0,#7873f3 100%);overflow:hidden}
.xqy-nav{position:relative;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px;top:-35px;left:0;height:60px;background:#fff;-webkit-box-shadow:0 3px 8px rgba(100,100,100,0.1);-ms-box-shadow:0 3px 8px rgba(100,100,100,0.1);-moz-box-shadow:0 3px 8px rgba(100,100,100,0.1);box-shadow:0 3px 8px rgba(100,100,100,0.1) ; z-index:99;}
.xqy-nav ul{*zoom:1;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.xqy-nav ul:after{display:block;clear:both;height:0}
.xqy-nav ul:after{display:block;clear:both;height:0}
.xqy-nav li{float:left;margin:0 0 0 78px;overflow:hidden;height:62px;line-height:62px}
.xqy-nav li a{display:block;color:#666;font-size:16px}
.xqy-nav li a.cur,.xqy-nav li a:hover{position:relative;overflow:hidden;height:60px;line-height:62px;color:#0097f8;border-bottom:2px solid #0097f8}
.xqy-nav .btn,.xqy-nav .btn2{padding:0 20px;margin:14px 10px 0 0;line-height:30px;color:#0097f8;border:1px solid #0097f8;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.xqy-nav .btn:hover,.xqy-nav .btn2{color:#fff;background-color:#0097f8}
.xqy-nav .wg1{background-image:url(../images/l_wg_1.png);background-repeat:no-repeat;padding-left:30px;background-position:10px center;background-size:11px}
.xqy-nav .wg2{background-image:url(../images/l_wg_2.png);background-repeat:no-repeat;padding-left:30px;background-position:10px center;background-size:11px}
.xqy-nav .weixin{display:inline-block;padding:0 20px;margin:10px 10px 0 0;line-height:35px;color:#393;border:1px solid #393;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-image:url(../images/wx_1.png);background-repeat:no-repeat;padding-left:35px;background-position:10px center;background-size:18px}
.xqy-nav .weixin:hover{color:#fff;background-color:#393}
.xqy-nav .weixin i{position:absolute;background:url(/skin/twoir/images/com/weixin.jpg) no-repeat;background-size:200px 200px;-moz-background-size:200px 200px;-webkit-background-size:200px 200px;-o-background-size:200px 200px;width:200px;height:200px;bottom:70px;right:15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}

.xqy-nav .weixin i:after{content:"";border-top:10px solid #fff;border-right:10px solid transparent;border-bottom:0;border-left:10px solid transparent;position:absolute;bottom:-10px;left:50%;margin-left:-10px;display:block}
.xqy-nav .weixin:hover i,a[class|=btn]{display:inline-block}
.page{height:70px;padding-top:40px;text-align:center}
.page a{display:inline-block;padding:0 12px;height:30px;line-height:30px;text-align:center;border:1px solid #dfdfdf;margin:5px;font-size:14px;background-color:#fff;border-radius:5px}
.page b,.page a:hover{display:inline-block;padding:0 12px;height:30px;line-height:30px;text-align:center;border:1px solid #fff;margin:5px;font-size:14px;background-color:#89d050;color:#fff;border-radius:5px}
.page a b{background-color:#fff;padding:0;color:#999;display:inline}
.ajy_item_dl .dd li .lite-xcx-ewm{width:120px;height:auto;font-size:14px;z-index:1000;box-shadow:0 0 2px #d4d3d3;padding:10px;background-color:#fff;position:fixed;right:100px;top:260px;text-align:center;display:none}
.ajy_item_dl .dd li .lite-xcx-ewm img{width:120px;display:block}
.ajy_item_dl .dd li:hover .lite-xcx-ewm{display:block}
.ajy_item_dl{margin-top:10px}
.ajy_item_dl.other{padding:0 0 15px}
.ajy_item_dl{line-height:28px}
.ajy_item_dl .dt{height:50px;clear:both;padding-left:15px}
.ajy_item_dl .dt span{position:relative;z-index:10px;display:block;font-size:18px;width:30px;height:30px;background-color:#f3f5f7;text-align:center;line-height:30px;color:#4d555d;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:8px;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}
.ajy_item_dl:hover .dt span{background-color:#89d050;color:#fff}
.ajy_item_dl .dd li{float:left;position:relative}
.ajy_item_dl .dd a.disease_name{width:108px;margin:10px;background-color:#fff;color:#333;font-size:15px;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3;padding:5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.ajy_item_dl .dd a.disease_name:hover{background-color:#89d050;border:1px solid #89d050;color:#fff;transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);box-shadow:0 16px 25px -12px rgba(0,36,100,0.19)}
.ajy_item_dl .dd a.disease_name span,.ajy_item_dl .dd a.disease_name i{padding-left:10px;color:#9e9c9c;font-size:14px;line-height:25px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.ajy_item_dl .dd a.disease_name:hover span,.ajy_item_dl .dd a.disease_name:hover i{color:#fff}
#saixuan{background:#fff;margin-bottom:10px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.08);-moz-box-shadow:0 2px 6px rgba(0,0,0,0.08);-ms-box-shadow:0 2px 6px rgba(0,0,0,0.08);-o-box-shadow:0 2px 6px rgba(0,0,0,0.08);box-shadow:0 2px 6px rgba(0,0,0,0.08);padding:20px 2px 10px 10px}
.saixuan_title span{font-size:14px;line-height:16px;color:#b6b2b2;padding-left:15px}
.saixuan_info{padding:5px 0 5px 0;height:40px;overflow:hidden;width:100%}
.saixuan_info p{float:left;width:110px;height:20px;line-height:30px;font-size:16px;color:#07111b;padding-left:5px}
.saixuan_info_ul{width:90%;float:left}
.saixuan_info a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:inline-block;line-height:30px;margin-right:12px;padding:0 10px;font-size:14px;margin-bottom:15px;color:#4d555d;background-color:#f3f5f7;border-radius:5px}
.xhtl{height:60px;}
.xhtl p{line-height:25px;}
.xhtl a{margin-right:12px;}
.saixuan_info a:hover{text-decoration:none;color:#fff;background-color:#88cf4e}
.saixuan_info .active{background:#88cf4e;color:#fff}
.saixuan_info .text{border-radius:0;border:solid 1px #ccc;outline:0;text-decoration:none;display:inline-block;30 height:20px;padding:4px 4px;font-size:14px;line-height:20px;color:#555;border-radius:5px}
.saixuan_info .submit{color:#fff;background-color:#88cf4e;border-radius:2px;font-size:14px;height:30px;padding:0 20px;line-height:12px;margin-left:10px}
.param_order{margin:0 10px;padding-left:20px;height:40px;border-bottom:2px solid #f2f1f1;margin-bottom:12px}
/*基因内容页*/
.genes-bg{padding:0;height:auto;padding-bottom:20px;}
.gene-guide{width:1180px;margin:0 auto; height: 50px;line-height: 47px;color: #FFFFFF;margin-bottom:10px;}
#gene-info{width:1200px;margin:0 auto;position:relative;top:-120px;z-index:99;}
.gene-header{ background: #fff;color: #666666;margin-bottom:20px;
    border-radius: 5px;
    min-height: 265px;
    overflow: hidden;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 3px 8px rgba(100,100,100,0.1);-ms-box-shadow:0 3px 8px rgba(100,100,100,0.1);-moz-box-shadow:0 3px 8px rgba(100,100,100,0.1);box-shadow:0 3px 8px rgba(100,100,100,0.1)}
.gene-header .fl{float:left;width:550px;font-size: 14px;line-height: 25px; padding:25px 15px 25px 25px;}
.gene-header .fr{float:right;width:550px;padding:15px 10px 25px 10px;background-color:#F2F7FB;margin:20px 20px 20px 0;border-radius:5px;border:1px solid #B3D9FF;}
.gene-header .gene-header-about p{margin-bottom:10px;}
.gene-header .gene-header-about .a-img{float:left;}

.gene-header .gene-header-news dt{font-size:14px;color:#999;}
.gene-header .gene-header-news ul {float:left;line-height:30px;}
.gene-header .gene-header-news ol{width: 150px;margin: 0 auto;text-align: center;}
.gene-header .gene-header-news ol li{text-align:center;}
.gene-header .gene-header-news ol img{display:block;margin-bottom:10px;
	max-height:150px;
	border:1px solid #e3e3e3;
	padding:5px;
	cursor:pointer;
}
.gene-header .gene-header-news ol img:hover{border:1px solid #A9FA61;}
#banner .title {width:1150px;margin:0 auto; color: #fff;text-align:center; line-height: 40px;}
#banner .title h2{   
    padding-top: 0px;float:left;  font-size: 26px;margin-right:20px;
   
    font-weight: normal;}
#banner .title span{float:left;}
.gene-header .fr table{}
.gene-header .fr table td{padding:2px;}
.gene-header .fr .lr{text-align:right;width:110px;height:30px;padding-right:5px;}
.gene-header .fr .lr strong,.gene-header .fr .lr span{    font-weight: normal;
    color: #999999;}
.gene-header .fr .lr span{font-size:12px;margin-right:13px;}
.gene-header .fr p {line-height: 40px;}

.gene-header a{color:#009900;}
.gene-header a:hover{
	text-decoration: underline;
}
        .bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
        .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
        .mask:hover{cursor:zoom-out}
        .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
        .mask>img:hover{cursor:pointer}
#gene-v{margin-bottom:20px;
	
}
#gene-v dt{background-color: #FFA800;color:#FFFFFF;line-height:40px;padding:5px 20px;font-size:16px;}
#gene-v .title{background-color: #FFA800;color:#FFFFFF;line-height:40px;padding:5px 20px;font-size:16px;}
#gene-v ul{background: #fff;padding:10px 5px;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 3px 8px rgba(100,100,100,0.1);-ms-box-shadow:0 3px 8px rgba(100,100,100,0.1);-moz-box-shadow:0 3px 8px rgba(100,100,100,0.1);box-shadow:0 3px 8px rgba(100,100,100,0.1)}
#gene-v li{float:left;}

#gene-v li a{margin:5px 5px 5px 10px;    background-color: #f3f5f7;color:#4d555d;font-size:15px;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#gene-v li a:hover,#gene-v li a.active{
	background-color:#89d050;
	color:#fff;
	transform:translateY(-3px);
-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);	box-shadow:0 16px 25px -12px rgba(0,36,100,0.19);
	text-decoration: none;
}
.alert-info{    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;    padding: 15px;margin:10px 10px 5px 10px;
    border: 1px solid transparent;
    border-radius: 4px;}
.alert-info strong{padding:0 10px;}

#gene2 .title{background-color: #FFA800;color:#FFFFFF;line-height:40px;padding:5px 20px;font-size:16px;}
#gene2 .section-content {padding: 10px 0;}
#gene2 .jg-tc-ul li {width: 278px;margin: 10px;}
.jybody {
    margin: 20px;
}
.jybody p {
    line-height: 30px;
    font-size: 16px;
    padding-bottom: 10px;
}

#variant{color: #666666;}
#variant .variant-title{ background-color: #d9edf7; color: #31708f;  line-height:40px;padding:5px 20px;font-size:16px;}
#variant .variant-info{background: #fff;padding:10px 5px;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 3px 8px rgba(100,100,100,0.1);-ms-box-shadow:0 3px 8px rgba(100,100,100,0.1);-moz-box-shadow:0 3px 8px rgba(100,100,100,0.1);box-shadow:0 3px 8px rgba(100,100,100,0.1)}
#variant .variant-info .fl{float:left;width:570px;font-size: 14px;line-height: 25px; padding:15px 15px 15px 15px;}
#variant .variant-info .fl div{margin-bottom:10px;}
#variant .variant-info .fl .variant-p span{float:right;}
#variant .variant-info .fl .variant-p strong{color:#000000;}
#variant .variant-info .fr{float:right;width:560px;padding:10px 10px 10px 0;}
#variant a{color:#009900;}
#variant a:hover{
	text-decoration: underline;
}

.coordinates-block {
    padding: 7.5px 7.5px 0 7.5px;font-size:12px;
    margin-bottom: 15px;
    background-color: #F2F7FB;line-height:20px;
    border-radius: 4px;
}
.coordinates-block td{padding:2px;}
.coordinates-block .section-title.first {
    margin-top: -7.5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.coordinates-block .section-title {
	margin-left: -7.5px;
	margin-right: -7.5px;
	margin-top: 7.5px;
	line-height:15px;
	background-color: #E3F2F9;
	padding: 7.5px;
	font-weight: bold;
}
.coordinates-block .key {
    font-weight: 700;
    font-size: small;
    padding-bottom: 0;
    color: #666;
}
.gene-xl{padding:10px 5px 5px;}
#Evidence{padding:10px;}
#Evidence .title{font-size:16px;color:#000000;padding-bottom:10px;}
.Evidence-list table{border-top:1px solid #D4D4D4;border-left:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;text-align:left; border-radius: 4px;}
.Evidence-list td,.Evidence-list th{border-right:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;padding:10px;}
.Evidence-list td{border-bottom:0;}
.Evidence-list th{background-color:#F3F3F3;color:#444;}

.Evidence-list tr{cursor:pointer;}
.Evidence-list tr:nth-child(odd){text-align:center; background:#F6F6F6;}
.Evidence-list tr:nth-child(even){text-align:center; background:#fff;}

.Evidence-list .td2{width:200px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;    height: 30px;}
.Evidence-list .td3{width:140px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.Evidence-list .td4{width:140px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.Evidence-list .td6{width:80px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.Evidence-list .td7{width:80px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.Evidence-list .td8{width:80px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.Evidence-list .td9{width:80px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.Evidence-list .td10{width:20px;}

.Evidence-list .la,.Evidence-list .lb,.Evidence-list .lc,.Evidence-list .ld,.Evidence-list .le{display: inline-block; padding: 5px 10px  6px 10px; line-height: 12px;border-radius: 3px;color:#fff;    display: block;}
.Evidence-list .la{background-color: #33b358;}
.Evidence-list .lb{background-color: #08b1e6;}
.Evidence-list .lc{background-color: #616eb2;}
.Evidence-list .ld{background-color: #f68f37;}
.Evidence-list .le{background-color: #e24759;}
.Evidence-list tr{color:#444;font-size:14px;line-height:30px;padding:5px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.Evidence-list tr:hover,.Evidence-list tr.active{ background:#d9edf7;}

#Evidence-info{padding:10px 10px 5px 10px;}
#Evidence-info .Evidence-title{ background-color: #d9edf7; color: #31708f;  line-height:40px;padding:5px 20px;font-size:16px;}
#Evidence-info .Evidence-text{    background: #fafafa;padding:10px;}
#Evidence-info .Evidence-text p{margin-bottom:10px;}

#banner .title .genebbs {float:right;
}
#banner .title .genebbs a{
	display: inline-block;
	padding: 0 20px;
	line-height: 35px;
	color: #393;
	border:1px solid #fff;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
	background-image: url(../images/bbs.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	background-position: 10px center;
	background-size: 18px;
	background-color: #FFFFFF;
}
#banner .title .genebbs a:hover{background-color: #FFFF00;color: #393;border:1px solid #fff;}



.zt-item{margin-bottom:15px;position: relative;}
@media (min-width:768px){.zt-item{margin-bottom:30px}}
.zt-item h2{line-height:1;font-size:16px;margin-bottom:6px;margin-top:0;height:1.2em;color:#525252;}
@media (min-width:768px){}
.zt-item h2{height:2em;font-size:16px;padding-top:10px;}
.zt-item a{display:block;border-top-color:transparent;color:#555;border-radius:3px;overflow:hidden;}

.zt-item a .entry{color:#999}
.zt-item a:hover{box-shadow:0 0 20px #eaeaea;background-color:#fff;}
.zt-item a:hover .btns .btn{border-color:#1097DB;background:#1097DB;color:#fff}
.zt-item a:hover .item-thumb:before{background:transparent}
.zt-item h4{font-size:14px;line-height:1.5em;font-weight:normal;color:#999;}

.item-text{margin: 0 14px;color:#fff;height: 0;position: absolute;bottom: 0;left: 0;overflow: hidden;text-align: center;background: rgba(16,151,219,0.9);
transition:height .5s;line-height:25px;text-align: left;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}

.dropload-up,.dropload-down{position: relative;height: 0;overflow: hidden;font-size: 12px;/* 开启硬件加速 */-webkit-transform:translateZ(0);transform:translateZ(0);}
.dropload-down{height: 50px;}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height: 50px;line-height: 50px;text-align: center;}
.dropload-load .loading{display: inline-block;height: 15px;width: 15px;border-radius: 100%;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;}
@-webkit-keyframes rotate {0% {    -webkit-transform: rotate(0deg);}50% {    -webkit-transform: rotate(180deg);}100% {    -webkit-transform: rotate(360deg);}}
@keyframes rotate {0% {    transform: rotate(0deg);}50% {    transform: rotate(180deg);}100% {    transform: rotate(360deg);}}



.cgene-genetic{}
.cgene-genetic .section-title{padding:20px 0;font-size:16px;}
@media (min-width:768px){
.zt-item:hover .item-text{height:100%;overflow:hidden;}
}
.zt-item:hover .item-text p{padding:20px;}
}
@media (min-width:768px){.zt-item h4{font-size:14px}}
.zt-item .entry{margin:0 15px 18px;font-size:14px;line-height:27px;height:54px;overflow:hidden;letter-spacing:.2px}
.zt-item .btns{text-align:center;margin:0 0 22px}
.zt-item .btns .btn{display:inline-block;padding:2px 1em;font-size:13px;line-height:22px;border:1px solid #eaeaea;cursor:pointer;letter-spacing:1px}
@media (min-width:768px){.zt-item .btns .btn{font-size:14px;line-height:32px}}
.zt-item .btns .btn:hover{border-color:#1097DB;background:#1097DB;color:#fff}
.zt-item .item-thumb{position:relative;}
.zt-item .item-thumb img{width:100%;}
.zt-item .item-thumb .thumb{padding-top:69.18918919%;border-radius:3px 3px 0 0;}
.zt-item .item-thumb h5{position:absolute;left:0;right:0;bottom:20px;line-height:30px;height:30px;overflow:hidden;font-size:14px;font-weight:normal;margin:0;color:#fff;z-index:10}
.zt-item .item-thumb h5 span{padding:0 15px}
.zt-item .item-thumb h5 .l{float:left}
.zt-item .item-thumb h5 .r{float:right}

.part-zt .section-title{border-bottom:none}
.part-zt .section-content{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin:0;flex-wrap:wrap}

.part-zt .section-content .zt-item{box-sizing:border-box;padding:0 7px;width:50%;margin-bottom:25px}

.part-zt .section-content .zt-item{width:33.33%;padding:0 14px}

/*样式二*/
.part-zt .section-content .zt-item{width:50%;padding:0 14px}
.zt-item .item-thumb{float:left;width:25%;}
.zt-item .item-right{float:left;width:75%;}
.zt-item h2,.zt-item h4{padding-left:15px;font-size:14px;
}
.zt-item h4{font-size:12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}