.banner{height: 284px;background-image: url(images/cami_banner.jpg); position: relative;}

.filter_area{padding: 0 0 15px; border-bottom: 1px solid #eee;}
.filter_area .search{ width: 200px; height: 40px; background: #F2F2F2; position: relative; transition: all .3s linear; flex-shrink:0; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.filter_area .filter_item_area{}
.filter_area .filter_item_area .filter_item{padding: 0 30px;position: relative;min-height: 54px;text-align: center;color:#666;}

.filter_area .filter_item_area .filter_item:hover::after, .filter_area .filter_item_area .filter_item.selected::after{ content: ''; width: 20px; height: 2px; background-color: #f9b900; position: absolute; bottom:-15px; left: 50%; margin-left: -10px; border-radius:1px ; -webkit-border-radius:1px ; -moz-border-radius:1px ; -ms-border-radius:1px ; -o-border-radius:1px ;}
.filter_area .filter_item_area .filter_item.selected,.filter_area .filter_item_area .filter_item:hover{color:#000;font-weight:bold;}
.filter_area .filter_item_area .filter_item span{display: block;font-size: 12px;}
.filter_area .filter_item_area .filter_item span.type_cloud{background: url(images/type_cloud.png) center no-repeat; background-size: 30px; width: 57px; height: 30px;}
.filter_area .filter_item_area .filter_item:hover span.type_cloud, .filter_area .filter_item_area .filter_item.selected span.type_cloud{background-image:url(images/type_cloud_se.png) }

.filter_area .filter_item_area .filter_item span.type_live{background: url(images/type_live.png) center no-repeat; background-size: 30px; width: 57px; height: 30px;}
.filter_area .filter_item_area .filter_item:hover span.type_live, .filter_area .filter_item_area .filter_item.selected span.type_live{background-image:url(images/type_live_se.png) }

.filter_area .filter_item_area .filter_item span.type_upload{background: url(images/type_upload.png) center no-repeat; background-size: 30px; width: 60px; height: 30px;}
.filter_area .filter_item_area .filter_item:hover span.type_upload, .filter_area .filter_item_area .filter_item.selected span.type_upload{background-image:url(images/type_upload_se.png) }

.filter_area .filter_item_area .filter_item span.type_retoutch{background: url(images/type_retoutch.png) center no-repeat; background-size: 30px; width: 60px; height: 30px;}
.filter_area .filter_item_area .filter_item:hover span.type_retoutch, .filter_area .filter_item_area .filter_item.selected span.type_retoutch{background-image:url(images/type_retoutch_se.png) }

.filter_area .filter_item_area .filter_item span.type_other{background: url(images/type_other.png) center no-repeat; background-size: 30px; width: 60px; height: 30px;}
.filter_area .filter_item_area .filter_item:hover span.type_other, .filter_area .filter_item_area .filter_item.selected span.type_other{background-image:url(images/type_other_se.png) }

.product_area{ margin-top: 30px;background-color: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);}
.friendly_note{color:red;padding:30px 30px 5px;}
.friendly_note font{font-weight: bold;}
/* .boxshadow{background: url(images/icon_shadow.jpg) 0 0 no-repeat;background-size: auto 25px; width: 100%;height: 25px;} */
.boxshadow{width: 100%; height: auto;display: block;}
.product_info{padding:40px ;}

.product_info .left_info{width: 326px;text-align: center;}
.product_info .left_info img{ margin: 40px auto 0;}
.product_info .left_info p{ font-size: 38px;font-weight: bold;letter-spacing: 2px;}
.product_info .right_info{width: 400px;}
.product_info .right_info p{font-size: 14px; margin-bottom: 10px;}
.product_info .right_info p font{font-weight: bold;}
.product_info .right_info p a{color:#3385ff;text-decoration: underline;}
.product_info .right_info h2{text-align: left;font-weight: bold; font-size: 22px;margin-left: 0;border-left: 4px solid #ffc237;line-height: 24px;padding-left: 14px; margin: 36px 0 20px;}
.product_info .right_info h3{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.product_info .right_info img{width: 100%;height: auto;display: block;}


.product_info .right_info table{width: 100%; border: 1px solid #dadada;border-collapse: collapse;margin: 20px 0;}
table th,table td{text-align: center;}
table thead th{background-color:#efefef;font-size: 18px;height: 36px;font-weight: bold; line-height: 36px;border-color:#dadada;}
table tbody tr{height: 28px;}
table tbody tr td {padding: 5px;font-weight: bold;font-size: 16px;border-color:#dadada;}
.buy_link{ background:#ffc237 url(images/icon_enter.png) 20px center no-repeat; display: inline-block; height: 40px; line-height: 40px; font-size: 18px; text-align: center; margin: 20px auto; padding:8px 60px; border-radius: 33px; -webkit-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; -o-border-radius: 33px; color:#fff; text-indent: 20px;transition:all .1s ease-in; -webkit-transition:all .1s ease-in; -moz-transition:all .1s ease-in; -ms-transition:all .1s ease-in; -o-transition:all .1s ease-in; }
.buy_link:hover{background-color:#f9b900;color:#fff;}
.link{display: block; margin: 0 0 10px; color: #3385ff;}
.link:hover{ color: #3385ff;text-decoration: underline;}

.wei_code{ margin-top: 20px;}
.wei_code img{width: 140px!important;height: 140px!important;display: block;}
.wei_code span{width: 140px; text-align: center;display: inline-block;}

.pro_img{}
.pro_img img{width:160px!important;height:100%!important;display:block;flex-shrink: 0;}