@charset "utf-8";




/*手机模板*/
.wapTemplates {
    padding-top:10px;
}
#wapsite .tempateSortSearch{ display:block;  margin-bottom:10px;width:958px; border:solid #e0e0e0 1px; background:#fff;}
#wapsite .tempateSortSearch h5{ padding-left:15px; background:url(../images/t1.gif) repeat-x;color:#424242; line-height:30px;font-size:14px; font-weight:bold;}

#wapsite .tempateSortSearch .title{display:inline-block;border-top:1px solid #e7e7e7; width:100%; overflow:hidden; /* height:36px; */}
#wapsite .tempateSortSearch .title strong{display:block; float:left; width:60px; padding: 5px 7px; color: #0066CC; font-size:14px; text-align:center; line-height:37px;}
#wapsite .tempateSortSearch .title .all{display:block;float:left; border:1px solid #c1ddf2; height:20px; margin-top:13px; line-height:19px; }
#wapsite .tempateSortSearch .title .allCurrent{display:block;float:left; border:1px solid #ff3300; margin-top:13px; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;color: #FF3300;line-height:19px;}
#wapsite .tempateSortSearch .title ul{display:inline-block; width: 560px; padding: 14px 0px 0px 0px; /* display: table; height:100%; */ }
#wapsite .tempateSortSearch .title li{float:left; display: block; white-space: nowrap; height: 30px; overflow: hidden; /* border: solid 1px red; */}
#wapsite .tempateSortSearch .title li.select a{border:1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;color: #FF3300;}
#wapsite .tempateSortSearch .title a{ display: block; float: left; margin-right:7px; border:1px solid #fff; padding: 0px 7px; text-align:center; font:bold 14px/18px Microsoft YaHei; color:#0066CC; cursor:pointer;}
#wapsite .tempateSortSearch .sortIcon{ display:block; float:left; width:22px; height: 21px;}
#wapsite .tempateSortSearch .title li.hover a{color:#ff3300;}



#wapsite .tempateSortSearch .content .all{display:block;float:left; padding:0px 9px; text-align:center;  border: 1px solid #C1DDF2;background:#ECFAFD; background-image:none;line-height:20px; }
#wapsite .tempateSortSearch .content .allCurrent{display:block;float:left; width: auto; text-align:center; padding:0px 9px;  border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;line-height:19px;}
#wapsite .tempateSortSearch .content p{ display:block; float:right; width:815px; padding: 0px 2px;}
#wapsite .tempateSortSearch .content p a{display:block; text-align:center; float:left; border:1px solid #ECFAFD; padding:0px 9px; line-height:21px; white-space:nowrap;}
#wapsite .tempateSortSearch .content .current{ border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;}

#wapsite .tempateSortSearch .paramtitle{display: table; width:938px; border-top:1px solid #e7e7e7; padding: 8px 20px 8px 0px; _padding: 8px 20px 0px 0px; clear: both; height: 100%;}
#wapsite .tempateSortSearch .paramtitle strong{display:block; float:left; width:60px; padding: 0px 7px; color: #0066CC; font-size:14px; text-align:center;line-height:21px;}
#wapsite .tempateSortSearch .paramtitler1{position:absolute; right:0px; bottom:38px;width:386px;}
#wapsite .tempateSortSearch .paramtitler2{position:absolute; right:0px; bottom:0px;width:400px;}


#wapsite .tempateSortSearch .paramtitle .all{display:block;float:left; padding:0px 9px; text-align:center; border: 1px solid #C1DDF2; background:#ECFAFD; background-image:none;line-height: 20px;}
#wapsite .tempateSortSearch .paramtitle .allCurrent{display:block;float:left; width: auto; text-align:center; padding:0px 9px;  border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;line-height:19px;}
#wapsite .tempateSortSearch .paramtitle p{ display:block; float: left; width:566px; padding: 0px 2px; line-height:21px;}
#wapsite .tempateSortSearch .paramtitler1 p{width:238px;}
#wapsite .tempateSortSearch .paramtitle p a{display:block; text-align:center; float:left; padding:0px 9px; line-height:21px; white-space:nowrap;}
#wapsite .tempateSortSearch .paramtitle .current{ border: 1px solid #ff3300; background:url(../images/icon/currentsort.gif) no-repeat right bottom #fff;}









/*手机模板*/
.wap_p_list_api {

}

.wap_p_list_api ul{display:inline-block;width:100%; overflow:hidden;}

.wap_p_list_api li{ display:inline-block; float:left; margin:10px 0px 10px 12px; width:217px; height:404px; padding:41px 1px 0px 1px;   background: url(/smofine_api/api_temp02/page_import/images/1408/bg03.jpg) no-repeat left top;}
.wap_p_list_api .wrap { width:217px; height:372px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; float:left; display:inline;  overflow:hidden;z-index:0;}

