﻿/*积分页样式*/

/*页面主体*/
#main{overflow: hidden;}

/*积分首页*/
.wrapBox .left{float: left;width: 230px;}
.wrapBox .right{float: left;margin-left: 10px;width: 720px;}
.wrapBox .left .boxes,.wrapBox .left .listBoxes{border: 1px solid #CCC;border-radius: 3px;}
.wrapBox .left .boxes h2.hd{border-bottom: 1px solid #CCC;height: 63px;padding: 0 10px 0 34px;position: relative;width: 184px;}
.wrapBox .left .boxes h2.hd a{display: block;height: 43px;line-height: 18px;overflow: hidden;padding: 10px;position: relative;width: 154px;cursor:default;}
.wrapBox .left .boxes h2.hd .title{display: block;color: #0470B1;font: 20px/20px "微软雅黑","宋体",Arial;margin-bottom: 5px;}
.wrapBox .left .boxes h2.hd .desc{color: #888;display: block;}
.wrapBox .left .boxes h2.hd a i{background: url(../images/gift/giftbg.gif) no-repeat -246px -115px;display: block;height: 19px;position: absolute;top: 22px;left: 163px;width: 11px;}
.wrapBox .left .boxes h2.hd a:hover i{background-position: -234px -115px;}
.wrapBox .left .boxes h2.hd b{background: url(../images/gift/giftbg.gif) no-repeat 0 0;display: block;height: 46px;width: 44px;position: absolute;left: -6px;top: 9px;}
.wrapBox .left .boxes h2.hd b.b1{background-position: 0 -103px;}
.wrapBox .left .boxes h2.hd b.b2{background-position: -46px -103px;}
.wrapBox .left .boxes h2.hd b.b3{background-position: -91px -103px;}
.wrapBox .left .boxes .content dl{background: #F5F5F5;border-bottom: 1px solid #CCC;padding: 5px 10px;}
.wrapBox .left .boxes .content dt{display: block;height: 24px;line-height: 24px;overflow: hidden;padding-left: 28px;width: 180px;}
.wrapBox .left .boxes .content dt a{color: #0470B1;font: bold 12px/24px "微软雅黑","宋体",Arial;}
.wrapBox .left .boxes .content dd{float: left;height: 22px;line-height: 22px;_line-height: 24px;overflow: hidden;padding: 0 18px;text-align: left;width: 68px;}
.wrapBox .left .boxes .content dd a{display: block;float: left;height: 22px;padding: 0 10px;}
.wrapBox .left .boxes .content dd a:hover{background: #0470B1;border-radius: 3px;color: #FFF;}
.wrapBox .left .boxes .content .jifen dd{float: none;width: auto;padding-right: 0;}
.wrapBox .left .boxes .paihang{background: url(../images/gift/giftbg.gif) no-repeat -237px -308px;height: 299px;overflow: hidden;}
.wrapBox .left .boxes .paihang li{background: url(../images/gift/dashedx.gif) repeat-x 0 29px;height: 30px;line-height: 30px;overflow: hidden;padding: 0 10px 0 25px;}
.wrapBox .left .boxes .paihang li span{color: #888;float: right;padding-left: 10px;}
.wrapBox .left .boxes .paihang li span em{color: #F60;font: bold 12px/30px Arial,Helvetica,sans-serif;padding-right: 2px;}
.wrapBox .left .boxes .news{height: 149px;overflow: hidden;}
.wrapBox .left .boxes .news li{background: url(../images/gift/dashedx.gif) repeat-x 0 29px;color: #666;height: 30px;line-height: 30px;overflow: hidden;padding: 0 10px 0 5px;}
.wrapBox .right .sliderBox{height: 200px;overflow: hidden;width: 720px;}

/*推荐专区切换*/
.wrapBox .tabCon{margin-top: 10px;width: 720px;overflow: hidden;}
.wrapBox .tabCon .ui-tabs-nav{border-left: 1px solid #CCC;background: url(../images/gift/dashedx.gif) repeat-x 0 39px #EEE;height: 40px;overflow: hidden;}
.wrapBox .tabCon .ui-tabs-nav li{border-top: 2px solid #EEE;border-right: 1px solid #CCC;height: 40px;line-height: 40px;font-weight: bold;font-size: 12px;overflow: hidden;width: 238px;}
.wrapBox .tabCon .ui-tabs-nav li.end{width: 240px;}
.wrapBox .tabCon .ui-tabs-nav li a{background: url(../images/gift/giftbg.gif) no-repeat 60px -169px;display: block;height: 40px;font: 18px/40px "微软雅黑","宋体",Arial;padding-left: 18px;}
.wrapBox .tabCon .ui-tabs-nav li a.top{background-position: 67px -169px;}
.wrapBox .tabCon .ui-tabs-nav li a.new{background-position: 65px -207px;}
.wrapBox .tabCon .ui-tabs-nav li a.hot{background-position: 65px -250px;}
.wrapBox .tabCon .ui-tabs-nav li.ui-tabs-selected{background: #FFF;border-top: 2px solid #0470B1;}
.wrapBox .tabCon .ui-tabs-nav li.ui-tabs-selected a{color: #0470b1;}
.wrapBox .tabCon .ui-tabs-nav li.ui-tabs-selected a.top{background-position: -171px -169px;}
.wrapBox .tabCon .ui-tabs-nav li.ui-tabs-selected a.new{background-position: -173px -207px;}
.wrapBox .tabCon .ui-tabs-nav li.ui-tabs-selected a.hot{background-position: -173px -250px;}
.wrapBox .tabCon .ui-tabs-panel{padding: 0 0 0;width: 720px;overflow: hidden;}
.wrapBox .tabCon .outer{width: 800px;overflow: hidden;}
.wrapBox .tabCon .outer dl{display: inline;float: left;margin: 10px 15px 0 0;width: 230px;}
.wrapBox .tabCon .outer dt a{background: #F9F9F9;border: 1px solid #CCC;border-radius: 3px;display: block;height: 164px;width: 218px;overflow: hidden;padding: 5px;}
.wrapBox .tabCon .outer dt a:hover{border: 1px solid #F60;}
.wrapBox .tabCon .outer dd{color: #888;height: 18px;line-height: 18px;overflow: hidden;padding: 5px 0 0;text-align: center;}
.wrapBox .tabCon .outer dd a{color: #333;}
.wrapBox .tabCon .outer dd em{color: #F60;font: bold 12px/18px Arial,Helvetica,sans-serif;}
.wrapBox .tabCon .outer dd.btn{text-align: center;height: 24px;}
.wrapBox .tabCon .outer dd.btn a{background: #F60;border-radius: 3px;color: #FFF;display: inline-block;height: 18px;line-height: 18px;overflow: hidden;padding: 3px 12px;width: 48px;}
.wrapBox .tabCon .outer dd.btn a:hover{background: #F40;}

/*积分列表页*/
.wrapBox .crumbs{border-bottom: 1px solid #CCC;height: 20px;line-height: 22px;overflow: hidden;padding: 3px 0 7px;}
.wrapBox .crumbs b{color: #888;font-weight: normal;}
.wrapBox .listBoxes h2.hd a{color: #333;display: block;height: 46px;padding: 0 10px 0 53px;position: relative;width: 165px;}
.wrapBox .listBoxes h2.hd a .title{font: 16px/46px "微软雅黑","宋体",Arial;}
.wrapBox .listBoxes h2.hd a:hover{color: #0470B1;}
.wrapBox .listBoxes h2.hd a i{background: url(../images/gift/giftbg.gif) no-repeat -246px -115px;display: block;height: 19px;position: absolute;top: 15px;left: 206px;width: 11px;}
.wrapBox .listBoxes h2.hd a:hover i{background-position: -234px -115px;}
.wrapBox .listBoxes h2.hd b{background: url(../images/gift/giftbg.gif) no-repeat 0 -318px;display: block;height: 19px;width: 22px;position: absolute;left: 15px;top: 14px;}
.wrapBox .listBoxes h2.hd a.cur,.wrapBox .listBoxes h2.hd a:hover{background: #2A98DA;border-left: 4px solid #0470B1;color: #FFF !important;padding-left: 49px;}
.wrapBox .listBoxes h2.hd a.cur i,.wrapBox .listBoxes h2.hd a:hover i{display: none;}
.wrapBox .listBoxes h2.hd a.cur b,.wrapBox .listBoxes h2.hd a:hover b{background-position: 0 -362px;left: 11px;}
.wrapBox .listBoxes dt,.listBoxes dd{border-top: 1px solid #CCC;height: 32px;line-height: 32px;overflow:  hidden;}
.wrapBox .listBoxes dl a{display: block;height: 32px;line-height: 32px;overflow: hidden;padding-left: 28px;width: 200px;}
.wrapBox .listBoxes dl dt a{color: #0470B1;font: bold 12px/32px "微软雅黑","宋体",Arial;}
.wrapBox .listBoxes dl a.cur,.wrapBox .listBoxes dl a:hover{background: #2A98DA;border-left: 4px solid #0470B1;color: #FFF;padding-left: 24px;}
.wrapBox .sort{border: 1px solid #CCC;border-radius: 3px;padding: 0;margin-top: 10px;}
.wrapBox .sort span{float: right;height: 18px;overflow: hidden;padding: 7px 10px;}
.wrapBox .sort span em{color: #F60;font: bold 12px/18px Arial,Helvetica,sans-serif;}
.wrapBox .sort dl,.wrapBox .sort dt,.wrapBox .sort dd{float: left;}
.wrapBox .sort dt{background: #F0F0F0;border-right: 1px solid #CCC;padding: 7px 10px;}
.wrapBox .sort dd{background: #FFF;border-right: 1px solid #CCC;padding-right: 10px;}
.wrapBox .sort dd a{background: url(../images/gift/giftbg.gif) no-repeat right -616px;display: block;padding: 7px 12px;}
.wrapBox .sort dd a.cur,.wrapBox .sort dd a:hover{background-position: right -656px;color: #0470B1;}
.wrapBox .sort dd.jifen{position: relative;width: 155px;}
.wrapBox .sort dd.jifen a{background: url(../images/gift/giftbg.gif) no-repeat right -730px;color: #333;height: 18px;width: 131px;}
.wrapBox .sort dd.jifen a:hover,.wrapBox .sort dd.jifen a.on{background-position: right -768px;}
.wrapBox .sort dd.jifen ul{background: #F7F7F7;border: 1px solid #CCC;border-width: 1px 1px 0;display: none;left: -1px;position: absolute;top: 32px;width: 165px;}
.wrapBox .sort dd.jifen li{border-bottom: 1px solid #CCC;cursor: pointer;height: 18px;line-height: 18px;overflow: hidden;padding: 5px 10px;}
.wrapBox .sort dd.jifen li.hover{background: #F0F0F0;color: #0470B1;}
.wrapBox .sort dd.jifen li a{padding: 0;background: none;}
.pageWrap{margin-top: 10px;}

/*积分详情页*/
.showBox{border: 1px solid #CCC;border-radius: 3px;}
.showBox .crumbs{background: #F5F5F5;padding: 5px 10px 7px;}
.showBox .mF_games_tb_wrap{padding: 0 !important;border: 0 !important;}
.showBox .mF_games_tb{background: #E6E6E6 !important;}
.showBox  .mF_games_tb .thumb ul li a{border: 3px solid #FFF; !important;}
.showBox .hd{padding: 10px;}
.showBox .hd h1.title{line-height: 20px;}
.showBox .hd h1.title b{color: #333;font: bold 16px/20px "微软雅黑","宋体",Arial;text-shadow: 1px 1px 1px #CCC;}
.showBox .baseView{margin: 10px 0;}
.showBox .baseView .left{float: left;width: 400px;}
.showBox .baseView .sliderBox{height: 386px;overflow: hidden;width: 400px;}
.showBox .baseView .right{float: left;margin-left: 10px;width: 288px;overflow: hidden;}
.showBox .baseView .right .info{background: #F5F5F5;border-radius: 3px;margin-bottom: 10px;}
.showBox .baseView .right .info li{color: #888;line-height: 21px;padding: 3px 5px;}
.showBox .baseView .right .info li span{color: #333;display: inline-block;padding-right: 5px;width: 60px;text-shadow: 1px 1px 1px #DDD;}
.showBox .baseView .right .info li em{font-family: Arial;margin-right: 2px;}
.showBox .baseView .right .info li em.price{color: #F60;font-weight: bold;font-size: 24px;}
.showBox .baseView .right .btns a{background: url(../images/gift/giftbg.gif) no-repeat 0 0;display: inline-block;}
.showBox .baseView .right .btns a.b1{background-position: 0 0;height: 40px;width: 168px;}
.showBox .baseView .right .btns a.b2{background-position: 0 -43px;height: 40px;width: 111px;}
.showBox .profile{margin-top: 10px;}
.showBox .profile .ui-tabs-nav{border-bottom: 2px solid #0470B1;}
.showBox .profile .ui-tabs-nav li{border: 1px solid #DDD;border-width: 1px 1px 0;border-radius: 3px 3px 0 0;height: 32px;line-height: 32px;margin-right: 3px;font-weight: bold;font-size: 12px;}
.showBox .profile .ui-tabs-nav li a{background: #EEE;color: #333;display: block;font: bold 12px/32px "微软雅黑","宋体",Arial;padding: 0 20px;}
.showBox .profile .ui-tabs-nav li.ui-tabs-selected{border: 1px solid #0470B1;border-width: 1px 1px 0;}
.showBox .profile .ui-tabs-nav li.ui-tabs-selected a{background: #0470B1;color: #FFF;}
.showBox .profile .ui-tabs-panel{padding: 10px 0 0;}
.showBox .profile .ui-tabs-panel .content{line-height: 21px;overflow: hidden;width: 698px;text-align: justify;}

/*myfocus幻灯片样式重写*/
.mF_games_tb .thumb ul li.current{background: url(../images/gift/myfocusar.gif) center 5px no-repeat !important;}
.mF_games_tb .thumb ul li.current a{border-color: #0470B1 !important;}
.mF_games_tb .prev a:hover, .mF_games_tb .next a:hover{color: #0470B1 !important;}