/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}

.hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;display:block}

em{ font-style: normal; }

/*page*/
body{min-width:590px; font: 14px/150% tahoma,'\5b8b\4f53',sans-serif;background: #282e30;}
body{font-family:'\5FAE\8F6F\96C5\9ED1';}
/* wrap1 */
.wrap1{ width: 590px; height: 573px; background: #282e30; margin: 0 auto;}
.wrap1 .tit{ width:431px; height: 30px; background: url(http://image.tgp.qq.com/tgp_act/release/cf/cf20160621/images/bt.png) no-repeat; margin: 7px auto 4px; }
.wrap1 .login{ width: 100%; font-size: 12px; height: 22px; line-height: 22px; color: #ce0000; text-align: center; margin-top: 2px; }
.wrap1 .login font{ color: #ff7e00; }
.wrap1 .login a{ color: #ce0000;}
.wrap1 .login #logined a{ margin: 0 10px; }

.wrap1 .ul-item{ width: 582px; margin:2px auto 0; overflow: hidden; }
.wrap1 .ul-item li{ width: 183px; height: 152px; float: left; margin: 0 6px 0 5px; background: url(http://image.tgp.qq.com/tgp_act/release/cf/cf20160621/images/tp_bg2.jpg) no-repeat; cursor: pointer; }
.wrap1 .ul-item li img{ width: 100%; height: auto; display: block; }
.wrap1 .ul-item li p{ height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; margin-top: 6px; position: relative; padding-left: 16px;}
.wrap1 .ul-item li p i{width: 14px; height: 14px; background: url(http://image.tgp.qq.com/tgp_act/release/cf/cf20160621/images/crile.png) no-repeat; position: absolute; top: 5px; left: 22px;}
.wrap1 .ul-item li p.min{  }
.wrap1 .ul-item li.on{background: url(http://image.tgp.qq.com/tgp_act/release/cf/cf20160621/images/tp_bg1.jpg) no-repeat; }
.wrap1 .ul-item li.on p{ color: #ce0000; }
.wrap1 .ul-item li.on p i{ background: url(http://image.tgp.qq.com/tgp_act/release/cf/cf20160621/images/on.png) no-repeat; }
.wrap1 .ul-item li.geted {
    -webkit-filter: grayscale(1);/* Webkit */
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' x=\'0\' y=\'0\' width=\'100%\' height=\'100%\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0\'/></filter></svg>#grayscale");*/
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);*/
    filter: grayscale(1);/* W3C */
}
.wrap1 .ul-item li.geted p i{ background: url(http://image.tgp.qq.com/tgp_act/release/cf/cf20160506/images/geted.png) no-repeat; }
.wrap1 .btn_get{ width: 139px; height: 42px; background: url(http://image.tgp.qq.com/tgp_act/release/cf/cf20160621/images/btn_get.jpg) no-repeat; margin: 5px auto 0; display: block;}

/*body*/