*{margin: 0;padding: 0;}
body{font-size:12px;font-family:"Tahoma"; line-height:160%;background:#000 url(../../image/subscribe/bg.jpg) no-repeat center top fixed;min-width:1000px;}
select,input,img,select{vertical-align:middle;font-family:"Tahoma";font-size:12px}
ul li{list-style-type:none;}
a img{border:0px;}
em{ font-style:normal}
a{text-decoration:none;}
a{color:#fff;}
a:hover{color:#F74859;text-decoration:underline}
a:focus{outline:none}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix {display: block;}

.logo {
    background: url(../../image/subscribe/logo.png) no-repeat 0px 52px;
    width: 424px;
    height: 185px;
    display: block;
    margin: auto;
}
.title{height:150px;text-align:center;position:relative;}
.title .title_bg{width:1182px;height:138px;background:url(../../image/subscribe/title.png) no-repeat center 0px;margin:auto;position:absolute;top:-21px;left:50%;margin-left: -623px;}
.list{width:1098px;margin:auto;}
.list li {
    width: 235px;
    height: 565px;
    float: left;
    position: relative;
    margin: 0px 18px 35px 23px;
    opacity: 1;
    transition: all 0.3s linear 0s;
}
.list li .mc{color:#000;padding:10px;text-align:center;display:block;font-weight:bold;height:40px;line-height: 20px;font-size: 13px;overflow:hidden}
.list li .imgc{padding:49px 0px 16px 18px}
.list  .box{background:url(../../image/subscribe/border.png) no-repeat center top;text-decoration:none;display:block;position:absolute;left:0px;top:0px;height:529px;width:239px;transition: all 0.3s linear 0s;}
.list .s_us { text-decoration: line-through; font-size: 14px; color:#666;font-style:normal;padding-right: 8px;}
.list .c_price {font-size: 20px;display:block;font-weight: bold;text-align:center;color:#f10000;padding-bottom:13px}

.list .discount {
color: #fff2f2;
    display: block;
    text-align: center;
    padding: 9px;

    background: #0aa146;
    width:216px;

}

.ribbon{height:64px;position:relative;width:231px}

.ribbon5{color: #9AE99B;font-size: 14px;display:inline-block;width:calc(100% + 20px);height: 43px;line-height: 39px;text-align:center;margin-left:-9px;margin-right:-9px;background:#1A9B1B;position:relative;}
.ribbon5:before{content:"";position:absolute;height:0;width:0;border-top:10px solid #096c29;border-left:10px solid transparent;bottom:-10px;left:0}
.ribbon5:after{content:"";position:absolute;height:0;width:0;border-top:10px solid #096c29;border-right:10px solid transparent;right:0;bottom:-10px}
.ribbon5 i{font-size: 20px;font-weight: bold;color:#e8f518;font-style:normal}



.list  p{background:#17baba;border-radius:106px; margin:auto;width:197px;height:45px; line-height:45px;text-align:center;font-size:25px;color:#fff;font-weight:bold;transition: all 0.3s linear 0s;}
.list img{width:235px;height: 330px; background:#fff}
.list  .height_h{display:block;height: 379px;}
.list  .off{background: #f66a78;font-size: 16px;border-radius: 55px;color: #fff;height: 55px;right: 39px;position: absolute;top: 75px;width: 55px;text-align: center; line-height: 55px;}
.four {width:1112px}

.four li .imgc {padding: 19px 0px 16px 19px;transition: all 0.3s linear 0s}
.four li .imgc img{ width: 200px;height: 282px;transition: all 0.3s linear 0s}
.four li:hover .box {margin-top:-10px}
.four li:hover .imgc {padding: 9px 0px 16px 19px;}
.four .c_price{font-size: 18px;display: block;font-weight: bold;text-align: center;color: #f10000; padding-bottom: 12px;}
.four p{width: 174px;height:35px; line-height:35px;margin-top:2px;font-size:15px;position: absolute;top: 456px;left: 28px;}	
.four  .off {background:#17baba;font-size: 14px; border-radius: 55px;color: #fff;height: 40px;right: 41px;position: absolute;top:40px ;width: 40px;text-align: center; line-height: 40px;}
.four  .height_h{height: 302px}

.foot-text{width:100%;opacity:0.6;color:#8d8d8d;text-align:center;padding-bottom:12px;background:#333;padding-top:12px}
.foot-text a{color:#fff}