.app-product-series .filter-pag .options li{padding:.5em 0 .5em 1.8em;display:flex;align-items:center; line-height:20px; background:url(../images/select.png) no-repeat left center; cursor:pointer;}
.app-product-series .filter-pag .options li.checked{background:url(../images/selected.png) no-repeat left center;}
.app-product-series .filter-pag.link.active .head span{color:#0560f6}
.app-product-series .filter-pag .links{position:relative;display:none;padding-top:.5em}
.app-product-series .filter-pag .links li{padding:.5em 0 .5em .5em; display:flex;align-items:center; display:block; position:relative;}
.app-product-series .filter-pag .links li svg{position:absolute; right:0px; top:50%; margin-top:-5px; fill:#333;width:10px;height:auto;-ms-transform:rotate(0deg);transform:rotate(0deg);}
.app-product-series .filter-pag .links li:hover svg, .app-product-series .filter-pag .links li.active svg{fill:#0560f6;}
.app-product-series .filter-pag .links li.active a{color:#0560f6;}

.compare-pannel{padding:15px; height:200px; position:fixed; left:0px; right:0px; bottom:0px; background-color:#eee; z-index:100; display:none;}
.compare-pannel .cp-body{padding:10px; width:100%; display:table; position:relative;}
.compare-pannel .cp-title{width:10%; display:table-cell; vertical-align:middle; text-align:center;}
.compare-pannel .cp-list{width:80%; display:table-cell; vertical-align:middle;}
.compare-pannel .cp-opt{width:10%; display:table-cell; vertical-align:middle; text-align:right;}
.compare-pannel ul{margin:0 auto; width:100%; max-width:1000px;}
.compare-pannel li{float:left; width:25%; padding:0 5px; display:inline;}
.compare-pannel li>div{margin:0 auto; padding:5px 0px; width:100%; height:150px; font-size:14px; line-height:20px; border:1px solid #cccc; position:relative; text-align:center;}
.compare-pannel li>div.in{background-color:#fff;}
.compare-pannel li>div img{max-width:100%; height:auto;}
.compare-pannel li>div .ccancel{position:absolute; right:5px; top:5px; width:12px; height:12px; background:url(../images/close-compare.png) no-repeat; background-size:100% 100%; cursor:pointer;}
.compare-pannel .cp-close{position:absolute; right:0px; top:0px; width:150px; display:flex; justify-content: space-around;}
.compare-pannel .btn_close{width:20px; height:20px; color:#333; font-size:14px; background:url(../images/close-compare.png) no-repeat center center; background-size:80% 80%; cursor:pointer;}
.compare-pannel .btn_clearall{width:80px; font-size:14px; height:24px; line-height:20px; color:#333; text-align:center; border:1px solid #ccc; border-radius:12px; cursor:pointer;}
.compare-pannel .btn_compare{margin:0 auto; width:150px; font-size:16px; height:36px; line-height:32px; text-align:center; color:#fff; border:1px solid #0560f6; border-radius:18px; cursor:pointer; background-color:#0560f6; cursor:pointer;}
.compare-pannel .btn_compare:hover{ background-color:transparent; color:#0560f6;}
.compare-pannel .btn_compare.off,
.compare-pannel .btn_compare:hover.off{background-color:#ccc; color:#fff; border:1px solid #ccc; cursor:default;}


.compare-tip{position:fixed; left:50%; top:40%; transform: translateX(-50%); padding:15px; width:320px; color: #8a6d3b; font-size:16px; text-align:center; background-color: #fcf8e3; z-index:300; border:1px solid #faebcc; border-radius:5px; display:none;}
.item-wrap{position:relative;}
.item-wrap label{position:absolute; left:12px; top:12px; padding:12px 45px 12px 45px; font-size:14px; z-index:10; background:url(../images/select.png) no-repeat 20px center;}
.item-wrap label:hover{color:#0560f6;}
.item-wrap label.checked{background:url(../images/selected.png) no-repeat 20px center;}
.app-product-sub{padding-top:0;}
.app-product-series .filter-wrap{padding:25px;}
.app-product-series .products .item .infos .ohter{margin-top:25px;}
.app-product-series .filter-pag.search .text{width: 100%;}
.app-product-series .filter-pag.search .zoom{cursor:pointer;}
.app-product-series .filter-wrap{border-radius: 10px;}
.app-product-series .products .item{padding-top:30px; border-radius: 10px;}
.app-product-series .products .item .infos{padding:0.5em 1.5em 2em;}
.app-product-series .products .item .infos .ohter-more{padding-left:0px;}
.app-product-series .products .item .image{padding-bottom: 47.857143%;}
.app-product-series .filter-head .reset{border:1px solid #999; color:#999;}
.app-product-series .filter-head .reset:hover{border:1px solid #0560f6; background-color:#0560f6; color:#fff;}
.app-down-sub .menu-wrap li{padding:8px 0px;}

.webpage{margin-top:20px;}
.webpage .page { text-align: center; display: flex; justify-content: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.webpage .page { text-align: center; display: flex; justify-content: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.webpage .page img { margin-right: 5px;}
.webpage .page input { margin-left: 5px;}
.webpage .page input[type="button"] { height: 28px; line-height: 28px;}
.webpage .page span input,
.webpage .page input[type="button"] { background-color: white; border: 1px solid #aaa; height: 28px;}
.webpage .page span input { vertical-align: top;}
.webpage .page span#pnum{font-size:12px;}
.webpage .page input[type="button"] { width: 28px; height: 28px;}
.page img, .page input[type="button"]{cursor:pointer;}
.page img.blur{cursor:default; filter: grayscale(50%); opacity: 0.6;}


@media screen and (max-width: 1180px){
.app-product-series .products .item .image img{transform:scale(1) translate(-50%, -50%);}
}
@media (max-width: 767px) {
/*.compare-pannel{width:220px; height:auto; position:fixed; left:auto; right:0px; top:20%; bottom:20px; background-color:#eee; z-index:100; border-radius:10px;}*/
.compare-pannel{width:80%; height:auto; position:fixed; left:auto; right:0px; top:auto; bottom:60px; background-color:#eee; z-index:5000; border-radius:10px;}
.compare-pannel .cp-list{width:100%;}
.compare-pannel .cp-title{width:100%; display:block; text-align:left;}
.compare-pannel .cp-body{padding:50px 0px 20px; width:100%; display:flex; align-items:center; position:relative;flex-direction: column;}
.compare-pannel .cp-title{position:absolute;left:0px; top:0px; font-size:16px;}
.clearall{position:absolute; right:20px; top:40px;}
.compare-pannel .cp-close{right:-10px; width:120px;}
.compare-pannel li{float:left; width:50%; margin-bottom:15px; display:block;}
.compare-pannel li>div{height:105px; font-size:12px; line-height:18px; overflow:hidden;}
.compare-pannel li > div img {max-width: 90%;}
.compare-pannel .cp-opt{width:100%; display:block;}
.item-wrap label{left:12px;}
.compare-tip{z-index: 5010;}
}
@media (max-width: 480px) {
.item-wrap label{left:0px;}
}