@charset "UTF-8";
.box{position:relative;z-index:0;overflow:hidden;box-sizing:border-box;margin-top:29px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#fff;box-shadow:0 3px 8px -6px rgba(0,0,0,.1)}
.activity-panel li{position:relative;float:left;box-sizing:border-box;width:25%;height:200px;text-align:center}
.activity-panel li:before{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:100%;height:100%;border-left:1px solid #f2f2f2;border-left:1px solid rgba(0,0,0,.1);content:"";pointer-events:none}
.activity-panel li.no-border-left:before,.activity-panel li:first-child:before{border-left:none}
.activity-panel li.border-top:before{border-top:1px solid #f2f2f2;border-top:1px solid rgba(0,0,0,.1)}
.activity-panel img{width:305px;height:200px}
.hot-panel{position:relative;z-index:6;overflow:hidden}
.box{overflow:hidden;width:100%}
.box .hot-wrapper{position:relative;overflow:hidden;height:429px;transition:all .3s ease-in-out}
.box .hot-cell_list{position:absolute;top:0;left:0;float:left;visibility:hidden;width:100%;height:100%;opacity:0;transition:opacity .3s}
.box .hot-cell_list.active{visibility:visible;opacity:1}
.hot-panel{overflow:hidden}
.box .cell_list{display:block}
.box .cell_list>li{position:relative;float:left;box-sizing:border-box;width:25%;height:429px;text-align:center}
.box .cell_list>li:before{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:100%;height:100%;border-left:1px solid #f2f2f2;border-left:1px solid rgba(0,0,0,.1);border-bottom:1px solid #f2f2f2;border-bottom:1px solid rgba(0,0,0,.1);content:"";pointer-events:none}
.box .cell_list>li:first-child:before{border-left:none}
.box .cell_list>li.border-top:before{border-top:1px solid #f2f2f2;border-top:1px solid rgba(0,0,0,.1)}
.box .cell_list>li:hover .price{display:none;opacity:0}
.box .cell_list>li:hover .operator{visibility:visible;opacity:1}
.box .cell_list>li.double{float:left;box-sizing:border-box;width:50%;height:429px}
.box .cell_list>li.double img{margin:0;width:100%;height:429px}
.box .cell_list>li:hover .cover-link{box-shadow:inset 0 0 38px rgba(0,0,0,.08);transition:all .15s ease}
.box .cell_list>li.link>div img{width:100%;height:100%}
.box .cell_list>li.product:hover .price{display:none\9;opacity:0;transition:all .1s ease-out}
.box .cell_list>li.product:hover .operator{visibility:visible;opacity:1;transition:all .15s ease;-webkit-transform:translateZ(0);transform:translateZ(0)}
/*.box .cell_list>li.product img{display:block;margin:50px auto;width:206px;height:206px}*/
.box .cell_list>li.product .p_img{width: 100%;overflow: hidden;float: left;text-align: center;position: absolute;top:0;left: 0;height: 206px;padding: 10px 0 30px;}
.box .cell_list>li.product .p_img img{width:206px;height:206px;display: inline-block;}
.box .cell_list>li.product .info{position:absolute;top:274px;left:0;box-sizing:border-box;padding:0 10px;width:100%}
.box .cell_list>li.product .info h6{overflow:hidden;color:#424242;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.2}
.box .cell_list>li.product .info p{overflow:hidden;padding-top:7px;color:#b2b2b2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2}
.box .cell_list>li.product .info p.is-promotion{color:#e04e4e}
.box .cell_list>li.product .dot-list{position:absolute;bottom:79px;z-index:20;width:100%;height:18px}
.box .cell_list>li.product .operator{position:absolute;bottom:29px;z-index:20;visibility:hidden;width:100%;font-size:0;line-height:30px;opacity:0}
.box .cell_list>li.product .operator a{display:block;color:#646464}
.box .cell_list>li.product .operator span{box-sizing:border-box;margin:0 5px;width:100px;height:30px;vertical-align:middle;line-height:28px}
.box .cell_list>li.product .operator .sellout-btn{display:inline-block;border:1px solid #afafaf;border-radius:4px;background-color:#a9a9a9;background-image:linear-gradient(180deg,#b8b8b8,#a9a9a9);color:#fff;font-size:12px;cursor:not-allowed}
.box .cell_list>li.product .operator .detail-btn{display:inline-block;border:1px solid #e1e1e1;border-radius:4px;background-color:#f9f9f9;background-image:linear-gradient(180deg,#fff,#f9f9f9);color:#646464;font-size:12px;cursor:pointer}
.box .cell_list>li.product .operator .detail-btn:hover{background-color:#eee;background-image:linear-gradient(180deg,#f5f5f5,#eee)}
.box .cell_list>li.product .operator .cart-btn{display:inline-block;border:1px solid #f45662;border-radius:4px;background:#f45662;background-image:linear-gradient(180deg,#f45662,#f73b4a);color:#fff;font-size:12px;cursor:pointer}
.box .cell_list>li.product .operator .cart-btn:hover{background-color:#ff0000;background-image:linear-gradient(180deg,#ff0000,#f3606c)}
.box .cell_list>li.product .operator .cart-btn-noanim{display:none;border-radius:4px;background-color:#7cb437;background-image:linear-gradient(#95c550,#7cb437);color:#fff;font-size:12px;line-height:30px;cursor:not-allowed}
.box .cell_list>li.product .operator .cart-btn-noanim.active{display:inline-block}
.box .cell_list>li.product .price{position:absolute;top:376px;left:0;display:inline-block;width:100%;color:#de4037;text-align:center;font-size:18px;font-family:Arial;line-height:1.2}
.box .cell_list>li.product .price i{left:0;font-weight:700;font-style:normal;font-size:14px;line-height:1.2}
.box .cell_list>li.product .price span.original-price i{margin-right:2px;color:#d2d2d2;font-weight:400}
.box .cell_list>li.product .price span{position:relative;font-weight:700}
.box .cell_list>li.product .price span.original-price{position:relative;display:inline-block;margin-left:3px;color:#d2d2d2;font-weight:400;font-size:13px}
.box .cell_list>li.product.top:before{border-left: 0;}
.box .cell_list>li.product .price span.original-price:before{position:absolute;display:block;margin-top:8px;width:100%;border-top:1px solid #d2d2d2;content:""}
.box ul>li{position:relative;float:left;box-sizing:border-box;width:25%;height:200px;text-align:center}
.box ul>li:before{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:100%;height:100%;border-left:1px solid #f2f2f2;border-left:1px solid rgba(0,0,0,.1);content:"";pointer-events:none}
.box ul>li.no-border-left:before,
.box ul>li:first-child:before{border-left:none}
.box ul>li.border-top:before{border-top:1px solid #f2f2f2;border-top:1px solid rgba(0,0,0,.1)}
.box img{position:absolute;right:0;bottom:0;left:0;margin:auto;width:305px;height:100%}
.app-panel li{position:relative;float:left;box-sizing:border-box;width:25%;height:360px;text-align:center}
.app-panel li:before{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:100%;height:100%;border-left:1px solid #f2f2f2;border-left:1px solid rgba(0,0,0,.1);content:"";pointer-events:none}
.app-panel li.no-border-left:before,.app-panel li:first-child:before{border-left:none}
.app-panel li.border-top:before{border-top:1px solid #f2f2f2;border-top:1px solid rgba(0,0,0,.1)}
.app-panel li:hover .app-content{opacity:0;transition:opacity .1s cubic-bezier(.4,0,1,1)}
.app-panel li:hover .operation{visibility:visible;box-shadow:inset 0 0 38px rgba(0,0,0,.08);opacity:1;transition:opacity .2s ease-out .15s}
.no-opacity .app-panel li:hover .operation{display:none}
.app-panel li .app-content{overflow:hidden;width:100%;height:100%;transition:opacity .2s ease-out .1s}
.app-panel li .app-image{margin:72px auto 0;width:90px;height:90px;background-image:url(../bg/app-icon-sprite.09cf0f99d091277532779a2b2971e708.png);background-size:auto 90px;background-repeat:no-repeat}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.app-panel li .app-image{background-image:url(../bg/app-icon-sprite@2x.cbbd1464aee33de63b528ccdf2f04b72.png)}
}
.app-panel li .app-link{position:absolute;top:0;left:0;width:100%;height:100%}
.app-panel li.handshaker .app-image{background-position:0 0}
.app-panel li.launcher .app-image{background-position:-96px 0}
.app-panel li.notes .app-image{background-position:-192px 0}
.app-panel li.reader .app-image{background-position:-288px 0}
.app-panel li.bbs .app-image{background-position:-378px 0}
.app-panel li .info{position:absolute;top:0;z-index:1;box-sizing:border-box;margin-top:190px;padding:0 10px;width:100%}
.app-panel li .info h6{overflow:hidden;color:#424242;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.2}
.app-panel li .info p{margin-top:18px}
.app-panel li .info p span{display:block;overflow:hidden;margin-top:6px;color:#b2b2b2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2}
.app-panel li .info p span.is-promotion{color:#e04e4e}
.app-panel li.btn-style .operation p{color:#bdbdbd;font-size:12px;line-height:1.5}
.app-panel li .operation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;visibility:hidden;background:#fff;opacity:0;transition:opacity .1s cubic-bezier(.4,0,1,1)}
.app-panel li .operation .qrcode{box-sizing:border-box;margin:64px auto 0;padding:4px;width:120px;height:120px;border:1px solid #f7f7f7}
#qrcode-note{background-image:url(../bg/notes-download.28d2e2afb9271b4682dc5aa153da38bf.jpg)}
#qrcode-bbs{background-image:url(../bg/bbs-download.a33b4d9f1d448fe580f07e38adcf06c4.jpg)}
#qrcode-launcher{background-image:url(../bg/launcher-download.2508eb243fa44df3c58af4c8f7e8bf9d.jpg)}
.app-panel li .operation>p{margin-top:35px;line-height:1.2}
.app-panel li .operation>a{display:inline-block;margin-top:16px;font-size:12px;line-height:1.2}
.app-panel li .operation .buttons{padding:62px 0 25px}
.app-panel li .operation .buttons a{display:block;overflow:hidden;box-sizing:border-box;margin:0 auto;margin-top:20px;width:150px;height:50px;border:1px solid #e6e6e6;border:0 solid rgba(0,0,0,.01);border-radius:6px;background-color:#fafafa;background-image:linear-gradient(#fafafa,#f9f9f9);box-shadow:inset 0 0 0 1px #e6e6e6;color:#fff;color:grey;text-align:center;font-size:16px;line-height:50px}
.app-panel li .operation .buttons a.directly{width:210px;transition:none}
.app-panel li .operation .buttons a.directly:hover{background:#eee;box-shadow:inset 0 0 0 1px #e0e0e0;color:grey}
.app-panel li .operation .buttons a.appstore{position:relative;width:210px;background-color:#6c6c6c;background-image:linear-gradient(#6c6c6c,#606060);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #5c5c5c;transition:none}
.app-panel li .operation .buttons a.appstore:hover{background-color:#484848;background-image:linear-gradient(#484848,#3d3d3d)}
.app-panel li .operation .buttons a.appstore:after{position:absolute;top:0;right:0;bottom:0;left:0;background:no-repeat 50%;background-image:url(../bg/btn-appstore-handshaker.cdf1da05e9e311995f2e87f7592acb94.png);background-size:auto 33px;content:" "}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.app-panel li .operation .buttons a.appstore:after{background-image:url(../bg/btn-appstore-handshaker@2x.1cf429f1b0d9e00ed71212aeb538bf66.png)}
}
.app-panel li .calendar-info{position:absolute;top:0;z-index:1;margin-top:224px;width:100%}
.app-panel li .calendar-info h6{font-size:14px}
.app-panel li .calendar-info a{display:inline-block;margin-top:16px;font-size:12px;line-height:1.2}
.app-panel li .platform{position:absolute;top:284px;left:0;width:100%;height:16px;text-align:center}
.app-panel li .buttons{padding:62px 0 25px}
.app-panel li .buttons a{display:block;overflow:hidden;box-sizing:border-box;margin:0 auto;margin-top:20px;width:150px;height:50px;border:1px solid #e6e6e6;border:0 solid rgba(0,0,0,.01);border-radius:6px;background-color:#fafafa;background-image:linear-gradient(#fafafa,#f9f9f9);box-shadow:inset 0 0 0 1px #e6e6e6;color:#fff;color:grey;text-align:center;font-size:16px;line-height:50px}
.app-panel li .buttons a.directly{width:210px;transition:none}
.app-panel li .buttons a.directly:hover{background:#eee;box-shadow:inset 0 0 0 1px #e0e0e0;color:grey}
.app-panel li .buttons a.appstore{position:relative;width:210px;background-color:#6c6c6c;background-image:linear-gradient(#6c6c6c,#606060);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #5c5c5c;transition:none}
.app-panel li .buttons a.appstore:hover{background-color:#484848;background-image:linear-gradient(#484848,#3d3d3d)}
.app-panel li .buttons a.appstore:after{position:absolute;top:0;right:0;bottom:0;left:0;background:no-repeat 50%;background-image:url(../bg/btn-appstore-handshaker.cdf1da05e9e311995f2e87f7592acb94.png);background-size:auto 33px;content:" "}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.app-panel li .buttons a.appstore:after{background-image:url(../bg/btn-appstore-handshaker@2x.1cf429f1b0d9e00ed71212aeb538bf66.png)}
}
.app-panel li .handshaker-buttons{padding:82px 0 15px}
.app-panel li .handshaker-buttons .btn-icon{display:inline-block;margin-right:5px;padding-top:1px;height:21px;vertical-align:middle}
.app-panel li .handshaker-buttons .handshaker-win .btn-icon{width:20px;background-image:url(../bg/d00c257c72bb4e6cadbeda680147da54.gif);background-size:20px auto}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.app-panel li .handshaker-buttons .handshaker-win .btn-icon{background-image:url(../bg/b38b7ed5634f4cbf9af18ebb872e3398.gif)}
}
.app-panel li .handshaker-buttons .handshaker-mac .btn-icon{width:17px;background-image:url(../bg/6d2183e8c9e24df7a22c9de799fa7d57.gif);background-size:17px auto}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.app-panel li .handshaker-buttons .handshaker-mac .btn-icon{background-image:url(../bg/6f5d4a1fa41d48ad9df035fe76b18cbe.gif)}
}
.app-panel li .handshaker-buttons .btn-text{color:#fff;vertical-align:middle;font-size:12px}
.app-panel li .handshaker-buttons a{display:block;box-sizing:border-box;margin:0 auto;margin-bottom:20px;padding:10px 20px;width:210px;height:50px;border:1px solid transparent;border-radius:6px;background-color:#6f97e5;background-image:linear-gradient(#6f97e5,#527ed9);box-shadow:inset 0 1px 2px #7ea1e8;color:#fff;text-align:center;text-shadow:#4f70b3 0 -1px 0;white-space:nowrap;font-size:14px;line-height:25px;cursor:pointer}
.app-panel li .handshaker-buttons a:hover{box-shadow:inset 0 1px 1px #7696de,inset 0 0 2px #627dca,inset 0 -2px 3px #5a77c7,inset 0 0 100px rgba(48,77,147,.4);color:#fff}
.app-panel li .handshaker-buttons a:active{box-shadow:inset 0 1px 1px #5378d2,inset 0 0 2px #627dca,inset 0 0 100px rgba(25,108,232,.5);color:#fff}
.platform-icon-border-right{position:relative}
.platform-icon-border-right:after{position:absolute;right:-10px;bottom:4px;width:1px;height:8px;background:#eee;content:" "}
.platform-icon{position:relative;display:inline-block;margin:0 5px}
.platform-icon:before{display:block;background-size:auto 16px;content:" "}
.platform-icon-android:before{width:16px;height:16px;background-image:url(../bg/122f8e4de7ec4a49ace1844911779f15.gif)}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.platform-icon-android:before{background-image:url(../bg/f9c9b2f34ece40e49a846907d73335f7.gif)}
}
.platform-icon-ios:before{width:16px;height:16px;background-image:url(../bg/085a84085512420a9eaf199b4c11b8f0.gif)}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.platform-icon-ios:before{background-image:url(../bg/f1291a0d8b284f959bb86382b0b94d64.gif)}
}
.platform-icon-mi:before{width:16px;height:16px;background-image:url(../bg/d28e36aa931d4aeb9a145113e307b57e.gif)}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.platform-icon-mi:before{background-image:url(../bg/b77b990dc7354400aec23d4bcc5d5c8c.gif)}
}
.platform-icon-new:before{width:39px;height:16px;background-image:url(../bg/fc0957a2e4474f2ca06361dfc61a1d54.gif)}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.platform-icon-new:before{background-image:url(../bg/c0b13c9ad7d344f38358a83f2aebabf9.gif)}
}
.platform-icon-nexus:before{width:36px;height:16px;background-image:url(../bg/173f9d25cb5040c4b18f7f767a0d8488.gif)}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.platform-icon-nexus:before{background-image:url(../bg/9ed876aa29ee4bffb34d6d7e09bd422d.gif)}
}
.platform-icon-oneplus:before{width:16px;height:16px;background-image:url(../bg/c0edf2c0d9044fed988a6806f2455d0f.gif)}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.platform-icon-oneplus:before{background-image:url(../bg/9b4501c47051481d86f02bcd28d1f4d3.gif)}
}
.platform-icon-samsung:before{width:46px;height:16px;background-image:url(../bg/929ddf044f2f497bbda883fc2a6caefc.gif)}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.platform-icon-samsung:before{background-image:url(../bg/914cb92de83b4fd6944a950527ee3d8b.gif)}
}
.platform-icon-win:before{width:16px;height:16px;background-image:url(../bg/1397fda67c654506baede5d460d0136c.gif)}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){.platform-icon-win:before{background-image:url(../bg/e175e208609d4c3cab2d6a466d6a08e2.gif)}
}
.forum-panel .box{margin-top:19px}
.forum-panel li{position:relative;float:left;box-sizing:border-box;padding:30px;width:25%;height:362px;text-align:left}
.forum-panel li:before{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:100%;height:100%;border-left:1px solid #f2f2f2;border-left:1px solid rgba(0,0,0,.1);content:"";pointer-events:none}
.forum-panel li.no-border-left:before,.forum-panel li:first-child:before{border-left:none}
.forum-panel li.border-top:before{border-top:1px solid #f2f2f2;border-top:1px solid rgba(0,0,0,.1)}
.forum-panel .image{display:block;width:100%;height:156px;border-radius:4px}
.forum-panel .info{z-index:1;box-sizing:border-box;margin-top:28px;width:100%}
.forum-panel .info h6{display:-webkit-box;overflow:hidden;width:100%;color:#424242;font-size:16px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.forum-panel .info p{display:block;display:-webkit-box;overflow:hidden;margin-top:13px;color:#b2b2b2;font-size:12px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.forum-panel .info .link{display:block;margin-top:8px;font-size:12px;line-height:1.2}
.qrcode-note{background-image:url(../bg/bbs-download.a33b4d9f1d448fe580f07e38adcf06c4.jpg)}
.index-dialog-headline h4{float:left;color:#666;font-weight:400;font-size:20px}
.confirm-msg{margin:50px auto;padding:0;max-width:310px;min-height:50px;text-align:center;word-wrap:break-word;font-size:16px;line-height:24px;word-break:break-all}
.dialog-done{float:right;width:100px}
.dialog-btn-wrap{padding:18px 10px 0;height:51px;border-radius:0 0 13px 13px;line-height:51px}
.dialog-done a{width:100px}
.dialog-confirm-tips modal-container .dialog-confirm-tips-txt{margin:20px;color:#8d8d8d;font-size:16px;line-height:23px}
.dialog-confirm-tips modal-container .button-wrapper .button-confirm{width:100%!important}


.title-header{position:relative;display:block;background:#fafafa;color:#666;font-size:18px;line-height:60px}
.title-header:after{position:absolute;bottom:-1px;left:0;z-index:10;width:100%;height:1px;background:rgba(0,0,0,.1);content:" "}
.title-header .title{margin-left:30px;font-size: 18px;}
.title-header .more{position:absolute;top:0;right:14px;font-size:14px}
.title-header .more .smartisan-icon{margin-top:-3px}
.title-header .hot-nav{position:absolute;top:18px;right:8px;font-size:16px;line-height:16px}
.title-header a{display:inline-block;padding:0 15px 0 19px;border:1px solid #e1e1e1;border-radius:4px;background-color:#fafafa;background-image:linear-gradient(180deg,#fff,#fafafa);color:#666;line-height:34px}
.title-header a:hover{background-color:#eee;background-image:linear-gradient(180deg,#f5f5f5,#eee);color:#666}
.title-header .nav>li{position:relative;float:left;visibility:visible;padding-left:47px;height:60px;font-size:14px;cursor:default}
.title-header .nav>li:before{position:absolute;top:50%;left:22px;display:block;margin-top:-1px;width:3px;height:3px;background:#bebebe;content:" "}
.title-header .nav>li:first-child:before{content:none}
.title-header .nav>li .tab-item{overflow:hidden;max-width:340px;text-overflow:ellipsis;white-space:nowrap}
.title-header .nav>li .tab-item.tab-link{display:block;margin-top:12px}
.title-header .nav>li .tab-item.tab-nav{position:relative;display:inline-block;text-align:center}
.title-header .nav>li .tab-item.tab-nav:after{display:block;visibility:hidden;overflow:hidden;height:1px;color:#fff;color:transparent;content:attr(title);font-weight:700}
.title-header .nav>li .tab-item.tab-nav.active{font-weight:700}
.title-header .hot-arrow{display:inline-block;margin-top:-2px;margin-left:17px;width:36px;height:36px;border:none;background-color:inherit;background-image:url(../bg/hot-arrow-sprite.f39849781ff04ea1c0a6f34b3d627c28.png);background-repeat:no-repeat;color:#474747;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.title-header .hot-arrow.disable{margin-top:-3px;background-position:-46px 0;cursor:not-allowed}
.title-header .pre{background-position:0 0}
.title-header .next{background-position:-138px 0}
.title-header .next.disable{margin-top:-3px;background-position:-92px 0}
.box{position:relative;z-index:0;overflow:hidden;box-sizing:border-box;margin-top:29px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#fff;box-shadow:0 3px 8px -6px rgba(0,0,0,.1)}
.activity-panel li{position:relative;float:left;box-sizing:border-box;width:25%;height:200px;text-align:center}
.activity-panel li:before{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:100%;height:100%;border-left:1px solid #f2f2f2;border-left:1px solid rgba(0,0,0,.1);content:"";pointer-events:none}
.activity-panel li.no-border-left:before,.activity-panel li:first-child:before{border-left:none}
.activity-panel li.border-top:before{border-top:1px solid #f2f2f2;border-top:1px solid rgba(0,0,0,.1)}
.activity-panel img{width:305px;height:200px}
.hot-panel{position:relative;z-index:6;overflow:hidden}
.box{overflow:hidden;width:100%}
.box .hot-wrapper{position:relative;overflow:hidden;height:429px;transition:all .3s ease-in-out}

.cover-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;background:url(../bg/line.gif) repeat}
.cover-link:hover{box-shadow:inset 0 0 38px rgba(0,0,0,.08);transition:all .15s ease}
.badge-container{position:absolute;top:20px;right:20px}
.badge{position:relative;float:right;display:none;box-sizing:border-box;margin-left:10px;padding:0 10px;height:28px;min-width:56px;border-radius:14px;text-align:center;font-size:12px;line-height:26px}
.badge:first-child{display:block}
.badge.buy-gifts{border:1px solid #f0948d;background:#ffe7e5;box-shadow:0 1px 3px 0 rgba(0,0,0,.05);color:#cc3e39}
.badge.package{border:1px solid #d0e674;background:#f7fae1;box-shadow:0 1px 3px 0 rgba(0,0,0,.05);color:#8aad37}
.badge.discount{border:1px solid #ffe57a;background:#fffbe5;box-shadow:0 1px 3px 0 rgba(0,0,0,.05);color:#e6b217}
.dot-list{text-align:center}
.dot-list li{position:relative;display:inline-block;box-sizing:border-box;margin:0 6px;width:16px;height:16px;vertical-align:middle;text-align:center;cursor:pointer}
.dot-list li .outer{box-sizing:border-box;margin:1px;width:14px;height:14px;border:1px solid #e5e5e5;border-radius:50%}
.dot-list li.active .outer{margin:0;width:16px;height:16px;border:3px solid #b2b2b2;display: inline-block;	}
.dot-list li span{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;overflow:hidden;box-sizing:border-box;margin:auto;width:8px;height:8px;border-radius:50%;background-position:50%;background-size:contain}
.title-header{position:relative;display:block;background:#fafafa;color:#666;font-size:18px;line-height:60px}
.title-header:after{position:absolute;bottom:-1px;left:0;z-index:10;width:100%;height:1px;background:rgba(0,0,0,.1);content:" "}
.box .cell_list>li.product.top:before{border-left: 0;}
.box .cell_list>li.product.bottom:before{border-bottom: 0;}