/* -------- 图片 -- */
.imgshow .swipeboxEx{position: relative; width: 100%; overflow: hidden; margin: 0 auto;}
.imgshow .listp{position: relative; display: inline-block; overflow: hidden; background: url(../images/lazy.png) no-repeat center #eee; float: left; margin: 4px; width:450px; height: 300px; border-radius:8px; /* transition:all .2s; */}
.imgshow .listp img{width: 100%; height: 100%; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
.imgshow .listp img {
  transition: transform 1s;
}

.imgshow .listp a:hover img {
  transform: scale(1.1);
}
.imgshow .listp>a{display:block;height:100%;}
.imgshow .listp>a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.imgshow .more{width: 60%; max-width: 250px; margin: 40px auto 0; height: 50px; line-height: 50px; text-align: center;}
.imgshow .more a{display: block; height: 50px; background: #0099e5; color: #fff; border-radius: 4px; font-size: 18px;}
.imgshow .more a:hover{background: #269edc;}
.imgshow .listp .popup{height: 0;width:30px;position: absolute; top:10px; right: 9.5px; z-index: 1; line-height: 30px;transition: all .2s ease-in;visibility: hidden;opacity: 0;}
.imgshow .listp:hover .popup{visibility: visible;opacity: 1;}
.imgshow .listp .popup .downimg,.collect-one,.imgSoutu-btn{float: right;display: block;margin-bottom:6px;width:30px; height: 30px; color: #fff; font-size: 16px; text-align: center; background: #000\9; -webkit-border-radius: 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.5);}
.imgshow .listp .popup .downimg{width: 50px;}
.imgshow .listp .popup .downimg:hover,.collect-one.on,
.collect-one:hover,.imgSoutu-btn:hover{color: #2CAEFF;}
/*.listp .imgSoutu-btn i{font-size: 22px;line-height: 34px;margin-left: 1px;text-shadow: 0 0 6px rgba(0,0,0,.6);}
.listp .imgSoutu-btn{white-space: nowrap;overflow: hidden;}
.listp .imgSoutu-btn:hover{width: 102px;transition: 0.2s;}
.listp .imgSoutu-btn span{font-size:16px;color:#2CAEFF;vertical-align: 3.5px;opacity: 0;visibility: hidden;transition: 0.2s;}
.listp .imgSoutu-btn:hover i{margin-left: -2px;}
.listp .imgSoutu-btn:hover span{opacity: 1;visibility: visible;}*/
.imgshow .listp .gifHint{position:absolute;bottom:9px;left:5px;box-sizing:border-box;width: 45px;height: 26px;line-height: 24px;text-align:center;font-size: 14px;color: #FFFFFF;background:rgba(0,0,0,0.5);background: #000\9;filter: alpha(opacity=50);border: 1px solid #FFFFFF;border-radius: 100px;}
.imgshow .listp .photo-tag{position: absolute; right: 10px; left: 0px; bottom: -40px; width: 100%; height: 50px; line-height: 55px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}
.imgshow .listp .photo-tag a{color: #edf0f2; font-size: 14px;}
.imgshow .listp .photo-tag h2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.imgshow .listp .photo-tag .photo-tag-text{margin-left: 10px; line-height: 43px;}
.imgshow .listp:hover .photo-tag{bottom: 0px; background: url(../images/underlay-bg.png); width: 100%}
.imgshow .AdText{position:absolute;top: 10px;left:0;height: 24px;padding: 0 10px;font-size: 12px;color: #FFFFFF;text-align: center;line-height:24px;background: #42a1f2;background: -moz-linear-gradient(left, #42a1f2 0%, #74cdf9 100%);background: -webkit-linear-gradient(left, #42a1f2 0%,#74cdf9 100%);background: linear-gradient(to right, #42a1f2 0%,#74cdf9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a1f2', endColorstr='#74cdf9',GradientType=1 );box-shadow: 0 0 3px rgba(0,0,0,0.2);background:#42a1f2\9;}

.listp{position: relative;}
.collect-icon{position: absolute; top: -44px; left: 10px; z-index: 3; width: 100px; height: 34px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}
/* .listp .certificate{width: 43px; height: 34px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; left: 10px; cursor: pointer; border-radius: 2px; transition: background 0.2s;}
.listp .certificate:hover{background-color: rgba(0, 0, 0, 0.8);}
.listp .certificate>i{display: block; width: 16px; height: 16px; margin: 9px auto; background: url(../images/icon-hover.png) no-repeat 0 -40px;} */
.listp .demonstrateLeft{position: absolute;top: 4px;left: 9.5px;}
.listp .certificate{position: relative;text-align: center;font-size: 20px;color: #ffffff;cursor: pointer;}
.listp .certificate i{font-size: 16px;text-shadow: 0 0 6px rgba(0,0,0,.6);}
.listp .certificate .certificate-icontip{position: absolute;top: 0px;left: 29.5px;width: 70px;height: 28px;text-align: center;line-height: 27px;background: rgba(0,0,0,0.50);border-radius: 6px;font-size: 14px;color: #FFFFFF;letter-spacing: 0;display: none;z-index: 3;}
.listp .certificate .certificate-icontip::before{content: "";position: absolute;top: 8px;left: -12px;border-right: 6px solid rgba(0,0,0,0.50);border-top: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid transparent;}
.listp .certificate:hover i{color: #2CAEFF;}
.listp .certificate:hover .certificate-icontip{display: block;}

.listp:hover .collect-icon{top: 10px;}
.imgshow .listp .collect-best{width: auto; height: auto; text-align: center; font-size: 20px; color: #ffffff;}
.imgshow .listp .collect-best:hover{color:#2CAEFF;}

.imgshow .swipeboxEx{overflow: initial;}
.imgshow .listp .popup .showp{position: absolute; top: -35px; width: 100px; text-align: center; height: 30px; line-height: 30px; background: #FFFFFF; color: #333; box-shadow: 0 3px 7px #B0B0B0; display: none;}
.imgshow .listp .popup .showp:after{top: 100%; left: 25%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #FFFFFF; border-width: 6px; margin-left: -6px;}
/* 分页 */
.imgshow .fanye{text-align: center;}
.imgshow .pageup{display: inline-block; width: 60%; max-width: 200px; margin: 40px auto 0; height: 48px; line-height: 50px; background: #fff; color: #333; border: 1px solid #ccc; border-radius: 4px; cursor: pointer;}
.pagelist span,
.pagelist a{background: #fff; padding: 0 20px; color: #8c8c8c; display: inline-block; max-height: 40px; line-height: 40px; border: 1px #d8dce0 solid; margin: 0 2px; border-radius: 3px;}
.pagelist .pager-linkPage a.current,
.pagelist .pager-linkPage span.current{background: #269edc; color: #fff;}

/* 分页公共样式 */
.pagelist{text-align: center;padding-bottom:20px;}
.pager-linkPage{display: inline-block;}
.pager-linkPage span,
.pager-linkPage a,
.upPage,
.downPage{background: #fff; padding: 0 20px; color: #8c8c8c; display: inline-block; max-height: 40px; line-height: 40px; border: 1px #d8dce0 solid; margin: 0 2px; border-radius: 3px;}
.pager-linkPage .current,
.pager-linkPage a:hover,
.upPage:hover,
.downPage:hover{background: #269edc; color: #fff;}
.pager-linkPage span:not(.current){cursor: not-allowed;}
.crumbs a:hover{color:#0099e5;}
.pagelist-pageSkip{display:inline-block;margin-left: 16px;font-size: 14px; color: #666666; letter-spacing: 0.78px;}
.pagelist-pageSkip input{width:52px;height:40px;box-sizing:border-box;margin:0 5px;text-align:center;border: 1px solid #D9DDE1; border-radius: 2px;font-size: 14px; color: #999999;letter-spacing: 0.78px;}
.pagelist-pageSkip a{border: 1px solid #269EDC; border-radius: 2px;margin-left:5px;font-size: 14px;color: #269EDC;letter-spacing: 0.78px;text-align: center;display: inline-block;}
.pagelist-pageSkip a:hover{
    background: #269EDC;
    color: #fff;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
/*跳转页输入*/
.pager-skipBlock{display: inline-block;margin-left: 10px;}
.pager-skip{box-sizing: border-box;width: 52px;height: 40px;background: #FFFFFF;border: 1px solid #D9DDE1;text-align:center;font-size: 14px;color: #999999;letter-spacing: 0.78px;border-radius: 2px;margin: 0 5px;}
.pager-skip:focus{border-color: #269EDC;color: #333;}
#pager-btn{box-sizing: border-box;width: 72px;height: 40px;padding: 0;line-height: 38px;background: #FFFFFF;border: 1px solid #269EDC;font-size: 14px;color: #269EDC;letter-spacing: 0.78px;cursor: pointer;transition: 0.2s;margin-left: 10px;vertical-align: bottom;}
#pager-btn:hover{color: #fff;background: #269EDC;}


.btnlist{ width: 100%; float: left;padding: 5px 0; position: relative; box-sizing: border-box;}
.btnlist span{ width: 33.3%; float: left; padding-right: 10px; box-sizing: border-box; text-align: center; font-size: 16px;}
.btnlist span a{ float: left;line-height: 50px; font-style:normal; color: #fff; background-color: #f96868;border-radius: 3px; width: 100%; }
.btnlist span:nth-child(2) a{ background-color: #f2a654; }
.btnlist span:nth-child(3) a{ background-color: #4fa7e4; }
.btnlist1{ width: 100%; float: left;padding: 5px 0; position: relative; box-sizing: border-box;}
.btnlist1 span{ width: 20%; float: left; padding-right: 10px; box-sizing: border-box; text-align: center; font-size: 16px;}
.btnlist1 span a{ float: left;line-height: 50px; font-style:normal; color: #fff; background-color: #4fa7e4;border-radius: 3px; width: 100%; }
.buybtn { float: left;line-height: 50px; font-style:normal; color: #fff; background-color: #f96868;border-radius: 3px; width: 100%; border:none;}

.taocan_title{ width: 100%; font-weight: normal; color: #999; float: left; display: inline-block;line-height: 2.5em; }
.taocanp{ width: 100%; float: left; position: relative; box-sizing: border-box;}
.taocan2{ padding:3px; margin:3px; border:solid 1px #e2e2e2;float: left; cursor: pointer; box-sizing: border-box; float: left;}
.taocan2 p{ line-height: 2.2em; font-size:.8rem; color: #999; text-align: center;}
.taocanp .on{border:solid 1px #f96868}
.taocanp .on p {color: #f96868; }