.plugindetail{}
@media(min-width:1200px){
.plugindetail{padding:50px 0;}
}
@media(max-width:1199px){
.plugindetail{padding:30px 0;}
}
@media(max-width:767px){
.plugindetail{padding:15px 0;}
}

.plugindetail .content{float:left; width:72%; padding-right:28px;}
.plugindetail .content .head{}
.plugindetail .content .head>img{width:188px; height:188px; float:left; border-radius:8px;}
.plugindetail .content .head>div{min-height:188px; padding-left:208px;}
.plugindetail .content .head>div>h2{font-size:24px; font-weight:bold; margin-bottom:18px;}
.plugindetail .content .head>div>p{margin-bottom:28px;}






.plugindetail .content .head>div>p a{display:inline-block; line-height:44px; position:relative; padding:0 22px 0 12px;
border-radius:4px; color:#fff; box-shadow:0 2px 4px rgba(0,0,0,.18);}
.plugindetail .content .head>div>p a.red:hover,
.plugindetail .content .head>div>p a{background:rgb(65,93,138);}
.plugindetail .content .head>div>p a:before,
.plugindetail .content .head>div>p a:after,
.plugindetail .content .head>div>p a i:after,
.plugindetail .content .head>div>p a i{width:28px; height:28px; border-radius:50px; position:relative; line-height:28px; font-size:14px; 
text-align:center;  margin-right:12px; content:''; transition:.3s;}
.plugindetail .content .head>div>p a.red:hover:before,
.plugindetail .content .head>div>p a.red:hover:after,
.plugindetail .content .head>div>p a.red:hover i:after,
.plugindetail .content .head>div>p a.red:hover i,
.plugindetail .content .head>div>p a:before,
.plugindetail .content .head>div>p a:after,
.plugindetail .content .head>div>p a i:after,
.plugindetail .content .head>div>p a i{background:#3763dd;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,#3763dd), color-stop(100%,#5691f5));
background:-moz-linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);
background:-webkit-linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);
background:-o-linear-gradient(to bottom, #3763dd 0% #5691f5 100%);
background:-ms-linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);
background:linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);}
.plugindetail .content .head>div>p a b{font-weight:normal; font-size:16px; position:relative; z-index:2; letter-spacing:1px; text-shadow:0 0 4px rgba(0,0,0,.18);}
.plugindetail .content .head>div>p a:before{width:12px; height:12px; position:absolute; right:6px; bottom:6px; margin:0; opacity:.78;}
.plugindetail .content .head>div>p a:after{width:6px; height:6px; position:absolute; right:14px; top:8px; margin:0; opacity:.88;}
.plugindetail .content .head>div>p a i:after{top:-2px; right:-2px; width:10px; height:10px; position:absolute; opacity:.48; margin:0;}
.plugindetail .content .head>div>p a.green,
.plugindetail .content .head>div>p a:hover{background:rgb(29,213,111);}
.plugindetail .content .head>div>p a.green:before,
.plugindetail .content .head>div>p a.green:after,
.plugindetail .content .head>div>p a.green i:after,
.plugindetail .content .head>div>p a.green i,
.plugindetail .content .head>div>p a:hover:before,
.plugindetail .content .head>div>p a:hover:after,
.plugindetail .content .head>div>p a:hover i:after,
.plugindetail .content .head>div>p a:hover i{background:#3763dd;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,rgb(17,167,84)), color-stop(100%,rgb(93,225,152)));
background:-moz-linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);
background:-webkit-linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);
background:-o-linear-gradient(to bottom, rgb(17,167,84) 0% rgb(93,225,152) 100%);
background:-ms-linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);
background:linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);}
.plugindetail .content .head>div>p a.red,
.plugindetail .content .head>div>p a.green:hover{background:rgb(63,167,110);}
.plugindetail .content .head>div>p a.red:before,
.plugindetail .content .head>div>p a.red:after,
.plugindetail .content .head>div>p a.red i:after,
.plugindetail .content .head>div>p a.red i,
.plugindetail .content .head>div>p a.green:hover:before,
.plugindetail .content .head>div>p a.green:hover:after,
.plugindetail .content .head>div>p a.green:hover i:after,
.plugindetail .content .head>div>p a.green:hover i{background:#a92e1c;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,#a92e1c), color-stop(100%,#e9948f));
background:-moz-linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);
background:-webkit-linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);
background:-o-linear-gradient(to bottom, #a92e1c 0% #e9948f 100%);
background:-ms-linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);
background:linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);}