.wap_p_list_api  .wrap a { display:block; width:217px; height:372px; text-decoration:none; color:#000; }

.wap_p_list_api .wrap img { border:0;width:217px; height:372px; }
.wap_p_list_api .wrap i { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:#000; filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
opacity:0.40; -webkit-transition: all 0.6s ease-in-out; }
.wap_p_list_api .wrap .info { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; -webkit-transition: all 0.6s ease-in-out; }
.wap_p_list_api .wrap .info b { display:block; font-size:14px; line-height:40px; color:#fff; text-align:center; margin:0; padding-top:40px; /*line-height:72px;*/ z-index:0;/* background:#000;*/ filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/*opacity:0.40;*/ -webkit-transition: all 0.6s ease-in-out; background:url("../Images/weiwangbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.wap_p_list_api .wrap .info span { display:block; padding:10px; line-height:20px; }
.wap_p_list_api .wrap .info span img{ width:156px; height:156px; margin:auto; display:block;}
.wap_p_list_api .wrap a:hover { direction:ltr; }
.wap_p_list_api .wrap a:hover i { top:0; }
.wap_p_list_api .wrap a:hover .info { top:0; }

.wap_p_list_api .wrap .preview {
    margin:10px auto;
    border:1px solid #fff;
    width:50%;
   height:40px;
   line-height:40px;
   text-align:center;
   background-color:#d8d6d6;
   background-color:rgba(255, 255, 255, 0.56);
           font-size:16px;
}

    .wap_p_list_api .wrap .info span.wapid {
        padding-top:30px;
        font-size:14px;
    }
.wap_p_list_api .clear { clear:left; }
#com_lastistop_wapsite  li a{
    display:block;
    overflow:hidden;
   height: 129px;
}
#com_lastistop_wapsite li a.pt{
   height: 23px;
}
#com_lastistop_wapsite .plist img{
    height:auto;
}



.wapTemplates {

}


/* 响应式模板*/
.xys_p_list_api {
display: inline-block;
border: solid #e0e0e0 1px;

padding-bottom: 20px;
background: #fff;
}

.xys_p_list_api ul{display:inline-block;width:100%; overflow:hidden;}

.xys_p_list_api li{ display:inline-block; float:left; margin:10px 0px 10px 12px; width:217px; height:404px; padding:41px 1px 0px 1px;   background: url(/smofine_api/api_temp02/page_import/images/1408/bg03.jpg) no-repeat left top;}

.xys_p_list_api .wrap { width:217px; height:372px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; float:left; display:inline;  overflow:hidden;z-index:0;}

.xys_p_list_api  .wrap a { display:block; width:217px; height:372px; text-decoration:none; color:#000; }

.xys_p_list_api .wrap img { border:0;width:217px; height:372px; }
.xys_p_list_api .wrap i { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:#000; filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
opacity:0.40; -webkit-transition: all 0.6s ease-in-out; }
.xys_p_list_api .wrap .info { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; -webkit-transition: all 0.6s ease-in-out; }
.xys_p_list_api .wrap .info b { display:block; font-size:14px; line-height:40px; color:#fff; text-align:center; margin:0; padding-top:40px; /*line-height:72px;*/ z-index:0;/* background:#000;*/ filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/*opacity:0.40;*/ -webkit-transition: all 0.6s ease-in-out; background:url("../Images/weiwangbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.xys_p_list_api .wrap .info span { display:block; padding:10px; line-height:20px; }
.xys_p_list_api .wrap .info span img{ width:156px; height:156px; margin:auto; display:block;}
.xys_p_list_api .wrap a:hover { direction:ltr; }
.xys_p_list_api .wrap a:hover i { top:0; }
.xys_p_list_api .wrap a:hover .info { top:0; }

.xys_p_list_api .wrap .preview {
    margin:10px auto;
    border:1px solid #fff;
    width:50%;
   height:40px;
   line-height:40px;
   text-align:center;
   background-color:#d8d6d6;
   background-color:rgba(255, 255, 255, 0.56);
           font-size:16px;
}

    .xys_p_list_api .wrap .info span.wapid {
        padding-top:30px;
        font-size:14px;
    }
.xys_p_list_api .clear { clear:left; }


.xys_p_list_api li {
    margin: 30px 15px 0;
    padding: 1px;
    width: 284px;
    height: 240px;
    border: 1px solid #e2e2e2;
    background: #f9f9f9;
}
.xys_p_list_api .wrap {
    width: 284px;
    height: 240px;
    font-family: microsoft yahei;
}
.xys_p_list_api .wrap a {
    width: 284px;
    height: 240px;
}
.xys_p_list_api .wrap a:hover {
    direction: ltr;
}
.xys_p_list_api .wrap a img {
    width: 284px;
    height: 205px;
}
.xys_p_list_api .wrap a dl {
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
}
.xys_p_list_api .wrap a dl dt {
    float: left;
    padding-left: 5px;
}
.xys_p_list_api .wrap a dl dd {
    float: right;
    padding-right: 5px;
}
.xys_p_list_api .wrap a:hover .info {
    top: 0;
}
.xys_p_list_api .wrap .info {
    width: 284px;
    height: 240px;
    left: 0;
    top: 241px;
    background-color: rgba(0,0,0,0.5);
}
.xys_p_list_api .wrap .info b {
    padding-top: 10px;
    background: none;
}
.xys_p_list_api .wrap .info span {
    display: block;
    padding: 5px;
    line-height: 20px;
}
.xys_p_list_api .wrap .info span img {
    width: 120px;
    height: 120px;
}
.xys_p_list_api .wrap .preview {
    width: 120px;
    height: 35px;
    line-height: 35px;
    background-color: rgba(21,132,223,0.6);
}