/*效果图*/
.nav-kuang{height:44.38px;position: relative;}
.nav-kuang .nav-box{position: relative;top:0;width:100%;left:0;z-index: 9999;}
.xgt-title{display:block;z-index: 9999;}
.xgt-title li{display: block;position: relative;}
.xgt-title li a{display: block;font-size: 16px !important;font-weight: normal;color:#555 !important;font-family: "微软雅黑" !important;background-color:#fff !important;border-color: #ddd !important;text-shadow: 0 1px 0 #f3f3f3 !important;}
.xgt-title li.active a{color:#33CD5F !important;}
.xgt-title li a i{display: inline-block;background:url("http://img.xiugei.com/m/img/icon/xgtClassZk_icon.png") center center no-repeat;width:11px;height:100%;position: absolute;top:0;margin-left:5px;}
.xgt-title li.active a i{background:url("http://img.xiugei.com/m/img/icon/xgtClassSs_icon.png") center center no-repeat;}
.nav-kuang .nav-box .xgt-subtitle{display:none;position:fixed;z-index:9998;width: 100%;max-height: 250px;margin:0 auto;overflow-y: scroll !important;background-color: #fff;opacity: 1 !important;}
.nav-kuang .nav-box .xgt-subtitle.subtitle-show{display: block ;}
.nav-kuang .nav-box .xgt-subtitle li{width: 33.33% !important;float: left;text-align: center; clear: none;background-color: #fff !important;}
.nav-kuang .nav-box .xgt-subtitle li a{display: block;font-family:"微软雅黑";margin: 8px 12px !important;padding:0 !important;border: 1px solid #e6e6e6 !important;border-radius: 4px !important;line-height: 32px;background: #FFF !important;}
.nav-kuang .nav-box .xgt-subtitle li.active a{border: 1px solid #33CD5F !important;color: #33CD5F !important;}
/*套图*/
.xgt-box{position: relative;background:#dcdcdc; margin-top:10px;padding-bottom:15px;}
.model-list{overflow: hidden; padding: 0px 10px;}
.model-list .mitem{margin: 0 0 10px 0; line-height: 0; position: relative; border-radius: 3px; overflow: hidden;}
.model-list .mitem .mcover{display: block; line-height: 0; position: relative; z-index: 0;}
.model-list .mitem .mcover img.covers{width: 100%;}
.model-list .text-group{padding: 10px 0 10px 15px; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,0.8) 100%);}
.model-list .text-group .xgtstyle{border-left: 3px solid #05cc95; height:16px; line-height: 16px; padding: 0 0 0 5px; color: #fff; font-size: 16px; margin: 0 0 5px 0;text-shadow: 1px 1px 5px #000;}
.model-list .text-group .xgttitle{height:30px; line-height: 30px; color: #05cc95; font-size: 20px; text-shadow: 1px 1px 5px #000;}
.model-list .text-group .xgtattr{height:20px; line-height: 20px; color: #fff; font-size: 14px; text-shadow: 1px 1px 5px #000;}
.model-list .mitem .mcoll{position: absolute; bottom: 5px; right: 5px; float:left; z-index: 1; padding: 10px;}
.model-list .mitem .mcoll .icon{float:left; width: 13px; height: 13px; overflow: hidden; position: relative;}
.model-list .mitem .mcoll .icon img{width: 13px; position: absolute; top: 0; left: 0; transition: all .1s ease-in-out;}
.model-list .mitem .mcoll .icon.active img{top: -13px;}
.model-list .mitem .mcoll .count{float:left; color: #fff; font-size: 12px; height: 13px; line-height: 13px; margin: 0 0 0 5px; font-style:normal;}
/*add*/
.xgthd{display:none !important;}.xgtox{ position:absolute;width:100%; height:100%;z-index:15;opacity:0;filter:alpha(opacity=0);top:0px;left:0;}