[class^="ico-"]{ display:inline-block; overflow:hidden; vertical-align:middle; background: url(http://ue1.17173cdn.com/a/bk/index/2015/m/img/b1.png) 0 0 no-repeat;}
[class^="btn-"]{ overflow: hidden; text-align: center}
[class^="btn-"]::before{ content: ' '; display: inline-block}
[class^="btn-"]::after{ content: ' ';  display: inline-block}

body{ line-height:1.33;}

.c-tx{ color: #ff0000;}
.c-red{ color: #ff0000;}
.c-tx2{ color: #999;}
.c-tx3{ color: #999;}
.bg-c{ background: #008000}
.bg-c2{ background: #ff0000;}

.comm-btn{ color: #333; font-size:1.25rem; display: inline-block; border: 1px solid #d2d2d2; box-shadow: inset 0 0 2px #f0f0f0; border-radius:0.3125rem;line-height: 1.9; padding: 0 1.8rem}
.comm-btn-ex2{ background: #fdd000; border-color: #fdd000; box-shadow: none;}

.comm-btn2{ display: inline-block; font-size:0.9375rem; color: #333; padding: 0 0.25rem; border-radius:0.3125rem; border: 1px solid #b5b5b5; line-height: 1.6}
.comm-btn2-ex2{ background: #fdd000; border-color:#fdd000 }

.comm-textarea{ border: 1px solid #d2d2d2; border-radius:0.3125rem; font-size: 0; background: #fff; box-shadow: inset 0 0 2px #f0f0f0; padding: 0 0.375rem}
.comm-textarea textarea{ border: none; background:none; padding: 0; margin: 0; width: 100%; outline: none; overflow-x: hidden; font-size: 1rem; line-height: 1.75; height: 5.25em; resize:none;}
.comm-textarea-ex2{ border-radius:0}
.comm-textarea-ex2 textarea{ font-size: 0.875rem; line-height: 1.57; height: 3.14em}

.header{ background: #fdd000; text-align: center; padding: 0.25rem 5.3rem 0.25rem 5.3rem; position: relative;}
.header .logo{  position: absolute; left:0.375rem; top:0.25rem;}
.header .logo-17173{ width: 5rem; margin-top: 0.16rem}
.header .logo-wd{ width:3.75rem;}
.header .ico-back{ width: 20px; height:21px; background-position: 0 -190px; background-size: 300%; margin-top: 0.375rem}
.header .nav{ position: absolute; top: 0.687rem; right:0.375rem; display: block; line-height: 1}
.header .ico-nav{ width: 30px; height: 18px; background-position: 0 -165px; background-size: 200%;}
.header .tit{ font-size: 1.125rem; color: #333; overflow: hidden; line-height: 1.833; font-weight: bold;}
.header .portrait{ position: absolute; display: block; width: 1.875rem; right:2.875rem; top:0.3125rem;}
.header .ico-portrait{ width:30px; height: 26px; background-size:200%; background-position:0 -245px; margin-top:0.125rem}
.header .portrait img{  width: 30px; height:30px; border-radius: 100%}

.crumbs{ font-size: 0.875rem; padding:0.625rem 0  0.625rem 0.8rem}
.crumbs .link{ color: #333;}
.crumbs .sep{ margin: 0 0.2rem}

.loading-box{ text-align: center; padding: 0.5rem 0; background: #f5f5f5; font-size: 0.75rem}
.loading-box .loading-pic{ display: inline-block; width: 16px; padding-right: 0.3125rem}
.loading-box .loading-pic img{ width: 100%}

.footer{ background: #fdd000; text-align: center; padding-bottom:2rem}
.platform{ padding: 0.125rem 0}
.platform .item{ display: inline-block;}
.platform .item a{ font-size:0.875rem; color: #333; display: block; line-height: 2.14}
.platform .sep{ margin: 0 0.625rem 0 1.25rem}
.platform .ico-pc{ background-position:0 -80px; background-size:200%; width: 30px; height:16px; margin: 0 0.3125rem}
.platform .ico-mobile{ background-position:0 -100px; background-size:200%; width: 30px; height:19px; margin: 0.0625rem 0 0.375rem 0}
.platform .current a{ color: #999;}
.footer .copyright{ font-size: 0.75rem; color: #333}
.btn-to-top{display:none;position:fixed;bottom:-2em;left:50%;width:4em;height:4em;margin-left:-2em;background:rgba(0,0,0,0.6);border-radius:100%; z-index: 1}
.btn-to-top::after{display:inline-block;position:relative;top:1em;width:.8em;height:.8em;border-left:.2em solid #a9abae;border-top:.2em solid #a9abae; -webkit-transform:rotate(45deg);transform:rotate(45deg)}

.list-top{ overflow: hidden;}
.list-top .list-item{ float: left; font-size: 1rem; color: #666666; line-height: 2; border-bottom: 3px solid #f6f6f6; white-space: nowrap; padding: 0 0.6rem;}
.list-top .list-item a{color: #666; white-space: nowrap;}
.list-top .current{ border-color:#ffc81f; font-weight: bold; color: #333;}
.list-top-ex2 .list-item{ width: 33.3%; text-align: center; padding: 0}
.list-top2 .list-item{ float: left; font-size: 1rem; color: #666666; line-height: 2.2; margin-bottom: 3px; width: 25%; text-align: center; position: relative; top:1px;}
.list-top2 .num{ position: absolute; color:#fff; font-size: 0.75rem; right: 0; top:-0.1em; line-height: 1.2; background: #ff0000; border-radius: 0.375rem; padding: 0 0.25rem; font-weight: normal; text-align: center; min-width:0.875rem}
.list-top2 .current{ border-bottom:3px solid #ffc81f; font-weight: bold; color: #333; margin-bottom: 0}
.list-top2 .list-item a{ color: #333; }
.list-question .list-item{ border-top:1px solid #f2f2f2; padding: 0.25rem 0.6875rem 0.6rem 0.9375rem}
.list-question .item-in{ display: table; width: 100%; table-layout: fixed;}
.list-question .detail{ display: table-cell; width: 93%; font-size:0}
.list-question .more{ display: table-cell; vertical-align: middle; width: 1.25rem; text-align: center;}
.list-question .ico-more{ width: 20px; height: 21px; background-position: 0 -220px; background-size: 300%;}
.list-question .tit{ display: block; font-size: 1.125rem; color: #333; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; margin: 0.4rem 0}
.list-question .info{ color: #999; font-size: 0.875rem; line-height: 1.45; overflow: hidden;}
.list-question .txt{ display: block; float: left}
.list-question .game{ color: #999; width: 36%; padding-right: 2%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.list-question .ask{ width: 36%; padding-right: 2%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.list-question .ask a{color:#999}
.list-question .answer{ width: 27%}
.list-question .view{ width: 35%}
.list-question .state{ color: #fff; padding: 0 0.5em; margin-right: 0.625rem}

.list-question .like{ margin-right: 0.5625rem}
.list-question .ico-like2{ background-size: 400%; width: 15px; height: 13px; background-position:0 -445px; margin: 0 0.125rem 0.125rem 0}
.list-question .ico-unlike2{ background-size: 400%; width: 15px; height: 13px; background-position:0 -460px; margin: 0 0.125rem 0.125rem 0}
.list-question-ex2 .tit{ display: inline-block; overflow: inherit; max-width: 90%; position: relative;}
.list-question-ex2 .tit .con{ display: block; overflow: hidden; text-overflow:ellipsis;}
.list-question-ex2 .num{ position: absolute; color:#fff; font-size: 0.75rem; right: -1.7rem; top:0.5rem; line-height: 1.2; background: #ff0000; border-radius: 0.375rem; font-weight: normal; width: 1.625rem; text-align: center;}

.list-question-ex3 .tit{ white-space: normal; max-height: 2.66em}

.mod-question .mod-hd{ background: #f6f6f6; padding-top: 0.18rem; overflow: hidden;}
.mod-question .mod-hd .list-top{ float: left;}
.mod-question .mod-hd .list-top-ex2{ float: none;}
.mod-question .mod-hd .link-search{ float: right; background: #ccc; font-size: 0.875rem; line-height: 2; display: block; color: #333; padding: 0 0.5rem; margin: 0.1rem 0.375rem 0 0; border-radius: 0.25rem; font-weight: bold;}
.mod-question .mod-bd{ overflow: hidden;}
.mod-question .list-question{ margin-top: -1px}

.top-fixed{ position: fixed; z-index: 10; top:50px; width: 100%}

.pop-faq-tip{ position: fixed; bottom: 17.5%; right: 7.8%; font-size: 1rem; line-height: 2.5; border-radius:0.3125rem; padding: 0 0.9375rem 0 0.375rem; background: #fdd000; z-index: 800;box-shadow: #666 0 0 10px;-moz-box-shadow: #666 0 0 10px;-webkit-box-shadow: #666 0 0 10px;
}
.pop-faq-tip .ico-ask{ width: 30px; height:22px; background-size:200%; background-position:0 -395px}
.pop-faq-tip .ico-answer{ width: 30px; height:22px; background-size:200%; background-position:0 -420px}

.comm-pop{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 500; left: 0; top:0;}
.comm-pop .pop-con{ position: absolute; width: 100%; left: 0; top:0; background: #fff;}

.pop-faq{ display: none;}
.pop-faq .pop-con{ top:auto; bottom: 32.25%; left: auto; right: 7.8%; width: 84.4%; border-radius:0.3125rem;}
.mod-faq .mod-hd{ overflow: hidden; font-size: 0.9375rem; padding: 0.9375rem 1.25rem 0.5625rem 0.9375rem}
.mod-faq .mod-hd .tit{ float: left;}
.mod-faq .mod-hd .more{ float: right; color: #4a71f2}
.mod-faq .comment-box{ padding: 0 3rem 1.25rem 0.9375rem; position: relative;} 
.mod-faq .upload-img{ position: absolute; right:0; top:0; width: 3rem; text-align: center; }
.mod-faq .upload-img .bt-img{ width: 30px; display: inline-block; position: relative; overflow: hidden;}
.mod-faq .upload-img .ico-img{ width: 30px; height:28px; background-position:0 -275px; background-size:200%}
.mod-faq .upload-img input{ width: 28px; height: 28px; border-radius:100%; position: absolute; left: 1px; top:0; opacity: 0; padding: 0; margin: 0}
.mod-faq .upload-img img{ width: 1.875rem; height: 1.875rem; border-radius:100%}
.mod-faq .bt-anonymity{ position: absolute; right:0; top:2.1875rem; width: 3rem; text-align: center;}
.mod-faq .ico-anonymity{ width: 30px; height:28px; background-position:0 -335px; background-size:200%} 
.mod-faq .bt-clicked .ico-anonymity{ background-position:0 -365px}
.mod-faq .comment-num{ color: #999; font-size: 0.75rem; position: absolute; width: 3rem; text-align: center; right: 0; bottom: 1.25rem}
.mod-faq .link-box{ background: #f5f5f5; text-align: center; font-size: 0; padding: 0.8125rem 0 1.125rem 0; border-bottom-left-radius:0.3125rem; border-bottom-right-radius:0.3125rem;}
.mod-faq .link-box .comm-btn{ margin: 0 0.5rem}
.pop-faq .triangle{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; border-bottom:0.5rem dashed transparent; border-left:0.5rem dashed transparent;  border-right-style:solid; border-right-width:0.5rem; border-top-style:solid; border-top-width:0.5rem; color: #f5f5f5; position: absolute; right: 1.5625rem; bottom: -1rem}

.pop-faq-answer .mod-faq{ padding-top: 1.4375rem}

.pop-large-img{ height: 100%; z-index: 1200; background: #4c4c4c; display: none;}
.pop-large-img .pop-con{ background: none; position: static;}
.mod-large-img .mod-hd{ overflow: hidden; padding: 0 0.625rem;}
.mod-large-img .btn-back{ float: left; color: #fff; font-size: 18px; padding: 1rem 0}
.mod-large-img .ico-back2{ background-position:0 -475px; width:15px; height:14px; background-size:400%; margin:0 0.25rem 0 0}
.mod-large-img .btn-del{ float: right; padding: 1rem 0.3125rem}
.mod-large-img .ico-del{ background-position:0 -490px; width:20px; height:21px; background-size:300%}
.mod-large-img .mod-bd{ overflow-y:auto}
.mod-large-img .img-box{ display: table; width: 100%;}
.mod-large-img .img-box-in{ display: table-cell; vertical-align: middle; text-align: center;}

.search-wrap{  padding: 0.5rem 3.125%; }
.search-box{ position: relative; background: #fff; border: 3px solid #ccc;}
.search-box .txt{ width: 83.34%; padding:0 13.33% 0 3.33%; border: none; background: #fff; color:#999; font-size: 1rem; height: 2rem; line-height: 2;   }
.search-box .txt:hover,.search-box .txt:focus{ color:#333}
.search-box .bt-search{ position: absolute; top:3px; right:0; width: 3rem; height: 2rem; text-align: center;}
.search-box .ico-search{border: none; background-color: #fff; text-indent: -999em; width: 20px; height: 20px; background-position: 0 -517px; background-size:300%; padding: 0; }

/* page-index */
.marquee-box{ position: relative; padding: 0 15% 0 5%}
.marquee-box::after{ content:" ";position:absolute;right:15%; top: 0;width: 2rem;height:100%; background: -webkit-linear-gradient(left,rgba(255, 255, 255, 0),rgba(255, 255, 255, 1));}
.marquee-box .more{ position: absolute; width: 15%; right: 0; top:0.3em; color: #333; font-size: 0.75rem; text-align: center; line-height: 1.2}
.marquee{ position:relative; white-space:nowrap; overflow:hidden; height: 2.5em; font-size: 0.875rem; line-height: 2.5;}
.marquee::after{ content:" ";position:absolute;left:0; top: 0;width: 2rem;height:100%; background: -webkit-linear-gradient(left,rgba(255, 255, 255, 1),rgba(255, 255, 255, 0));}
.marqueelist{ position:absolute; top:0;}
.marqueelist a{ color: #333; margin-right: 0.5rem; text-decoration: underline;}

.recommend-box{ background: #666666; color: #fff; font-size: 1rem; line-height: 1.8; padding:0.2rem 0.625rem}
.recommend-box a{ color: #fff; font-size: 1rem;}
.recommend-box .sep{ margin: 0 0.5rem}

/* page-navigation */
.list-nav{ overflow: hidden; padding: 0 0 0.75rem 0.75rem;}
.list-nav .list-item{ float: left; width: 25%; padding-top: 0.75rem}
.list-nav .con{ display: block; background: #ccc; font-size:0.875rem; line-height: 1.8; color: #333; text-align: center; width: 60%}
.top-fixed .list-nav{ background: #f6f6f6;}
.mod-nav .mod-hd{ background:#f6f6f6; border-left: 6px solid #ffc81f;}
.mod-nav .mod-hd .tit{ font-weight: bold; font-size: 0.875rem; line-height: 2.6; padding-left: 0.625rem}
.mod-nav .mod-bd{ padding:0 1rem 0.5rem; line-height: 1.5}
.mod-nav .mod-bd .title{ font-size: 0.875rem; padding-top: 0.625rem}
.mod-nav .link-box{ font-size:1rem;}
.mod-nav .link-box a{ color: #333;} 
.mod-nav .link-box .sep{ margin: 0 0.5rem}

/* page-detail */
.pn-ask-detail{ font-size: 0.875rem; line-height: 1.7}
.pn-ask-detail .name{ max-width: 7em; overflow: hidden; text-overflow: ellipsis; display: inline-block;   white-space: nowrap; vertical-align: top;}
.pn-ask-detail .info-box{ font-size: 0.75rem}

.detail-ask{ overflow: hidden; background: #f5f5f5; padding: 0.5rem 0.8rem;}
.detail-ask .title{ font-size: 1rem; font-weight: bold; border-bottom:1px dashed #c9c9c9; padding-bottom: 0.5625rem}
.detail-ask .supplement{ padding: 0.375rem 0 0.3125rem 0; line-height: 1.85}
.detail-ask .supplement .editer{ overflow: hidden;}
.detail-ask .supplement .editer-tit{ float: left; padding-right: 0.25rem; line-height: 1.57}
.detail-ask .supplement .comm-textarea{ overflow: hidden;}
.detail-ask .supplement .link-box{ font-size: 0; text-align: center; padding: 0.375rem 0}
.detail-ask .supplement .link-box .comm-btn2{ margin: 0 0.25rem}
.detail-ask .supplement-c1{ font-size: 0}
.detail-ask .supplement-c1 .txt{ font-size: 0.875rem}
.detail-ask .supplement-c2{ display: none;}
.detail-ask .img-box{ padding: 0.3125rem 0}
.detail-ask .info-box{ padding-top: 0.3125rem}
.detail-ask .info-box .name{ color: #0075a9}
.detail-ask .info-box .sep{ margin: 0 0.2rem}

.list-answer .list-item{ overflow: hidden; padding: 0.5rem 0.8rem; border-top: 1px solid #ececec;}
.list-answer .pic-box{ float: left; padding:0.1875rem 0.625rem 0 0}
.list-answer .pic-box .link{ display: block; width:2.5rem;}
.list-answer .pic-box .link img{ width: 100%}
.list-answer .detail-box{ overflow: hidden;}
.list-answer .detail-box .tit{ color: #999}
.list-answer .detail-box .name{ color:#999}
.list-answer .detail-box .img-box{ padding:0.3125rem 0}
.list-answer .info-box{ color: #999; overflow: hidden; float: right;}
.list-answer .info-box .time{ float: left;}
.list-answer .vote-box{ overflow: hidden;}
.list-answer .vote-item{ float: left}
.list-answer .ico-like{ background-position:0 0; background-size:300%; width: 16px; height:13px; margin: 0.0625rem 0.125rem 0.3125rem 0.75rem}
.list-answer .ico-unlike{ background-position:0 -16px; background-size:300%; width: 16px; height:13px; margin: 0.1875rem 0.12rem 0.1875rem 0.75rem}
.list-answer .clicked{ color: #ff8400}
.list-answer .clicked .ico-like{ background-position:0 -32px; background-size:300%; width: 16px; height:13px;}
.list-answer .clicked .ico-unlike{ background-position:0 -48px; background-size:300%; width: 16px; height:13px;}

.relate-box{ background:#f2f2f2; padding: 0.9375rem 1.25rem}
.relate-box .box-hd{ padding: 0 0.625rem; background: #fff; border: 1px solid #e4e4e4;}
.relate-box .box-hd .tit{ font-weight: bold; font-size: 1rem; line-height: 1.875rem;}
.list-relate .list-item{ background: #fff; border: 1px solid #e4e4e4; border-top:none; padding: 0 0.625rem; overflow: hidden;}
.list-relate .list-item .tit{ font-size: 0.875rem; color: #333; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 2; float: left; width:75%}
.list-relate .list-item .tit a{ color: #333;}
.list-relate .list-item .answer{ float: right; font-size: 0.75rem; line-height: 2.33; color: #999;}

.game-info{background:#ececec; padding: 0.375rem .8rem .8rem; line-height: 1.75}
.game-info .hd .tit{line-height: 2;color: #636363;}
.game-info .bd{padding-top: .5rem;}
.game-info .bd .classify{ font-size: 0; margin: 0 -.2rem;}
.game-info .bd .classify a{display: inline-block;color: #0084cb; font-size: .75rem; line-height: 2; padding: 0 .5rem;background: #fff;margin: 0 .2rem .4rem;border-bottom: 1px solid #dedede;}
.game-info .info{position: relative;padding-right:4.5rem;width: 100%;font-size: .75rem;  -webkit-box-sizing: border-box; box-sizing: border-box;}
.game-info .info .qdb{position: absolute;right: 0; width: 4.5rem;top: 0;text-align:center;}
.game-info .info .qdb .tit{display:inline-block;width:100%;padding: 0 .3em;background:#ffc81f; border-radius: .8rem;color: #333}
.game-info-box .game-link{background:#333; text-align: center;}
.game-info-box .game-link a{position:relative;padding:0 1em;line-height:2.2;color:#fff;display: inline-block;}
.game-info-box .game-link a::before{content:"";position:absolute;left:0; top: .6rem;width: 1px;height:1rem;background: #555;}
.game-info-box .game-link a:first-child::before{display: none;}

/* page-person */
.person-box{ background: #f5f5f5; overflow: hidden; padding: 0.75rem 5% 0.625rem 10.9%}
.person-box .pic-box{ float: left; width: 3.125rem; padding-right: 0.8125rem}
.person-box .pic-box img{  width: 50px;height:50px;  border-radius: 100%}
.person-box .detail-box{ overflow: hidden;}
.person-box .tit{ color: #333; font-size: 1.25rem; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.person-box .txt{ font-size: 0.75rem; color: #999; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

.page-person .top-fixed{ background: #f6f6f6;}

.mod-message .mod-hd{ padding-top: 0.18rem; border-bottom:1px solid #dcdcdc; background: #f6f6f6;}
.mod-message .mod-bd{ padding: 0 0.625rem;}
.mod-message .con{ overflow: hidden}
.mod-message .list-question{ margin-top: -1px}
.mod-message .list-question li{ padding-left: 0; padding-right: 0}

.list-message{ margin-top: -1px}
.list-message li{ border-top: 1px dashed #dcdcdc; padding: 0.8125rem 0 0.6rem 0;}
.list-message .time{ color: #999; font-size: 0.875rem; padding-bottom: 0.375rem}
.list-message .detail{ color: #333333; font-size: 0.875rem; line-height:1.5}
.list-message .detail a{ color: #0068b7}

/* page-error */
.pn-error{ padding: 2.5rem; text-align: center;}
.pn-error img{ width: 100%}
.pn-error .txt{ font-size: 1.125rem; padding-top: 0.5rem}
.pn-error .link{ color: #0066ff; text-decoration: underline;}

@media only screen and (min-width: 400px){
	.header .ico-portrait{ margin-top:0.3rem;}
	.header .portrait{ top:0.35rem;}
	.header .nav{ top:0.75rem;}
	
	.search-box .ico-search{ margin-top: 0.5rem}

	.list-top .list-item{ padding: 0 0.7rem;}

}


.mobieicon{background: url(http://ue.17173cdn.com/a/bk/index/2015/m/img/b2.png) no-repeat;  width:12px; height: 16px; display: inline-block;}
.list-question .tit .mobieicon {  position: absolute; right: 0; top: 3px;}
.list-question .tit{ position: relative; display: inline-block;  padding-right: 16px; }
.list-question p{width: 98% ; overflow: hidden;}
.mod-nav .link-box .mobieicon{ position: static; display: inline-block; margin: 0 0 0 4px; }