#pagenav .page-prev a,#pagenav .page-next a{background: rgb(236 236 236 / 64%);color:#5d5d5d;padding:2px 10px;}
#pagenav .page-prev a:hover,#pagenav .page-next a:hover{background: #499ad2;color:#ececec;}
#pagenav a b{padding:0 5px;display:inline-block;color: #1d1d1d;}
#pagenav a:hover b{color:#fff}
#prolay .pro-list{overflow:hidden}
#prolay .pro-list >div{float:left;width: calc((100%/3) - 40px);margin: 10px 20px;}
#prolay .pro-list .p-border{margin-bottom:40px}
#prolay .pro-list .p-border .photo a,#news li .photo a,#comprehensive .bxslider a,#book .webframe ul li .photo{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size: cover;border-radius: 50%;width: 100px;margin: 0 auto;background: #588fb0;transition: all linear 0.2s;}
#prolay .pro-list .p-border .photo:hover a{
    -webkit-animation: tada 1s;
    animation: tada 1s;
    background-color: #447491;
}
#prolay .pro-list .p-border .photo a img,#news li .photo a img,#comprehensive .bxslider a img,#book .webframe ul li .photo a img{width:100%}
#prolay .pro-list .p-border .p-info h3{margin: 15px 0 3px;text-align: center;}
#prolay .pro-list .p-border .p-info h3 a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: #3f5153;font-size: 24px;line-height: 150%;}
#prolay .pro-list .p-border .p-info .describe{color:#6a717d;overflow: hidden;height: 70px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#prolay .pro-list .p-border .p-info .price{overflow:hidden;height:21px}
#prolay .pro-list .p-border .p-info .price span{float:left;font-size:14px;color:#c34b4b}
#prolay .pro-list .p-border .p-info .price span.old{float:right;text-decoration:line-through;color:#a2a2a2;font-size:12px}
#prolay .pro-list .p-box,#prolay .pro-list >div:hover .p-border .p-info h3 a,#prolay .pro-list >div:hover .p-border .p-info .describe{transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;-webkit-transition:all linear .3s}
#products-detail{overflow:hidden}
#products-detail .sub-pro-img{float:left;width: 35%;}
#products-detail .sub-pro-img img{width:100%}
#products-detail .sub-pro-img .slick-slider{margin:0}
#products-detail .sub-pro-img .slick-slider div,#products-detail .sub-pro-img .slick-slider p,#products-detail .sub-pro-img .slick-slider li,#products-detail .sub-pro-img .slick-slider img{outline:none;border-radius: 50%;}
#products-detail .sub-pro-img .slick-dots{bottom:10px}
#products-detail .txt-set{}
#products-detail .txt-set .product-txt{padding: 0 0 40px;}
#products-detail .txt-set .product-txt h2{line-height:100%;margin-bottom:30px;padding-bottom:30px;font-size:20px;position:relative;margin-top:10px;color:#000}
#products-detail .txt-set .product-txt h2:after{content:'';display:block;width:30px;height:2px;background: #eac996;position:absolute;bottom:0;left:0;}
#products-detail .txt-set .product-txt h3{font-size:15px;line-height:150%;overflow:hidden}
#products-detail .txt-set .product-txt .price{margin-top:30px}
#products-detail .txt-set .product-txt .price p{margin-top:5px}
#products-detail .txt-set .product-txt .price p span{font-size:13px}
#products-detail .txt-set .product-txt .price p span b{font-family:'Josefin Sans',sans-serif;font-size:24px;margin-left:15px}
#products-detail .txt-set .product-txt .price p .money-sale{text-decoration:line-through;color:#a9a9a9}
.orderstyleSet{padding:30px 0 0;overflow:hidden}
.orderstyleSet .orderfunction{overflow:hidden}
.orderstyleSet .orderfunction .aday{float:left;width:50%;background:#818181;height:60px;text-align:center}
.orderstyleSet .orderfunction .aday.add{float:right;width:50%;background:#b69fbc}
.orderstyleSet .ask{
    text-align: end;
}
.orderstyleSet .ask a{display: inline-block;text-align:center;color:#fff;height:60px;line-height:60px;font-size: 17px;position:relative;width: 35%;background-color: #588fb0;border-radius: 50px;}
.orderstyleSet .ask a b{
    margin-left: 10px;
}
.orderstyleSet .ask a:hover{
    letter-spacing: 2px;
}
.aday p{color:#fff;display:inline-block;line-height:60px;text-align:center;font-size:16px;vertical-align:text-bottom}
.aday p.bi{color:#706e69;font-size:12px;width:auto}
.aday p.bi b{color:#00aebb;font-size:16px;margin-left:5px}
.aday p.bi b input[type="number"]{border:1px solid #919191;width:80px;text-align:center;background:#666;color:#fff;border-radius:10px;padding:5px 0;outline:none}
.aday p input[type="button"]{background:#b69fbc;color:#fff;font-size:16px;margin-left:10px;vertical-align:unset;cursor:pointer;-webkit-appearance:none}
#pro-article{margin-bottom:30px}
#pro-article .tabs{border-bottom:1px solid #e0e0e0;}
#pro-article .tabs li{display:inline-block}
#pro-article .tabs li a{color:#444343;display:block;padding:15px 25px;position:relative}
#pro-article .tabs li a:hover,#pro-article .tabs li.active a{color: #f7f7f7;}
#pro-article .tabs li a:after{position:absolute;top:15px;right:0;content:'|';color:#e6e6e6}
#pro-article .tabs li.active a:before{position:absolute;top:0px;left: 0;content:'';background: #965ba5;width: calc(100% - 5px);height: 100%;z-index: -1;}
#pro-article .tabs li:last-child a:before{
    width: 100%;
}
#pro-article .tabs li:last-child a:after{display:none}
#tabs_container .tab_content{padding:30px 0}
#products-detail .sub-pro-img p{display:block;width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#f6f1f8}
#product .entitle{margin:80px 0 30px;text-align: center;}
#product .entitle h2{text-align:center;font-size: 35px;line-height:120%;font-family:'Gloria Hallelujah',cursive;color:#b69fbc;display: inline-block;margin: 0 50px;}
#product .entitle img{
    display: inline-block;
}
.page-p-title-name{
    overflow: hidden;
    margin-bottom: 30px;
}
.main-article .page-p-title-name .pagetitle {
    border-bottom: 0;
    margin-bottom: 0;
    color: #588fb0;
    font-weight: bold;
}
.page-p-title-name h2 span{
    display: block;
    font-size: 15px;
    color: #505050;
    font-weight: normal;
}
.page-p-title-name h3{
    font-weight: normal;
    font-size: 14px;
    line-height: 180%;
    text-align: justify;
    color: #ababab;
}
@media screen and (min-width: 1025px) {
#prolay .pro-list >div:hover .p-box{}
#prolay .pro-list >div:hover .p-border .p-info h3 a{
}
#pro-article .tabs li a:hover:before{position:absolute;top:0px;left: 0;content:'';background: #965ba5;width: calc(100% - 5px);height: 100%;z-index: -1;}

}
@media screen and (min-width: 1281px) {
}
@media screen and (max-width: 1440px) {
	#product .entitle img{
		    width: 100px;
	}
}
@media screen and (max-width: 1280px) {
.orderstyleSet .ask a{height:50px;line-height:50px}
.orderstyleSet .ask a b{top:10px}
.main-article .page-p-title-name .pagetitle{
    width: 100%;
}
.page-p-title-name h3{
    width: 100%;
    text-align: left;
    line-height: 150%;
}
}
@media screen and (max-width:980px) {
#products-detail .txt-set,#products-detail .sub-pro-img{width:100%;margin-bottom:30px}
}
@media screen and (max-width: 1024px) {
#prolay .pro-list >div:nth-last-of-type(1) .p-border,#prolay .pro-list >div:nth-last-of-type(2) .p-border{margin-bottom:0}
}
@media screen and (max-width: 640px) {
#prolay .pro-list .p-border .p-info h3 a{font-size:17px}
#prolay .pro-list .p-border{margin-bottom:20px}
#products-detail .txt-set .product-txt{padding:20px 0}
#community{margin: 20px 0 50px;}
	#product .entitle h2{
	font-size: 27px;
	margin: 0 30px;
	}
	#product .entitle img{
		    width: 70px;
	}
	#pagenav a b{
    display: none;
}

}
@media screen and (max-width: 480px) {
#prolay .pro-list >div{width: calc((100%/2) - 20px);margin: 10px;}
#prolay .pro-list .p-border .photo a, #news li .photo a, #comprehensive .bxslider a, #book .webframe ul li .photo{
    width: 70%;
}
#pro-article .tabs li a{padding:8px 15px}
#pro-article .tabs li a:after{top:8px}
#pro-article{margin-bottom:0}
.orderstyleSet .ask a{font-size:15px;width: 60%;}
.aday p,.orderstyleSet .orderfunction .aday{line-height:40px;height:40px;font-size:14px}
	#product .entitle h2{
	font-size: 22px;
	margin: 0 20px;
	}
	#product .entitle img{
		    width: 40px;
	}
    .page-p-title-name{
    margin: 0;
}
}