.plugindetail .content .head>div>p a i{color:#fff;}
.plugindetail .content .head>div>p a b{ font-weight:inherit; color:#fff;}
.plugindetail .content .head>div>p span.red{color:red; padding-left:8px;}

span.price{font-size:22px; display:block; padding:0 2px; margin:22px 0;}
span.price dfn{display:block; line-height:28px; font-style:normal;}
span.price dfn i{font-size:20px; line-height:28px; vertical-align:bottom;}
span.price dfn strong{font-size:28px; vertical-align:bottom; color:rgb(63,167,110);}
span.price dfn u{font-size:18px; text-decoration:none; vertical-align:bottom;}
span.price dfn del{font-size:12px; color:#888; margin-left:8px; vertical-align:bottom;}
span.price ins{display:block; line-height:22px; font-size:14px; color:#888; margin-top:8px !important;}
span.price ins:before{font-size:12px; line-height:14px; width:14px; height:14px; text-align:center; color:#fff; border-radius:2px; margin-right:4px;
display:inline-block; content:'省'; position:relative; top:-2px; background:#fb8b4a;}
span.price ins i{font-size:12px; } 
span.price ins u{font-size:14px; display:inline-block; text-decoration:none; }


.plugindetail .content .head>div>ul{padding:8px 18px; border-radius:3px; border:1px solid #d8d8d8;}
.plugindetail .content .head>div>ul>li{padding:8px 0; border-bottom:1px solid #f8f8f8;} 
.plugindetail .content .head>div>ul>li:last-child{border-bottom:none;}
.plugindetail .content .head>div>ul>li span:first-child{color:#888;} 

.plugindetail .content .container{margin-top:28px;}
.plugindetail .content .container h2{border-bottom:1px solid rgba(0,0,0,.18); position:relative; padding:8px; margin-bottom:18px;}
.plugindetail .content .container h2:before{width:4px; height:30px; position:absolute; left:0; top:14px; content:'';  background:rgb(65,93,138);}
.plugindetail .content .container h2 span{font-size:20px; display:inline-block; padding:0 8px; font-weight:bold;}

.plugindetail .sidebar{float:left; width:28%; padding:8px 0; border-radius:2px; background:rgb(244,248,251);}
.plugindetail .sidebar>h2{padding:4px 18px; font-weight:bold;}
.plugindetail .sidebar ul{padding:0 8px;}
.plugindetail .sidebar ul li{padding:8px;}
.plugindetail .sidebar ul li a{display:block; border-radius:4px; padding:18px; background:#fff; transition:.3s;}
.plugindetail .sidebar ul li a:hover{ box-shadow:0 0 8px rgb(0,0,0,.08); transform:translateY(-3px);}
.plugindetail .sidebar ul li a img{float:left; width:88px; height:88px; border-radius:4px;}
.plugindetail .sidebar ul li a div{padding-left:102px; display:block; color:{$common['ftcolor']};}
.plugindetail .sidebar ul li a div h3{line-height:28px; font-size:20px; margin-bottom:8px; font-weight:bold;}
.plugindetail .sidebar ul li a div h3 u{display:inline-block; text-decoration:none;}
.plugindetail .sidebar ul li a div h3 i,
.plugindetail .sidebar ul li a div h3 b{display:inline-block; font-size:14px; font-weight:normal; line-height:24px; padding:0 8px; 
border-radius:4px; color:#fff; margin-left:3px; position:relative; top:-3px; box-shadow:0 1px 2px rgba(0,0,0,.18); background:rgb(29,213,111);}
.plugindetail .sidebar ul li a div h3 i{background:rgb(63,167,110); font-style:inherit;}
.plugindetail .sidebar ul li a div h3 i:before{font-size:12px; margin-right:2px;}
.plugindetail .sidebar ul li a div p{line-height:26px; height:52px; overflow:hidden;}


.plugindetail .tag{margin-bottom:18px; text-align:left;}
.plugindetail .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}
@media(max-width:767px){
.plugindetail .tag{margin-bottom:8px;}
.plugindetail .tag a{margin-right:4px; padding:2px 8px;}
}

@media(max-width:1199px){
.plugindetail .content{float:none; width:100%; padding-right:0;}
.plugindetail .sidebar{float:none; width:100%; margin-top:18px;}
}
@media(max-width:767px){
.plugindetail .content .head>img{width:88px; height:88px;  border-radius:8px; margin-right:8px;}
.plugindetail .content .head>div{min-height:88px; padding-left:0; display:inline;}
.plugindetail .content .head>div>h2{font-size:20px;}
.plugindetail .content .head>div>p{margin-bottom:8px;}
.plugindetail .content .head>div>p span{margin:0; display:block;}
.plugindetail .content .head>div>p a+span{margin-top:8px;}
}