@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2013-12-19 13:46:08
 * @version $Id$
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,textarea,p,blockquote,th,td,input{margin:0;padding:0;border:0}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
fieldset,img,a img,iframe,html,body{border:0;}
li{list-style:none;}
[hidefocus]{outline:0;}
textarea,input,button,select,a{font-size:inherit;line-height:inherit;font-family:inherit;outline:0;}
textarea{overflow:auto;resize:none;}
body{word-wrap:break-word;font:14px/normal  'Microsoft Yahei',arial,simsun;color:#FFF;background: #1E1B1A;}
html{overflow: hidden;}
a,button{cursor:pointer;}
a,a:hover{text-decoration:none;color:#F5F5F5;}
em{font-style: normal;}
.cDarkRed{color: #884342;}
.f-fl{float: left;}
.f-fr{float: right;}
.hide{display: none;}
.clearfix:after{clear: both;content: '.';display: block; height: 0;visibility: hidden;}
.clearfix{*zoom:1;}
.pic{background: url(../img/hs_pic32.png) no-repeat -999px -999px;_background:url(../img/hs_pic32_ie6.png) no-repeat -999px -999px;}

/*滚动条*/
::-webkit-scrollbar{width:12px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:decrement{display:block;width:12px;height:10px;background: url(../img/bgScroll.gif) no-repeat -16px 0;}
::-webkit-scrollbar-button:end:decrement{background-position:-1px -22px;}
::-webkit-scrollbar-track{background: #0A0A0A;}
::-webkit-scrollbar-thumb{background: #4D627D;}

.page{min-width:144px;width: 100%;margin: 0 auto;overflow: hidden;}
.nav{width:144px;height:48px;background: url(../img/tt.png) no-repeat;margin: 0 auto;}
.nav_tj{background: url(../img/tj.png) no-repeat;}
.main{/*position:relative;*/padding: 3px 2px;}
/*.tab{position: relative;z-index: 100;}*/
.tab0{border-bottom: 2px solid #187103;}
.tab1{border-bottom: 2px solid #0091BC;}
.tab2{border-bottom: 2px solid #CC0102;}
.tab a{display: inline-block;width: 33.33%;height: 34px; line-height:34px;background: url(../img/syIcon.png) repeat-x;background-position: -999px -999px;/*color: #545252;*/font-size: 12px;vertical-align: middle;text-align: center;}
.tab0 a.cur{background-position: 0 0;}
.tab1 a.cur{background-position: 0 -35px;}
.tab2 a.cur{background-position: 0 -70px;}
.tab a.cur{color: #FFF;}
.sortTab{padding: 2px;}
.sortTab .cur{color: #0094BD;}
.syNum{font-size:14px;color: #FFF;}
.syNum b{color: #C00;}
.cardList{width:100%;font-size: 12px;}
.msgshow{font-size: 12px;}
#myCardNum,#atkCount,#magicNum{padding:0 3px;}
.scroll ul{overflow-y: auto;}
#myCardNum span{font-weight: bold;color:#C00;}
#atkCount span{display: block;}
/*.scroll{position:relative;min-height:200px;_height:200px;overflow: hidden;z-index: 10;}*/
.sublist{width:100%;display: block;}
	.card{position:relative;height: 26px;margin-bottom: 1px;}
	.card a{position:relative;display: block;height: 24px;background: #3F4754;border:1px solid #5F5959;border-radius: 5px;}
	.card span{position:absolute;top:0;display: block;height: 24px;line-height: 24px;text-align:center;color:#FFF;}
	.card .powerIcon{width: 32px;left:0;background-position: 0 -68px;font-weight: bold;font-size: 14px;}
	.card .name{left:32px;z-index: 100;}
	.card .green{color: #00FF00;}
	.card .blue{color: #00B0F0;}
	.card .purple{color: #9B5DFF;}
	.card .orange{color: #EF8B19;}
	.card .img{top:0;right:0;width:50px;height:24px;background-position: 0 0;opacity: 0.8;filter:alpha(opacity=80);background-repeat: no-repeat;}
	.card .count{right: 1px;top:-1px;width: 12px;height:24px;}

	.card .count b{position: absolute;}
	.card .count .bg{top:0px;right:-1px;display: block;width: 12px;height:24px;border-radius: 5px;background: #080607;line-height: 24px;border:1px solid #585453;z-index: 11;opacity: 0.5;filter:alpha(opacity=50);}
	.card .num{right: 1px;top: 1px;position: absolute;font-size: 14px;color: #FFDD03;z-index: 12;}
.cardInfoLayer{display:none;position: absolute;top:0;left: 0;width: 150px;/*border: 1px solid #706E6D;background: #05071B;*/color: #FFF;border-radius: 5px;padding:10px;font-size: 12px;z-index: 120;}
.cardInfoLayer img{width: 150px;height: 180px;}

.more{position:absolute;bottom:20px;left:0;width: 100%;z-index:110;}
/*奥秘提示 关键词提示*/
.secretTips{padding:0px 0 0;background: #1E1B1A;}
.secretTips .txt{height:24px;line-height:24px;background: #101727;border-top:1px solid #4D627D;border-bottom:1px solid #4D627D;text-align: center;cursor: pointer;}
.secretTips .txt .tag{display: inline-block;width: 8px;height: 24px;background: url(../img/tipsTag.png) no-repeat 0 -24px;vertical-align: middle;margin: 0 10px;}
.secretTips .up .tag{background-position: 0 0;}
.more li{float:left;width:50%;_width:49%;height:26px;text-align: center;margin-bottom:1px ;position: relative;}
.more li a{display: block;width:97%;background: #3F4754;border:1px solid #5F5959;margin:0 1%;_margin:0 ;border-radius: 5px;height:24px;line-height: 24px;}
.more li img{position:absolute;display:none;width: 150px;height: 180px;z-index: 115;}
.more li p{position:absolute;display:none;width: 150px;background: #1E1B1A;line-height:22px;font-size:14px;border:1px solid #5F5959;text-align: left;padding:3px;border-radius: 3px;}

.more .title{position:relative;height:24px;line-height:24px;background: #101727;text-align: center;border-top:1px solid #4D627D;border-bottom:1px solid #4D627D;}
.more .title span{display: inline-block;width: 50%;color: #4D627D;cursor: pointer;}
.more .title span.z-active{font-weight: bold;color: #FFF;}
.more .title .tag{position:absolute;top:0;display: inline-block;width: 8px;height: 24px;background: url(../img/tipsTag.png) no-repeat 0 -24px;vertical-align: middle;}
.more .title .tag1{left:10px;}
.more .title .tag2{right:10px;}
.more .up .tag{background-position: 0 0;}
/*视频播放*/
.video{background: #1E1B1A;}
.video .txt{height: 24px;line-height: 24px;padding:0 5px;color: #FFF;background: #EC680C;}
.video .txt .tag{display:inline-block;width:8px;height:24px;background: url(../img/nav_arrows.png)  no-repeat 0 -22px;vertical-align: middle;margin-left: 10px;}
.video .txt .arr_tag{background-position: 0 10px;}
.video ul{margin-top: 2px;padding:0 2px;}
.video li{position:relative;height: 40px;overflow: hidden;padding:2px 5px;background: #3F4754;border:1px solid #5F5959;border-radius: 5px;margin-bottom: 1px;}
.video li a{display: block;height: 40px;}
.video li .img{position:absolute;top:7px;left:5px;width: 44px;}
.video li .img img{width: 44px;height: 33px;}
.video li .v_tt span{display: block;height: 20px;line-height: 20px;font-size: 12px;padding-left: 50px;overflow: hidden;}
.video li .v_tt span.play{color:#999999;background: url(../img/play_icon.png) no-repeat right 2px;}
.video li .v_tt span .p_icon{display:inline-block;width:24px;height:20px;background: url(../img/play_icon.png) -2px -38px;vertical-align:top; }

/*卡牌推荐*/
.recommend .cardArea{margin-bottom: 5px;}
.recommend {color: #FFF;padding: 2px 0.5% 5px;}
.recommend .cardFloat{float:left;width: 31%;padding: 0 1%;}
.recommend .re_img{text-align: center;}
.recommend .re_img span{display:block;width:165px;height:40px;background-position: -60px -80px;margin: 0 auto;background-repeat: no-repeat;}

.recommend p{font-size: 12px;line-height: 22px;}
.recommend p.txt{line-height: 22px;}
.recommend b{font-weight: normal;}
.recommend .red{color: #c00;font-weight: bold;}
.recommend .green{color: #00FF00;}
.recommend .blue{color: #00B0F0;}
.recommend .purple{color: #9B5DFF;}
.recommend .orange{color: #EF8B19;}
.recommend p .choose_red{color: #C00;}
.recommend p .choose_green{color: #00FF00;}


.cardName{text-align: center;}
.recommend .nameTt{position:relative;border: 1px solid #5F5959;height: 24px;line-height: 24px;text-align: left;padding:0 0 0 10px;border-radius: 5px;background: #3F4754;}
.recommend .nameTt .c_name{vertical-align: top;}
.cardName .l_img{display: inline-block;width: 50px;height:24px;position: absolute;top:0px;right: 1px;}

.evaluate{color: #FFF;padding: 5px 3px;font-size: 12px;}
.evaluate dl{margin-bottom: 1px;}
.evaluate dt{height:32px;line-height:32px;padding-left:36px;background: url(../img/gear_min.png) no-repeat -999px -999px;font-size: 14px;color: #E9D6AC;}
.evaluate dd{display: none;}
.evaluate .g_4{background-position: 0 -72px;}
.evaluate .g_7{background-position: 0 -180px;}
.evaluate .g_5{background-position: 0 -108px;}
.evaluate .g_9{background-position: 0 -252px;}
.evaluate .g_8{background-position: 0 -216px;}
.evaluate .g_2{background-position: 0 0;}
.evaluate .g_6{background-position: 0 -144px;}
.evaluate .g_10{background-position: 0 -288px;}
.evaluate .g_3{background-position: 0 -36px;}
.reason{color: #FFF;padding: 5px 3px 0;font-size: 12px;}
.evaluate h2,.reason h2{font-size: 16px;color: #E9D6AC;}
.reason li{line-height: 22px;/*height: 22px;overflow: hidden;white-space: pre-wrap;*/}
.reason li.long span{display: inline-block;width: 80px;height: 22px;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;vertical-align: middle;}
.reason li a{color: #E9D6AC;}


.combat{_height:0;}
.combat p{font-size: 12px;}

/*卡组记录*/
.deckRecord{padding:5px;}
.record,.unrecord{float: left;}
.record{margin-right: 10px;}
.record p,.unrecord p{font-size: 14px;font-weight: bold;}
.record p{color: #5D4E38;}
.unrecord p{color: #B79D6F;}
.icon{display:inline-block;width:24px;height:22px;background: url(../img/recordIcon.png) no-repeat -1px -26px;vertical-align: bottom;}
.unrecord p .icon{background: url(../img/recordIcon.png) no-repeat -26px -26px;}
.record ul,.unrecord ul{float:left;padding-left: 24px;line-height: 22px;}
.record ul li,.unrecord ul li{margin-right: 10px;max-width:100px;list-style: disc outside;}
.record ul{color: #5D4E38;}
.unrecord ul{color: #B79D6F;}

.scrollArea{display:none;position: absolute;top:0;right:0;width:15px;background: #0A0A0A;height: 400px;z-index: 100;}
.scrollTopBtn{position: absolute;top:0;right: -1;width: 15px;height:10px;background: url(../img/bgScroll.gif) no-repeat;z-index: 102;}
.scrollMidArea{position: absolute;top:10px;bottom:10px;width: 10px;right: 3px;overflow: hidden;height: 300px;}
.scrollBtmBtn{position: absolute;bottom: 0;right: -1px;height: 10px;width: 15px;background: url(../img/bgScroll.gif) no-repeat -1px -22px;z-index: 102;}
.scrollSlider{position: absolute;top:10px;right: 3px;width: 10px;background: #4D627D;height: 30px;}


.mac .record p{color: #fff;}
.mac .record p .icon{background-position: -50px 0;}
.mac .unrecord p{color: #645C5C;}
.mac .unrecord p .icon{background-position: -72px 0;}
.mac .record ul{color: #fff;}
.mac .unrecord ul{color: #645C5C;}

.opcaImg{ background: url(../img/bgOpca.png) repeat;}


/*卡组效果统计*/
.effect{padding: 5px;display: none;}
.analyze_data p{font-size: 12px;margin-bottom: 10px;}
.analyze_data p b{display:inline-block;width:30px;height:30px;background: url(../img/hs-sprite32.png) no-repeat -999px -999px;vertical-align: middle;}
.analyze_data p b.pIcon{background-position: -2px -66px;}
.analyze_data p b.aIcon{background-position: -2px -2px;}
.analyze_data p b.hIcon{background-position: -2px -34px;}
.analyze_data ul{margin:5px 5px 20px;/*float: left;*/height: 60px;}
.analyze_data li{position:relative;display:inline-block;*display: inline;*zoom:1;width:12px;height: 60px;padding-right: 4px;}
	.analyze_data li span{position:absolute;bottom:0;width:12px;background: #C1A271;}
	#atk li span{background: #D8A013;}
	#hp li span{background: #E23227;}
	.analyze_data li em{display:block;position: absolute;top:-15px;left:-2px;font-size: 12px;width: 16px;text-align: center;}
	.analyze_data li b{display:block;position: absolute;bottom: -20px;left:0;font-size: 12px;width:20px;}

	.typeCount span,.eff_list span,.race span{display: inline-block;width: 33%;text-align: center;font-size: 12px;margin:2px 0;}

/**/
.mobile{position: relative;}
.mobile a{display: block;}
.mobile .ewm{display:none;position: absolute;top:20px;left:5px;z-index: 1000;width:132px;text-align: center;padding:3px;background: #FFF;}
.mobile a:hover .ewm{display: block;}
.mobile .ewm img{width: 132px;height: 132px;}
.mobile .ewm em{display: block;color: #C32D0B;font-weight: bold;}

/*滚动条样式*/
.jspArrowUp{_background: url(../img/bgScroll.gif) no-repeat -1px 6px;}
.jspArrowDown{_background: url(../img/bgScroll.gif) no-repeat -1px -20px;}

/*记牌器底部滚动*/
.g-scroll{position:fixed;bottom:0;width:96%;height:22px;line-height: 22px;background: #A0855B;padding:0 2%;overflow: hidden;z-index: 101;}
.g-scroll li{height:22px;line-height: 22px;font-size: 12px;overflow: hidden;}