/* CSS Document 
use for:18183.com
version:1.0
Data:2015/04/24
Author:梁思浩
*/
@charset "utf-8";
body {margin:0; padding:0; font:12px "微软雅黑",san-serif; color: #333;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
input,textarea,select{font-family:"宋体"; color:#666}
table,td,tr,th{font-size:12px;}
table{border-collapse: collapse;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
a{text-decoration: none;}
/*公用*/
.clear {clear:both;}
.clear:after {content:"."; display:block; height:0;clear:both; visibility:hidden;}
.left{float: left;}
.right{float: right;}
.textC{text-align: center;}
.textL{text-align: left;}
.textR{text-align: right;}
.mr_12{margin-right:12px;}
.mt_12{margin-top:12px;}
.mt_10{margin-top: 10px;}
.no_border{border: 0px!important;}
.no_mr{margin-right: 0px!important;}
.w20{width: 20%;}
.w40{width: 40%}
.mt_11{margin-top:11px}
.H1B{font-size: 20px;font-weight: bold;color: red;}
figure{display:-webkit-box;-webkit-box-align: center;padding: 0px;margin: 0px}
figure figcaption{-webkit-box-flex:1;display:block;}


/*图标*/
.icon-search{display: inline-block;background:url(../images/icon-search.png);width: 18px;height: 18px;vertical-align:middle;cursor: pointer;background-size: 100% auto;}
.icon-more{display: inline-block;background:url(../images/icon-more.png) no-repeat;width: 17px;height: 18px;vertical-align:middle;cursor: pointer;background-size: 100% auto;}
.icon-refresh{display:inline-block;background:url(../images/icon-refresh.png)center center no-repeat;width: 9px;height: 9px;background-size: 100% auto;margin-right: 5px;}
.icon-title-round{display: inline-block;background: url(../images/icon-title-round.png);background-size: 17px auto; vertical-align:middle;width: 17px;height: 17px;margin: -2px 8px 0px 10px;}
.icon-star{display: inline-block;background:url(../images/icon-star.png);width:14px;height: 14px;background-size:14px auto;vertical-align: middle;margin:0px 10px 0px 0px}
.icon-guide{display: inline-block;background:url(../images/icon-guide.png);width: 14px;height: 14px;background-size: 14px auto;vertical-align: middle;margin:0px 10px 0px 0px}
.icon-pre{display: inline-block;background: url(../images/icon-pre-bg.png);width:20px;height: 28px;background-size: 20px auto;margin: 12px 0px 0px 4px;}
.icon-next{display: inline-block;background: url(../images/icon-next-bg.png);width:20px;height: 28px;background-size: 20px auto;margin: 12px 0px 0px 4px;}
.icon-comment{display: inline-block;background: url(../images/icon-commend.png);width: 14px;height: 14px;background-size:14px auto;margin-top: 6px}
.icon-rectangle{width:5px;height: 15px;background: #f07a24;display: inline-block;margin-right:5px;vertical-align: middle;}
.icon-Rtriangle{display: inline-block;background: url(../images/icon-Rtriangle.png);background-size:6px 12px;width:6px;height: 12px;z-index: 1000}
.icon-role{display: inline-block;background: url(../images/icon-role.png) no-repeat;width: 21px;height: 22px;background-size: 21px auto;vertical-align: middle;margin-right:8px;}
.icon-rhombus{display: inline-block;background: url(../images./icon-rhombus.png);width: 6px;height: 6px;background-size: 6px auto;vertical-align: middle;}
.icon-big_star{display: inline-block;background:url(../images/icon-big_star.png) no-repeat;width:25px;height: 24px;background-size:25px auto; vertical-align: middle;margin-right: 9px;}
.icon-left{display: inline-block;background: url(../images/icon-left.png);width: 13px;height: 20px;background-size:13px auto;}
.icon-right{display: inline-block;background: url(../images/icon-right.png);width: 13px;height: 20px;background-size:13px auto;}
.icon-bellePre{display:inline-block;background:url(../images/icon-bellePre.png);width: 19.5px;height: 27.5px;background-size: 19.5px auto;}
.icon-belleNext{display:inline-block;background:url(../images/icon-belleNext.png);width: 19.5px;height: 27.5px;background-size: 19.5px auto;}
.icon-small-love{display: inline-block;background: url(../images/icon-small-love.png) no-repeat;width: 14px;height: 12px;background-size:14px auto;vertical-align: middle;}
.icon-Play{display: inline-block;background: url(../images/btnVideo.png) no-repeat;width:32px;height: 32px;vertical-align:middle;cursor: pointer;background-size: 32px auto;}

/*幻灯*/
.alFade{ position:relative;overflow:hidden;width:300px; height:225px;margin: 0 auto; }
.alFade .alFade-pic,.alFade .alFade-pic li{ width:300px;height:225px; overflow:hidden;  position: relative;
  bottom: 0px; left: 0px; }
.alFade .alFade-pic li{ display:none; position:absolute;}
.alFade .alFade-pic img{ width:100%; height:100%; display:block; padding:0; border:0; }
.alFade .alFade-flag{ position:absolute; bottom:5px; right:0;}
.alFade .alFade-flag{position: absolute;bottom:0px;left: 0px;width: 100%;}
.alFade .alFade-flag li{text-align:center; border:1px solid #ff9c00; color:#620F01; font-family:Arial, Helvetica, sans-serif; float:left; display:inline; float: left;width: 20%;border-radius: 0px; margin-bottom: 0px;border: 0; }
.alFade .alFade-flag li div{ margin-right: 1.5px;height: 12px;line-height: 12px;text-align: center;font-size: 12px;color: #cccccc;background: black;opacity: 0.6;}
.alFade .alFade-flag .alFade-on div{ cursor:default; background:#f07a24; color:#fff;opacity: 1;}

/*英雄对比*/
.header{height:44px;background: #ffffff;border-bottom: 3px solid #cccccc;position: relative;padding: 0px 10px;line-height: 44px;vertical-align: middle;}
.header .logo{position: absolute;top:5px;left: 8px;width: 56px;height: 34px;}
.header .logo img{width: 100%;height: auto;}
.header .option{float: right;}
.header .nav{background: white}
header .nav ul{overflow: hidden;}
header .nav ul li{width:20%;height: 44px;line-height:44px;text-align: center;float: left;}
header .nav ul li a{font-size: 15px;color: #333333;border-right: 1px solid #cccccc;display:block;height: 13px;line-height: 13px;text-align: center;margin-top: 15px}
article .PKImg{width: 100%;position: relative;}
article .PKImg img{width: 100%;height: auto;}
article .PKImg p{position: absolute;left: 0px;bottom: 0px;height:41px;width: 100%;line-height:41px}
article .PKImg p span{width: 50%;display: block;text-align: center;font-size: 15px;color: white;float: left;}
.attribute{margin-top: 13px;padding: 0px 10px;}
.attribute p{line-height: 20px;color: #404040;font-size: 12px;}
.attribute p a{color: #f07a24;}
.attribute table {border: 1px solid #cccccc;width: 100%;margin-top: 18px;}
.attribute table tr td{height: 53px;line-height: 53px;font-size: 13px;color: #3e3e3e;border: 1px solid #cccccc;}
.arrName{background:#dedede;text-align: center;}
.attribute table tr td.arrOne{color:#1f53aa;text-indent: 10px;text-align: left;}
.attribute table tr td.arrTwo{color:#bc0606;text-indent: 10px;text-align: left;}
.Pk_array{margin-top: 20px;overflow: hidden;}
.Pk_array .arrayOne{overflow: hidden;background: #152b50;padding: 0px 10px 18px;}
.Pk_array .arryHead{margin: 20px 0px 12px 0px;overflow: hidden;}
.Pk_array .arrayOne .arryHead span{float: left;background: url(../images/array_header_bg.png)left top no-repeat;text-indent:18px;font-size: 15px;color: #b4cbf5;display: inline-block;height:45px;line-height:45px;background-size:auto 34px;}
.Pk_array .arrayOne .arryHead span.exchange{float: right;width:65px;height:21px;line-height:21px;text-align: center;border-radius: 2px;background: #2c4061;-webkit-opacity:0.4;opacity:0.4;color: #b4cbf5;display: inline-block;font-size: 12px;margin-top: 11px;text-indent: 0px}
.arrayOne .arrrayComment{overflow: hidden;}
.arrayOne .arrrayComment p{float: left;height: 25px;line-height: 25px;color: #b4cbf5;}
.arrayOne .arrrayComment p em{background: #28416b;width:25px;height: 25px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.arrayOne .arrrayComment p em i{background:url(../images/icon-commend.png) center center no-repeat;background-size:14px 13px;display: inline-block;vertical-align: middle;display: block;height: 100%;}
a.lookDetail{color: #f07a24;font-size: 12px;float: right;margin-right: 10px;height:25px;line-height: 25px;}
.arrayOne .arrayC{display: none;}
.arrayOne .arrayC.selectC{display: block;}
.arrayOne .arrayContent{margin-top: 10px;}
.arrayOne .arrayContent ul.array{overflow: hidden;}
.arrayOne .arrayContent ul.array li{float: left;width:33.3%;text-align: center;margin-bottom: 10px}
.arrayOne .arrayContent ul.array li div{width:90%;height:auto;margin: 0 auto;}
.arrayOne .arrayContent ul.array li div a{margin-top: 0px;}
.arrayOne .arrayContent ul.array li a{display:inline-block;margin-top: 10px;text-align: center;color: #b4cbf5;}
.arrayOne .arrayContent ul.array li div img{width: 100%;border:2px #7091c9 solid;}
.Pk_array .arrayTwo{background: #69090b;padding: 0px 10px 18px;overflow: hidden;}
.Pk_array .arrayTwo .arryHead span{float: left;background: url(../images/array_header_bg.png) left top no-repeat;text-indent:18px;font-size: 15px;color: #faa5a6;display: inline-block;height:45px;line-height:45px;background-size:auto 34px}
.Pk_array .arrayTwo .arryHead span.exchange{float: right;width:65px;height:21px;line-height:21px;text-align: center;border-radius: 2px;background: #782223;-webkit-opacity:0.4;opacity:0.4;color: #faa5a6;display: inline-block;font-size: 12px;margin-top: 11px;text-indent: 0px;}
.arrayTwo .arrayC{display: none;}
.arrayTwo .arrayC.selectC{display:block;}
.arrayTwo .arrrayComment{overflow: hidden;}
.arrayTwo .arrrayComment p{float: left;height: 25px;line-height: 25px;color: #faa5a6;}
.arrayTwo .arrrayComment p em{background: #821f21;width:25px;height: 25px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.arrayTwo .arrrayComment p em i{background:url(../images/icon-commend.png) center center no-repeat;background-size:14px 13px;vertical-align: middle;display: block;height: 100%;}
.arrayTwo .arrayContent{margin-top: 10px;}
.arrayTwo .arrayContent ul.array{overflow: hidden;}
.arrayTwo .arrayContent ul.array li{float: left;width:33.3%;text-align: center;margin-bottom: 10px}
.arrayTwo .arrayContent ul.array li div{width:90%;height:auto;margin: 0 auto;}
.arrayTwo .arrayContent ul.array li div a{margin-top: 0px;}
.arrayTwo .arrayContent ul.array li a{display:inline-block;margin-top: 10px;text-align: center;color: #faa5a6;}
.arrayTwo .arrayContent ul.array li div img{width: 100%;border: 2px #ca696b solid;}
.Pk_array .arrayVideo{margin:0 auto;margin-top: 10px;height: 173px;border:1px solid black;position: relative;width: 300px}
.Pk_array .arrayVideo img{width: 100%}
.Pk_array .arrayVideo .shade{position: absolute;left: 0px;top:0px;background:black;opacity: 0.7;width: 100%;height: 100%;}
.Pk_array .arrayVideo .shade i.icon-Play{position: absolute;top:50%;left: 50%;margin:-15px 0px 0px -15px}
.arrayOne .strategyList{margin-top: 10px;}
.arrayOne .strategyList ul li{height:32px;border-bottom: 1px solid #333366;line-height:32px; }
.arrayOne .strategyList ul li a{color:#ccccff;padding-left: 18px;background:url(../images/icon-rhombus-b.png) left center no-repeat;}
.arrayTwo .strategyList{margin-top: 10px;}
.arrayTwo .strategyList ul li{height:32px;border-bottom: 1px solid #990000;line-height:32px; }
.arrayTwo .strategyList ul li a{color:#ff9999;padding-left: 18px;background:url(../images/icon-rhombus-r.png) left center no-repeat;}

/*wap-专题*/

section.titleImg{width: 100%}
section.titleImg img{width: 100%;height: auto;}
.titleDiv{height:45px;line-height:45px;background: #333333;color:white;font-size: 18px;margin:10px 0px; }
.titleDiv a{float: right;color: #f07a24;font-size: 14px;margin-right: 10px;}
section.Recommend .RecommendDiv{padding:0px 10px;}
section.Recommend .RecommendDiv>ul li{width: 92px;height: 24px;border: 1px solid #cccccc;border-radius: 24px;float: left;line-height: 24px;text-align:center;margin:0px 6px 10px 0px;}
section.Recommend .RecommendDiv>ul li.selectL{color: #ff6633;}
section.Recommend .RecommendDiv .recCont{position: relative;display: none}
section.Recommend .RecommendDiv .recCont.selectC{display: block;}
section.Recommend .RecommendDiv .recCont p{font-size: 17px;color: #333333;margin-top: 9px;font-weight: bold;}

section.vote{padding:0px 10px;margin-top: 20px;}
section.vote h3{background:#ff6633;padding: 4px;color: white;font-size: 12px;display: inline-block;}
section.vote>p{margin-top: 7px;line-height: 18px}
section.vote>p a{color: #ff6633;margin-left: 10px}
section.vote .voteBtn{margin-top: 10px;}
section.vote .voteBtn div{width: 50%;height: 46px;text-align: center;float: left;}
section.vote .voteBtn div a{line-height: 46px;font-size:18px;font-weight: bold;color: white;text-align: center;display: block;width: 147px;margin: 0 auto;}
section.vote .voteBtn div a.btn-like{background: url(http://www.18183.com/wap/ttmds/zt/img/btn-like-bg.png) no-repeat;}
section.vote .voteBtn div a.btn-vote{background: url(http://www.18183.com/wap/ttmds/zt/img/btn-vote-bg.png) no-repeat;}
section.vote .sillShow{margin-top: 10px;background:white;}
section.vote .sillShow>ul{width: 100%}
section.vote .sillShow>ul li{float: left;width: 50%;position: relative;height:35px;line-height: 35px;background: #cccccc;text-align: center;font-size: 14px;}
section.vote .sillShow>ul li .headLine{height: 3px;background:#ff6633;position: absolute;top: 0px;left: 0px;display: none;width: 100%}
section.vote .sillShow>ul li.selectL .headLine{display:block;}
section.vote .sillShow>ul li.selectL{background: white;}
section.vote .sillShow .sillContent{margin-top: 10px;text-align: center;display: none;}
section.vote .sillShow .sillContent.selectC{display:block;}
section.vote .sillShow .sillContent ul{display: inline-block;}
section.vote .sillShow .sillContent ul li{margin-right: 18px;float: left;}
section.vote .sillShow .sillContent ul li img{width:83px;height: 83px;border:2px solid #333333;}
section.vote .sillShow .sillContent p{margin-top: 10px; color: #333333;text-align: center;}

section.heroShow{margin-top: 10px;padding:0px 10px;}
section.heroShow>ul li{width: 24.6%;background: #333333;border-right: 1px solid #3d4251;height: 35px;line-height:35px;text-align: center;color: white;position: relative;float: left;font-size: 12px}
section.heroShow>ul li .headLine{height: 3px;background:#ff6633;position: absolute;top: 0px;left: 0px;display: none;width: 100%}
section.heroShow>ul li:last-child{border-right: 1px solid white}
section.heroShow>ul li.selectL{background: white;color: #ff6633;}
section.heroShow>ul li.selectL .headLine{display:block;}
section.heroShow .heroContent{padding:10px 10px 10px;background: white;display: none;}
section.heroShow .heroContent.selectC{display: block;}
section.heroShow .heroContent .heroMain{width: 100%;}
section.heroShow .heroContent .heroMain .heroC{position: relative;display: none;}
section.heroShow .heroContent .heroMain .heroC.selectC{display: block;}
section.heroShow .heroContent .heroMain .heroC img{width: 100%;height: auto;}
section.heroShow .heroContent .heroMain .heroC .heroMes{width: 80%;background: black;opacity: 0.7;padding:10px;color: #cccccc;line-height: 13px;position: absolute;right: 10px;bottom: 10px;}
section.heroShow .heroContent .heroMain .heroC .heroVideo{position: absolute;width: 206px;height: 118px;right:37px;bottom: 28px}
section.heroShow .heroContent .heroMain .heroC .heroVideo img{width: 100%;height: auto;}
section.heroShow .heroContent .heroMain .heroC .heroVideo .shade{position:absolute;left:0px;top:0px;background: black;opacity: 0.7;width: 100%;height: 100%;}
section.heroShow .heroContent .heroMain .heroC .heroVideo .shade i.icon-Play{position: absolute;left: 50%;top:50%;margin-left: -15px;margin-top: -15px;}
section.heroShow .heroContent .heroNav li{float: left;width: 50%;padding: 10px 0px;border-bottom: 1px solid  #e6e6e6}
section.heroShow .heroContent .heroNav li h1{font-size:20px;color: #999999;margin: 15px 0px 0px 6px}
section.heroShow .heroContent .heroNav li>div{border-right: 1px solid #e6e6e6;margin-left:33px;position: relative;}
section.heroShow .heroContent .heroNav li>div em{font-weight: normal;color: #f07a24;font-size: 12px;}
section.heroShow .heroContent .heroNav li>div dl dt{font-size: 17px;color: #555555;font-weight: bold;}
section.heroShow .heroContent .heroNav li.expand >div dl dd{display:block;}
section.heroShow .heroContent .heroNav li>div dl dd{text-align:left;line-height: 20px;display: none;}
section.heroShow .heroContent .heroNav li>div dl dd a{color: #808080;font-size: 12px}
section.heroShow .heroContent .heroNav li>div>i{position: absolute;top:25px;right:6px;display: inline-block;background:url(../images/icon-up.png);width: 11px;height: 7px;vertical-align: middle;background-size: 11px auto;}
section.heroShow .heroContent .heroNav li.expand>div>i{display: inline-block;background:url(../images/icon-rise.png);width: 11px;height: 7px;vertical-align: middle;background-size: 11px auto;}
section.heroShow .heroContent .heroNav li>div a{display: block;margin:10px 0px;color: #555555;font-size: 14px;}

section.GiftBag{padding: 0px 10px 10px;border-bottom: 1px solid #d9d9d9;}
section.GiftBag ul li{margin-top: 10px}
section.GiftBag .bagL{float: left;width: 41%;position: relative;}
section.GiftBag .bagL img{width: 100%;height: auto;}
section.GiftBag .bagL p{position: absolute;width: 100%;height: 20px;background: black;opacity: 0.7;text-align: center;color: white;bottom: 0px;left: 0px;font-size: 12px;line-height: 20px}
section.GiftBag .bagR{margin-left: 10px;margin-left: 45%;overflow:hidden;}
section.GiftBag .bagR p{margin-top:7px;font-size: 15px;color: #333333;line-height:20px;}
section.GiftBag .bagR span{margin-top: 10px;color: white;background: #f07a24;font-size:14px;padding: 6px 11px;display:inline-block;}

section.character{margin-top: 10px;padding: 0px 10px;}
section.character ul li{float: left;margin-right: 10px;width: 93px}
section.character ul li>div{width:100%;height: 108px;background: url(../images/hexagon_bg.png) center;position: relative;text-align: center;line-height: 108px;background-size: 93px auto;color: #404040;font-size:60px;}
section.character .characterDiv{text-align: center;}
section.character ul{display: inline-block;}
section.character ul li>div img{position: absolute;display: none;width: 100%;height: auto;left: 0px;top:0px;}
section.character ul li>div:hover img{display:inline-block;}
section.character ul li h1{font-size:17px;color:#404040;text-align: center;margin-top: 10px;}
section.character ul li p{margin-top:10px;color: #808080;font-size: 12px;display: inline-block;}

section.NewCard .NewCardC{padding: 0px 10px;margin-top: 10px;width: 300px;overflow: hidden;margin: 0 auto;}
section.NewCard .NewCardC .CardScroll{width: 300px;overflow: hidden;height: 238px;}
section.NewCard .NewCardC .CardList{position: relative;}
section.NewCard .NewCardC .CardList ul{display: inline-block;position:relative;}
section.NewCard .NewCardC .CardList ul li{float: left;width:145px;margin-right: 10px;}
section.NewCard .NewCardC .CardList ul li img{width: 100%;height: auto;}
section.NewCard .NewCardC .CardList div.btn-pre{position: absolute;left: 0px;width: 29px;height: 50px;top: 50%;margin-top: -25px;background: black;opacity: 0.7;z-index: 100;}
section.NewCard .NewCardC .CardList div.btn-next{position: absolute;right: 0px;width: 29px;height: 50px;top: 50%;margin-top: -25px;background: black;opacity: 0.7;}


section.heroArray .heroArrayC{text-align:center;padding: 0px 10px}
section.heroArray .heroArrayC h1{font-size: 18px;color: #404040;font-weight: bold;text-align: left;}
section.heroArray .heroArrayC>div{margin-top: 12px;height: 24px;line-height: 24px;position: relative;}
section.heroArray .heroArrayC>div>span{display: inline-block;position: absolute;width: 25px;height: 26px;background: #f07a24;text-align: center;top:0px;left: 0px;text-align: center;}
section.heroArray .heroArrayC>div p{padding-left: 35px;color: #cccccc;height: 24px;text-align: left;border: 1px solid #cccccc;background: #2c303c;}
section.heroArray .heroArrayC ul{margin-top: 10px;display: inline-block;}
section.heroArray .heroArrayC ul li{float: left;width: 33.3%;margin-bottom: 10px;}
section.heroArray .heroArrayC ul li.selected img{border:2px solid #f07a24;text-align: center;}
section.heroArray .heroArrayC ul li img{width:90%;height:auto;border:2px solid #2c303c;}
section.heroArray .heroArrayC ul li p{margin-top: 10px;text-align: center;color: #404040;font-size: 12px;}

section.edit .editC_One{margin-top: 10px;padding: 0px 10px 10px;border-bottom: 1px solid #d9d9d9;text-align: center;}
section.edit .editC_One h1{font-size: 25px;color: #2c303c;font-weight: bold;text-align: left;}
section.edit .editC_One p{color: #404040;line-height: 20px;text-align: left;}
section.edit .editC_One ul{margin-top: 10px;overflow:hidden;display: inline-block;}
section.edit .editC_One ul li{float: left;margin-right: 5px;width: 80px;height: 20px;text-align: center;line-height: 20px;color: white;background: #f58f45;}
section.edit .editC_One ul li.selectL{background: #fe5a04;}
section.edit .editC_One .EContent_One{display: none;margin: 0 auto;margin-top: 10px;position: relative;}
section.edit .editC_One .EContent_One img{width: 100%;height: auto}
section.edit .editC_One .EContent_One .shade{position:absolute;left: 0px;top:0px;background: black;opacity: 0.7;width: 100%;height: 100%;}
section.edit .editC_One .EContent_One .shade i.icon-Play{position: absolute;left: 50%;top:50%;margin-left: -15px;margin-top:-15px;}
section.edit .editC_One .EContent_One.selectC{display:block;}
section.edit .editC_Two{margin-top:10px;padding: 0px 10px 10px;}
section.edit .editC_Two img{width: 100%;}
section.edit .editC_Two h1{font-size: 25px;font-weight: bold;color:#2c303c;}
section.edit .editC_Two>p{margin:10px 10px;color: #f07a24;font-size: 15px;}
section.edit .editC_Two .EContent_Two{position: relative;display: none;}
section.edit .editC_Two .EContent_Two.selectC{display: block;}
section.edit .editC_Two .EContent_Two>p{position: absolute;bottom: 10px;left: 0px;padding: 0px 14px;color: #cccccc;}
section.edit .editC_Two .EContent_Two>p a{color: #f07a24;}
section.edit .editC_Two ul{overflow:hidden;}
section.edit .editC_Two ul li{float: left;width: 50%;margin-bottom: 10px}
section.edit .editC_Two ul li div{background: #2c303c;position: relative;width:142px;height: 85px;margin: 0 auto;overflow: hidden;}
section.edit .editC_Two ul li div img{position: absolute;top: 0px;right: 0px;z-index: 100;background-size:91px auto;height:auto;width: 91px}
section.edit .editC_Two ul li div span{color: #ffffff;font-size: 18px;position:absolute;left: 5px;top: 5px;z-index: 200;}
section.edit .editC_Two ul li p{text-align: center;margin-top: 10px;color: #404040;font-size: 15px}
section.edit .editC_Two ul li.selectL div{background: #f07a24;}


section.Fb {padding-bottom:10px;}
section.Fb .FbDiv{text-align: center;padding: 0px 10px;}
section.Fb .FbDiv p{font-size: 12px;color: #404040;text-align: left;}
section.Fb .FbDiv>ul{margin-top: 10px;overflow: hidden;display: inline-block;}
section.Fb .FbDiv>ul li{width: 148px;-webkit-box-sizing:border-box;float:left;margin-right: 4px;position: relative;height: 236px}
section.Fb .FbDiv>ul li img{width: 100%;height: auto;}
section.Fb .FbDiv ul li .shade{position:absolute;left: 0px;top:0px;width: 100%;height: 100%;width: 100%;background: black;opacity: 0.7;}
section.Fb .FbDiv ul li.selectL .shade{display: none;}
section.Fb .FbDiv ul li.selectL{border: 2px solid #f07a24;overflow: hidden;}
section.Fb .FbDiv ul li .FbMsg{position: absolute;top:139px;left: 0px;height: 63px;background: black;opacity: 0.7;width:100%}
section.Fb .FbDiv ul li .FbMsg h1{font-size:43px;color: #f07a24;margin:0px 8px; }
section.Fb .FbDiv ul li .FbMsg div{width: 71px;margin-top: 5px;}
section.Fb .FbDiv ul li .FbMsg div h2{font-size: 15px;color:#f07a24;text-align: left; }
section.Fb .FbDiv ul li .FbMsg div p{font-size: 12px;color: #c46522;margin-top: 10;line-height: 14px;}
section.Fb .FbDiv .FbContent{margin-top: 10px;display: none}
section.Fb .FbDiv .FbContent.selectC{display:block;}
section.Fb .FbDiv .FbContent .FbIntroduce{text-align: center;}
section.Fb .FbDiv .FbContent .fb_l{width:39px;height:42px;border: 1px solid #f07a24;color:#f07a24;font-size:15px;padding: 6px 0px;position: relative;display: inline-block;vertical-align: middle;}
section.Fb .FbDiv .FbContent .fb_l i{position:absolute;top:50%;margin-top: -6px;right: -6px;}
section.Fb .FbDiv .FbContent ul{overflow: hidden;display: inline-block;vertical-align: middle;}
section.Fb .FbDiv .FbContent ul li{float: left;margin-left:4px;width:81px;height: 57px;position: relative;}
section.Fb .FbDiv .FbContent ul li img{width: 100%}
section.Fb .FbDiv .FbContent ul li p{position: absolute;left: 0px;bottom: 0px;background: black;opacity: 0.7;text-align: center;color: white;width: 100%;height: 16px;}

section.Hotfb{margin-top: 10px;padding: 0px 10px;}
section.Hotfb p{color: #404040;font-size: 16px;}
section.Hotfb .HotfB_C{width: 300px;height:368px;margin-top: 10px;margin: 0 auto;position: relative;margin-top: 10px;}
section.Hotfb .HotfB_C .HotDiv{width: 110px;height: 96px;position: absolute;}
section.Hotfb .HotfB_C .HotDiv img{width: 100%;}
section.Hotfb .HotfB_C .HotDiv .msg{position: absolute;left:13px;bottom:1px;z-index: 100;background: url(../images/Hotmsg_bg.png);width: 83px;height: 23.5px;background-size: 83px auto;text-align: center;color: white;line-height: 23.5px;}
.t0-l0{top:0px;left: 0px}
.t109-l0{top:109px;left: 0px;}
.t217-l0{top:217px;left: 0px;}
.t49-l94{top:49px;left:94px}
.t157-l94{top:157px;left:94px}
.t265-l94{top:265px;left:94px}
.t0-l189{top:0px;left:189px}
.t109-l189{top:109px;left:189px}
.t217-l189{top:217px;left:189px}

section.GoodPlay .PlayContent{padding: 0px 10px;text-align: center;}
section.GoodPlay .PlayContent ul li{width: 145px;position: relative;}
section.GoodPlay .PlayContent ul li img{width:100%;height:auto;box-sizing:border-box;border: 2px solid #2c303c;margin-bottom: 8px;}
section.GoodPlay .PlayContent ul{display: inline-block;vertical-align:top}
section.GoodPlay .PlayContent ul li p{position: absolute;bottom:9px;left: 0px;background: #2c303c;height: 25px;color: #cccccc;text-align: center;width: 100%;line-height: 25px;}

section.role .roleContent{padding: 0px 10px;}
section.role .roleContent>p{text-align:left;margin: 10px;font-size: 16px;}
section.role .roleContent>p a{font-size: 15px;color:#404040;}
section.role .roleContent .skill{overflow: hidden;background: #dedede;}
section.role .roleContent .skillL{width:40%;position: relative;float: left;}
section.role .roleContent .skillL img{width: 100%;height: auto;}
section.role .roleContent .skillL p{position: absolute;left: 0px;bottom: 0px;background: black;opacity: 0.7;text-align: center;height: 20px;line-height: 20px;color: white;width: 100%;}
section.role .roleContent .skillR{width: 60%;float:left;}
section.role .roleContent .skillR h1{margin:4px 0px 5px 10px ;color: #404040;font-size: 12px;font-weight: bold;}
section.role .roleContent .skillR ul{margin-left:4%;overflow: hidden;}
section.role .roleContent .skillR ul li{width:33%;float: left;}
section.role .roleContent .skillR ul li img{width:97%;border: 2px solid #2c303c;box-sizing:border-box;;}
section.role .roleContent .skillR ul li p{text-align: center;color: #404040;}
section.role .roleContent .pvp{background: #dedede;padding: 10px 0px}
section.role .roleContent .pvp ul{overflow: hidden;}
section.role .roleContent .pvp ul li{float: left;width: 20%;text-align: center;}
section.role .roleContent .pvp ul li img{width:90%;border:2px solid #2c303c;box-sizing:border-box;}
section.role .roleContent .pvp ul li p{text-align: center;color: #404040;margin-top:5px;font-size: 12px;}
section.role .roleContent .attList{margin-top: 34px;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;}
section.role .roleContent .attList h1{font-size: 25px;color: #2c303c;}
section.role .roleContent .attList .heroPlay{width:100%;margin: 0 auto;border: 1px solid black;margin-top: 8px;position: relative;}
section.role .roleContent .attList .heroPlay img{width: 100%;height: auto;}
section.role .roleContent .attList .heroPlay .shade{position: absolute;left: 0px;top:0px;width: 100%;height: 100%;background: black;opacity: 0.7;}
section.role .roleContent .attList .heroPlay .shade .icon-Play{position: absolute;top:50%;left: 50%;margin-left: -15px;margin-top:-15px;}
section.role .roleContent .attList .arrContent table{width: 100%}
section.role .roleContent .attList .arrContent table td{line-height: 22px;height: 22px;vertical-align: top;color: #555555}
section.role .roleContent .attList .arrContent p{margin-top: 7px;line-height: 20px;color: #555555}
section.role .roleContent .attList .arrContent p a{margin-left: 8px;color: #f07a24;}

section.recGame {padding: 0px 10px;margin-top: 10px;}
section.recGame p{font-size: 25px;color: #2c303c;}
section.recGame .recGameC{margin-top: 10px;}
section.recGame .recGameC .recGameList{display: none}
section.recGame .recGameC .recGameList.selectC{display:block;}
section.recGame .recGameC img{width: 100%;height: auto;}
section.recGame .Chose{overflow: hidden;width: 300px;margin: 0 auto;margin-top: 10px;}
section.recGame .Chose .ChoseList{text-align: center;overflow: hidden;}
section.recGame .Chose .ChoseList ul{position: relative;}
section.recGame .Chose .ChoseList ul li{width:50%;text-align:center;float: left;margin-bottom: 10px}
section.recGame .Chose .ChoseList ul li img{border: 2px solid #2c303c;width:90%;box-sizing:border-box;}
section.recGame .Chose .ChoseList ul li.selectL img{border: 2px solid #f07a24}
section.recGame .Chose .ChoseList ul li p{margin-top: 10px;color: #404040;text-align: center;font-size: 12px;}


section.Rank{margin-top: 10px;}
section.Rank .RankC{margin: 0 auto;width: 300px;position: relative;height: 623px;margin-top:25px;}
section.Rank .RankC .rankList-b{position: absolute;width: 145px;height: 145px}
section.Rank .RankC .rankList-b img{width: 100%;height: auto;}
section.Rank .RankC .rankList-b .MsgC{height: 20px;line-height: 20px;color: white;text-align: center;background: black;opacity: 0.7;position: absolute;left: 0px;top:71.5px;z-index: 200;background: url(../images/rankShade-b.png) no-repeat;width: 100px;background-size:100% auto;width: 100%;}
section.Rank .RankC .rankList-b p{text-align:center;color: white;font-size:60px;position: absolute;z-index: 100;left: 38px;top: 23px}
.t0-l76{top:0px;left: 76px}
.t76-l0{top:76px;left:0px;}
.t76-l153{top:76px;left: 153px;}
.t153-l76{top:153px;left:76px;}
.t230-l0{top:230px;left:0px;}
.t230-l153{top:230px;left:153px;}
.t305-l76{top:305px;left: 76px;}
.t381-l0{top:381px;left:0px;}
.t381-l153{top:381px;left:153px;}
.t456-l76{top:456px;left: 76px}


section.moral .moralDiv{padding: 0px 10px;}
section.moral .moralDiv .moralImg{margin-top: 10px;position: relative;}
section.moral .moralDiv .moralImg img{width: 100%;}
section.moral .moralDiv .moralImg .shade{position: absolute;bottom: 0px;left: 0px;background: black;opacity: 0.7;padding: 10px;color: }
section.moral .moralDiv .moralImg .shade h1{font-size: 15px;color: white;font-weight: bold;}
section.moral .moralDiv .moralImg .shade p{font-size:12px;line-height: 15px;color:#cccccc;margin-top: 10px}
section.moral .moralList{margin-top: 10px;}
section.moral .moralList ul{overflow: auto;}
section.moral .moralList ul li{float:left;width: 50%;margin-bottom: 20px;text-align: center;}
section.moral .moralList ul li img{width:90%;height: auto}
section.moral .moralList ul li p{margin-top: 10px;color: #404040;font-size: 14px}

section.check .checkDiv{padding: 0px 10px;}
section.check .checkDiv ul li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;}
section.check .checkDiv ul li img{width: 102px;height: auto;margin-right: 10px;display: block;}
section.check .checkDiv ul li h1{font-size: 15px;font-weight: bold;color:black}
section.check .checkDiv ul li p{margin-top: 5px;color: #999999;font-size: 12px;}
section.check .checkDiv ul li span{font-size: 14px;color: #f07a24;margin-top: 10px;display: inline-block;}

section.belle .belleDiv{padding: 0px 10px;}
section.belle .belleDiv .belleScroll{width:300px;overflow: hidden;position: relative;margin: 0 auto;height: 227px}
section.belle .belleDiv .belleScroll ul{position: relative;}
section.belle .belleDiv .belleScroll ul li{float: left;width: 300px;height: 224px;}
section.belle .belleDiv .belleScroll ul li img{width: 100%}
section.belle .belleDiv .belleScroll .bellePre{position: absolute;left:0px;width: 33px;height: 50px;background: black;opacity: 0.7;top:50%;margin-top: -25px;z-index: 100}
section.belle .belleDiv .belleScroll .belleNext{position: absolute;right:0px;width: 33px;height: 50px;background: black;opacity: 0.7;top:50%;margin-top: -25px;z-index: 100}
section.belle .belleDiv .belleScroll .bellePre i{position: absolute;left:5px;top:50%;margin-top:-14px; }
section.belle .belleDiv .belleScroll .belleNext i{position: absolute;right:5px;top:50%;margin-top:-14px; }
section.belle .belleDiv .belleOperate{margin: 10px;border:1px solid #d9d9d9;padding:10px 0px}
section.belle .belleDiv .belleOperate ul{overflow: hidden;}
section.belle .belleDiv .belleOperate ul li{float: left;width: 33%;border-right: 1px solid #d9d9d9;text-align: center;}
section.belle .belleDiv .belleOperate ul li img{width: 57px;height: auto;}
section.belle .belleDiv .belleMessage {margin-top: 10px;overflow: hidden;}
section.belle .belleDiv .belleMessage dl{float: left;}
section.belle .belleDiv .belleMessage dl dt{font-size: 15px;color: #f07a24;}
section.belle .belleDiv .belleMessage dl dd{color: #6f6f6f;font-size:#555555;line-height: 23px; }
section.belle .belleDiv .belleMessage p{float: right;width: 135px;line-height: 23px;margin-top: 15px;color: #6f6f6f}
section.belle .belleDiv .sift{margin-top: 10px;}
section.belle .belleDiv .sift dl{overflow: hidden;}
section.belle .belleDiv .sift dl dt{color: white;background:#f07a24;padding: 4px 5px;float: left;}
section.belle .belleDiv .sift dl dd{margin-left: 46px}
section.belle .belleDiv .sift dl dd a{color: #f07a24;line-height: 22px}

section.belleList{margin-top: 20px}
section.belleList .belleC{padding: 0px 10px;}
section.belleList .belleC figure>a{display: block;width: 50%;}
section.belleList .belleC figure img{width: 100%;height: auto;display: block;}
section.belleList .belleC figcaption{padding: 0px 15px}
section.belleList .belleC figcaption h1{font-size: 16px;color: #404040;font-weight: bold;}
section.belleList .belleC figcaption p{margin-top: 10px;font-size: 12px;color: #404040;}

section.ShareHero{margin-top:30px;}
section.ShareHero p{margin:10px 0px;font-size: 15px;}
section.ShareHero p i{margin-top: -3px}
section.ShareHero .ShareHeroC{padding: 0px 10px;}
section.ShareHero .ShareHeroC ul{display: -webkit-box;}
section.ShareHero .ShareHeroC ul li{width:33.33%;}
section.ShareHero .ShareHeroC ul li img{width:86px;height:64px;margin: 0 auto;display: block;border:2px solid #2c303c;-webkit-box-sizing:border-box;}
section.ShareHero .ShareHeroC ul li p{display:block;text-align: center;margin-top: 10px;color: #404040;font-size: 12px;}
section.ShareHero .ShareHeroC h3{margin-top: 15px;}
section.ShareHero .ShareHeroC h3 span{color: #404040}
section.ShareHero .ShareHeroC .shareList{padding: 10px;background: #dedede;margin-top: 10px;}
section.ShareHero .ShareHeroC .shareList img{width: 95%;height: auto;margin-top: 10px;}

section.NewHero{margin-top: 20px;}
section.NewHero .NewHeroDiv{padding: 0px 10px 20px;}
section.NewHero h3{font-size: 15px;}
section.NewHero h3 i{margin-top: -3px;}
section.NewHero ul{margin-top: 10px;display: -webkit-box;}
section.NewHero ul li{width: 33.33%;text-align: center;position: relative;}
section.NewHero ul li p{text-align: center;margin-top: 5px;font-size: 14px;color: black}
section.NewHero ul li img{width:95%}
section.NewHero .guset{margin-top: 10px;background: #dedede;}
section.NewHero .guset span{vertical-align: middle;font:left;padding-left: 5px}
section.NewHero .guset a{float: right;width:87px;height: 30px;background: url(../images/btn-join.png);background-size: 87px auto;color: white;font-size: 18px;display: inline-block;line-height: 30px;text-align: center;}
section.recBag{margin-top: 15px;}
section.recBag .recBagDiv{padding: 0px 10px;}
section.recBag .recBagDiv p{font-size: 12px;}
section.recBag .recBagDiv p i{margin-top: -2px;}
section.recBag .recBagDiv .recBagList{width: 300px;margin: 0 auto;margin-top: 10px}
section.recBag .recBagDiv .recBagList ul{overflow: hidden;display: inline-block;}
section.recBag .recBagDiv .recBagList ul li{float: left;text-align: center;width: 148.5px;padding: 10px 0px}
section.recBag .recBagDiv .recBagList ul li>a{display: block;width: 100%;height: 100%;}
section.recBag .recBagDiv .recBagList ul li img{width: 60px;height: 60px;}
section.recBag .recBagDiv .recBagList ul li p{color: #404040;margin-top: 10px;}
section.recBag .recBagDiv .recBagList ul li span{display:inline-block;width: 80px;height: 22px;color: white;background: #f07f24;margin-top: 10px;line-height: 22px;text-align: center;font-size: 14px;margin-top:10}

section.belleMien{margin-top: 10px;}
section.belleMien .belleMienC{margin-top: 10px;padding: 0px 10px;}
section.belleMien .belleMienC ul{overflow: hidden;}
section.belleMien .belleMienC ul li{float: left;width: 50%;margin-bottom: 10px;}
section.belleMien .belleMienC ul li:nth-child(n+5){display: none;}
section.belleMien .belleMienC ul li div{width: 95%;padding-bottom:10px;background: white;margin: 0 auto;}
section.belleMien .belleMienC ul li div img{width: 100%}
section.belleMien .belleMienC ul li div h1{margin-top: 10px;font-size: 14px;color: #404040;text-align: left;text-indent: 10px}
section.belleMien .belleMienC ul li div p{margin-top: 10px;font-size: 12px;color: #8a8a8a;text-align: left;text-indent: 10px}
section.belleMien .belleMienC ul li div span{margin-top: 10px;font-size:14px;color: #f07a24;display:block;text-align: left;text-indent: 10px}
section.belleMien .belleMienC ul li div span i{margin: 3px 17px 0px 0px;}
section.belleMien .btnMore{margin-top: 10px;height: 24px;border: 1px solid #b3b3b3;border-radius: 12px;padding: 0px 10px;text-align: center;line-height: 24px;color: #555555;display:block;}


section.heroVote .voteC{margin-top: 10px;padding: 0px 10px;}
section.heroVote .voteC ul{overflow: hidden;}
section.heroVote .voteC ul li{float: left;width: 50%;margin-bottom: 10px}
section.heroVote .voteC ul li>div{width: 95%;margin: 0 auto;position: relative;}
section.heroVote .voteC ul li>div img{width: 100%;}

section.heroVote .voteC ul li>div .voteBtn{position:absolute;bottom: 0px;left: 0px;background:url(../images/voteShade_bg.png) repeat;height: 47px;border-top: 1px solid black;width: 100%}
section.heroVote .voteC ul li>div .voteBtn span{display:inline-block;color: white;width: 111px;height: 22.5px;line-height: 22.5px;text-align: center;background: url(../images/btnVote_bg.png);background-size: 111px auto;font-size:17px;position: absolute;top:13px;left:50%;z-index: 1000;margin-left: -55px;}
section.heroVote .voteC ul li>div .voteMsg{position:absolute;left: 0px;bottom: 48px;background: black;opacity: 0.7;width: 100%;}
section.heroVote .voteC ul li>div .voteMsg figure h1{font-size:45px;color: white;margin-left: 10px;}
section.heroVote .voteC ul li>div .voteMsg figure figcaption h2{color: white;font-size: 17px;}
section.heroVote .voteC ul li>div .voteMsg figure figcaption p{font-size: 12px;color: #f07a24;}