@charset "UTF-8";

/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-10-27 10:04:32
 * @version $Id$
 */
.i-box01 { width: 100%;  position: relative;}
.i-box01 .item{display: inline-block;width: 385px;margin-right: 20px; float: left;text-align: left;}
.i-box01 .item:last-child{margin-right: 0;}

.i-box02 { width: 100%;  position: relative;}
.i-box02 .item{display: inline-block;width: 265px;margin:20px 28px; margin-right: 0; line-height: 30px; float: left;text-align: center;}
.i-box02 .item:last-child{margin-right: 0;}

.i-box02 .prd-pic{box-shadow: 5px 5px 10px #D7D7D7;width: 265px;height: 355px;position: relative;overflow: hidden;}
.i-box02 .prd-pic .erweima{position: absolute;right: 0;bottom: 0;width: 100px;height: 100px;}
.i-box02 .name{color: #636464;font-size: 24px; margin-top: 10px;}
.i-box02 .info{font-size: 17px;color: #eb689e}
.i-box02 .tips{font-size: 15px;}
.i-box02 .btn{margin-bottom: 10px;}

.i-box02 .prd-pic>img{transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.i-box02 .prd-pic>img:hover{    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);}

.i-box03 { width: 100%;  position: relative;}
.i-box03 .item{display: inline-block;width: 362px; height: 583px; margin:0 20px; float: left;text-align: left;box-shadow: 0px 0px 10px #D7D7D7;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.i-box03 .item:last-child{margin-right: 0;}
.i-box03 .item:hover{margin-top: -10px;}

.i-box04 { width: 100%;  position: relative;}
.i-box04 .item{display: inline-block;width: 326px;margin-right: 110px; float: left;text-align: left;}
.i-box04 .item:last-child{margin-right: 0;}