@charset "utf-8";
/* create */
.item_context .include .cover {margin:0 auto;max-width:160px;max-height:160px;vertical-align:top;transition:all .3s;pointer-events:auto;cursor:pointer;height:160px;width:160px;border:2px solid #c5c5c5;position:relative;border-radius:4px;background:#c5c5c5;}
.item_context {width:170px;height:225px;margin:0 20px 20px 0;}
.item_context .include {width:170px;height:228px;border-radius:4px;background:#FFFFFF;#box-shadow:0px 0px 6px rgba(0,0,0,0.1);cursor:pointer;}
.item_context .top {display:flex;justify-content:center;align-items:center;height:180px;width:170px;padding:30px 15px;box-sizing:border-box;overflow:hidden;}
.item_context .bottom {text-align:center;height:45px;padding-top:14px;box-sizing:border-box;}
.item_context .bottom .item_name {color:#333333;font-size:12px;}
.item_context .bottom .tip {font-size:12px;text-align:center;white-space:nowrap;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:15px;margin-top:0px;font-family:'微软雅黑';font-weight:lighter;background-color:#fff;}
.item_context .include:hover {box-shadow: #eee 0px 0px 10px;}
.item_context .include:hover .top {-webkit-transform:translate(0,0px);transform:translate(0,0px)}
.item_context .include:hover .bottom {-webkit-transform:translate(0,-8px);transform:translate(0,-8px)}
.item_context .include:hover .bottom .item_name {margin-top:0px}
.item_context .include:hover .tip {margin-top:-0px;height:18px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.margin_lr2 {margin:0 2px;}
.hot_item_default .include:hover {-webkit-box-shadow:rgba(45,45,45,.1) 0 2px 2px -8px,rgba(49,49,49,.1) 0 4px 4px -8px,rgba(32,32,32,.1) 0 16px 16px -8px,rgba(49,49,49,.1) 0 32px 32px -8px;box-shadow:rgba(45,45,45,.1) 0 2px 2px -8px,rgba(49,49,49,.1) 0 4px 4px -8px,rgba(32,32,32,.1) 0 16px 16px -8px,rgba(49,49,49,.1) 0 32px 32px -8px}
.include:hover .top {-webkit-transform:translate(0,0px);transform:translate(0,0px)}