﻿.valueShow {max-width: 360px; max-height: 360px; margin:0 auto; min-width: 320px; min-height: 320px;}

.valuePic {text-align: center;padding: 0 20px;}
.valuePic img {display: inline-block;width: 100%;}
.valuex a {display: block;background: url(../images/vip/valueX.png) no-repeat;width: 38px;height: 38px;float: right;}
.valuex {width: 100%;margin: 0 auto;}
.valueCase{ width:100%;}
.valueCase_tit{ width:100%; background:#fff; text-align: center;}
.valueCase_tit img{ width:480px; display:inline-block}
.valueList{-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1); box-shadow: 0 5px 5px rgba(0,0,0,0.1)}
#valueBg1{background: #7dbde8; margin:10px 10px 25px 10px; }
#valueBg1 dl{ position:relative; top: 0;}
#valueBg1 dl dt{display:block; padding: 8px 0 0 0; height: 36px;}
#valueBg1 dl dt span.title{position:absolute; height: 36px; line-height: 36px; color: #fff; font-size: 1.8rem; left: 0; display: inline-block; padding: 0px 10px; background: #3498db;}
#valueBg1 dl dt span.title .bg{position:absolute; top:0; right:-8px; display: inline-block; height: 36px; width: 10px; overflow: hidden; background: url(../images/vip/package_blue.png) right repeat-y;}
#valueBg1 dl dt span.lookcase{position: absolute; line-height: 36px; font-size: 1.6rem; right: 10px;}
#valueBg1 dl dt span.lookcase a{color: #fff;}
#valueBg1 dl dd{padding: 8px 5px 8px 0; background: #7dbde8; font-size: 1.4rem; padding-left:10px; color: #fff; line-height: 150%;}
#valueBg1 table{ background: #7dbde8; width: 100%;}
#valueBg1 table td{padding:10px 8px; font-size: 1.4rem; border: 1px solid #7dbde8; text-align: left;}
#valueBg1 table td.price{width: 60px; text-align: center;}
#valueBg1 table td.buy{width: 60px; text-align: center;}
#valueBg1 table tr{background: #fff;}
#valueBg1 table tr:nth-child(even){background: #f5fafd;}
#valueBg1 table a{background:#3498db; padding:2px 5px; color: #fff; border-radius:5px; }

#valueBg2{background: #6dd4c0; margin:10px 10px 25px 10px; }
#valueBg2 dl{ position:relative; top: 0;}
#valueBg2 dl dt{display:block; padding: 8px 0 0 0; height: 36px;}
#valueBg2 dl dt span.title{position:absolute; height: 36px; line-height: 36px; color: #fff; font-size: 1.8rem; left: 0; display: inline-block; padding: 0px 10px; background: #1abc9c;}
#valueBg2 dl dt span.title .bg{position:absolute; top:0; right:-8px; display: inline-block; height: 36px; width: 10px; overflow: hidden; background: url(../images/vip/package_green.png) right repeat-y;}
#valueBg2 dl dt span.lookcase{position: absolute; line-height: 36px; font-size: 1.6rem; right: 10px;}
#valueBg2 dl dt span.lookcase a{ color: #fff;}
#valueBg2 dl dd{padding: 8px 5px 8px 0; background: #6dd4c0; font-size: 1.4rem; padding-left:10px; color: #fff; line-height: 150%;}
#valueBg2 table{ background: #6dd4c0; width: 100%;}
#valueBg2 table td{padding:10px 8px; font-size: 1.4rem; border: 1px solid #6dd4c0; text-align: left;}
#valueBg2 table td.price{width: 60px; text-align: center;}
#valueBg2 table td.buy{width: 60px; text-align: center;}
#valueBg2 table tr{background: #fff;}
#valueBg2 table tr:nth-child(even){background: #f3fcfa;}
#valueBg2 table a{background:#1abc9c; padding:2px 5px; color: #fff; border-radius:5px; }

#valueBg3{background: #ec7063; margin:10px 10px 25px 10px; }
#valueBg3 dl{ position:relative; top: 0;}
#valueBg3 dl dt{display:block; padding: 8px 0 0 0; height: 36px;}
#valueBg3 dl dt span.title{position:absolute; height: 36px; line-height: 36px; color: #fff; font-size: 1.8rem; left: 0; display: inline-block; padding: 0px 10px; background: #c0392b;}
#valueBg3 dl dt span.title .bg{position:absolute; top:0; right:-8px; display: inline-block; height: 36px; width: 10px; overflow: hidden; background: url(../images/vip/package_red.png) right repeat-y;}
#valueBg3 dl dt span.lookcase{position: absolute; line-height: 36px; font-size: 1.6rem; right: 10px;}
#valueBg3 dl dt span.lookcase a{ color: #fff;}
#valueBg3 dl dd{padding: 8px 5px 8px 0; background: #ec7063; font-size: 1.4rem; padding-left:10px; color: #fff; line-height: 150%;}
#valueBg3 table{ background: #ec7063; width: 100%;}
#valueBg3 table td{padding:10px 8px; font-size: 1.4rem; border: 1px solid #ec7063; text-align: left;}
#valueBg3 table td.price{width: 60px; text-align: center;}
#valueBg3 table td.buy{width: 60px; text-align: center;}
#valueBg3 table tr{background: #fff;}
#valueBg3 table tr:nth-child(even){background: #fcf5f4;}
#valueBg3 table a{background:#c0392b; padding:2px 5px; color: #fff; border-radius:5px; }
/*********foot****/
#footer {width: 100%;position: fixed;bottom: 0;left: 0px;background: #ffffff;border-top: 1px solid #dedede;z-index: 99;text-align: center;line-height: 20px;padding: 6px 0;font-size: 12px;margin-top: 10px;}
.footer_nav {font-size: 14px;}
/****宽度设置****/
@media screen and (max-width: 480px)
{.valueCase_tit img {
    width: 100%;
    display: inline-block;
}
}