@charset "UTF-8";
@Import url("common.css");
@Import url("jScrollPane.css");
@Import url("jquery.ui.dialog.css");

/***** Center Containers *****/
div.contmid {float:left; width:501px; height:auto !important; border:1px solid #383838; border-top:none; background-color:#0F0F0F; padding: 10px 0;}

/***** Main Banner *****/
div.banner_main {position:relative; width:503px; height:240px; background:url(../images/tankace/main/ad_bg.jpg) no-repeat;}
div.banner_main div.btn_movie {position:absolute; bottom:5px; right:16px;}
div.banner_main div.btn_movie a {float:right; margin:0; padding:0; height:20px;}
div.banner_main #advFlash {margin-top:7px; margin-left:3px; width:491px; height:198px;}
		
/***** Right_Wrap ****************************************/
div.trailer {position:relative; padding:10px;}		
div.trailer img.trailer {width:210px; height:133px;}
div.trailer img.btn {position:absolute; top:46px; left:-25px;}
div.trailer img.next {left:174px;}

/***** News Lists *****/
ul.newslist {float:left; width:100%; height:auto !important;}
ul.newslist li {float:left; margin:0 3px; width:495px; height:45px; border-bottom:1px solid #1e1e1e;} /*dashed*/
ul.newslist li p {float:left;}
ul.newslist li div {float:left; margin:10px 5px 0 5px;}
ul.newslist li dl {float:left; margin:6px 5px 0 5px; width:435px;}
ul.newslist li dl dt {position:relative; line-height:17px;}
ul.newslist li dl dt a {color:#004d33; font-weight:bold;}
ul.newslist li dl dt span {position:absolute; right:0px; line-height:16px; color:#004d33; font-size:11px;}
ul.newslist li dl dd {clear:left; line-height:16px;}
ul.newslist li.last {border:0;}
/***** News Lists *****/

/***** Gallery Board Lists *****/
ul.gallerylist {float:left; width:473px; margin:17px;}
ul.gallerylist li {float:left; width:100px; text-align:center;}
ul.gallerylist li.sep {width:0px; height:70px; margin:0 10px; border-right:1px solid #1b1b1b;}
ul.gallerylist li dl {height:101px;}
ul.gallerylist li dl dt {width:98px; height:68px; margin-bottom:5px; overflow:hidden; border:1px solid #323232; background:#000;}
ul.gallerylist li dl dt p {width:96px; height:66px; margin:1px;}
ul.gallerylist li dl dt p img {width:96px; height:66px;}
ul.gallerylist li dl dd {line-height:16px;}
ul.gallerylist li dl dd.title {color:#004d33; font-weight:bold;}
/***** Gallery Board Lists *****/

/***** Live *****/
.commentlist {clear:left; float:left; margin:2px 0; width:498px; height:160px; overflow:hidden;}
.commentlist ul {width:480px; height:160px; margin-left:2px;}
.commentlist ul li {clear:left; float:left; width:100%; padding:9px 0;border-bottom:1px solid #1e1e1e;}
.commentlist ul li.nodata {text-align:center; font-weight:bold; border:none;}
.commentlist ul li dl {float:left;}
.commentlist ul li dt {float:left; width:120px;}
.commentlist ul li dt p {width:90px; margin:0 5px; color:#004d33; font-weight:bold; font-size:11px;}
.commentlist ul li dd.cont {float:left; width:298px; font-weight:normal; font-size:11px;}
.commentlist ul li dd.date {float:left; width:60px; color:#004d33; font-weight:normal; font-size:11px;}

.commentwrite_wrap {clear:left; float:left; width:499px; height:33px; padding:1px; background:#000;}
.commentwrite {clear:left; float:left; width:497px; height:31px; border:1px solid #2A2A2A; background:url(../images/tankace/main/storylive_bg.gif) repeat-x; }
.commentwrite input[name=comment] {float:left; margin:5px 0 0 9px; padding:0; width:412px; height:19px; line-height:19px; color:#4d4d4d; border:1px solid #232323; text-indent:5px; background:#0a0a0a url(../images/tankace/main/storylive_input_bg.gif) no-repeat;}
.commentwrite input[type=image] {float:left; margin:5px 0 0 5px;}
/***** Banner *****/
div.right_wrap div.banner {clear:left; margin-bottom:5px;}
/***** Right_Wrap ****************************************/

/***** Detail Dialog *****/
.disable_wrap {position:absolute; left:0px; top:0px; width:100%; height:100%; min-height:1800px; z-index:999;}

.movie_dialog {position:absolute; float:left; left:-1px; top:373px; width:100%; z-index:9999;}
.movie_dialog div.dialog_wrap {margin:0 auto; width:503px;}
.movie_dialog div.dialog {float:left; width:501px; background-color:#000; border:1px solid #024C33;}
.movie_dialog p {float:right; margin:8px 16px; z-index:20;}
.movie_dialog div.player {margin:6px; width:489px; height:335px; background-color:#000; z-index:999;}
.movie_dialog div.info {margin:5px 6px 0 6px; width:484px; height:156px; background-color:#FFF; overflow:auto; z-index:999;}
.movie_dialog div.info select {float:left; margin:10px; width:464px; z-index:999;}
.movie_dialog div.info div {float:left; margin:0 10px 10px; width:464px; z-index:999;}

.cover-content{padding: 10px;background: url('/assets/images/card-pattern.jpg') #111;width: 100%;position: relative;}
.main-content{position: relative;opacity: 0.8;border-top: 3px solid #0fa9ec}
.card-ran{border-radius: 0px;border-bottom: 0px;background: url('/assets/images/nav-pattern.png') #161616;}
.card-ran .card-header{border-color: #222222;border-radius: 0px !important;background: rgba(40, 40, 40, 0.5);color: #fff;font-family: 'Titillium Web', sans-serif;font-weight: bold;font-size: 28px;text-transform: uppercase;}
.card-ran .card-body{color: rgb(233, 233, 233) !important;}
.card-ran .card-header span::after{content: url('/assets/images/card-title.png');padding-left: 2px;}
.center {text-align: center;}
.lh30 {line-height: 30px;}
#userinfo {margin-left: 20px;margin-top: -11px;text-align: left;line-height: 20px;height: 165px;}
.panel-heading {line-height: 25px;}
.panel-title {display: inline-block;width: 360px;}
.panel-news {padding-left: 20px;}

/***** Client Download *****/
div.content_download p.sep {clear:center; width:100%; height:20px;}
div.content_download p.desc {width:706px; margin-bottom:10px;}
div.content_download div.sub_title {clear:left; float:left; width:706px; height:30px; margin:0 0 10px 0px; border:1px solid #313131; background:#040404;}
div.content_download div.sub_title p {float:left; line-height:31px; font-weight:bold; color:#a7a7a7; margin:0; padding:0;}
div.content_download div.sub_title div.ico {float:left; width:20px; height:30px; background:url(../images/tankace/common/down_bullet.gif);}
div.content_download div.down_bann {width:704px;}
div.content_download div.mirrors {margin-top:4px; margin-left:-1px;}
div.content_download div.down_bann img {margin-right:4px;}
div.content_download div.note {width:704px; margin:5px 0;}
div.content_download div.note a {color:#9e561b; text-decoration:underline;}
div.content_download table.system {border-collapse:collapse; clear:left; float:left; width:704px;}
div.content_download table.system thead th {height:30px; border:1px solid #042014; font-weight:bold; background-color:#000f0a; color:#024c33;}
div.content_download table.system thead th.sys {background-color:#000000;}
div.content_download table.system tbody td, table.system tbody th {height:30px; border:1px solid #042014; text-align:center;}
div.content_download table.system tbody th {background-color:#000f0a; font-weight:bold;}
div.content_download ul.driver {list-style-type:none; clear:left; width:680px; height:auto !important; margin:20px 0 0 20px; padding:0;}
div.content_download ul.driver li {float:left; width:340px; height:82px;}
div.content_download ul.driver li img {float:left;}
div.content_download ul.driver li p {float:left; margin:10px; width:200px;}
div.content_download ul.driver li p a {color:#9e561b; text-decoration:underline;}
div.content_download .title {float:left;}

/**注册账号**/
#helpBlock {margin-left: 10px;}.form-group {margin-bottom: 15px;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}
input[type=text], input[type=password], input[type=number] {background: #131313;border: 1px solid #474747;color: #bfbfbf;}
.form-control {background: #fafafa;border: 1px solid #c1c0c0;color: #666;}
.form-control {height: 20px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

/**TOP10**/
.table {display: table;width: 100%;}
.table-row {display: table-row;}
.table-cell {display: table-cell;padding: 5px;border-bottom: 1px solid #252525;}

/**服务器状态**/
.server-status {padding: 10px; line-height: 20px;}

/**排行榜**/
.rankings-class-image {width: 30px;height: auto;-moz-box-shadow: 0 0 5px #666;-webkit-box-shadow: 0 0 5px #666;box-shadow: 0 0 5px #666;-moz-border-radius: 0px;border-radius: 0px;}
.rankings_menu {width: 100%;overflow: auto;text-align: center;margin-bottom: 10px;}
.rankings_menu a.active {color: #c5c5c5;border-color: #6c6b6b;}
.rankings_menu a {font-weight: bold;display: inline-block;width: 150px;border: 1px solid #202020;text-align: center;padding: 2px 0px;margin: 2px;background: #363636;-moz-border-radius: 2px;border-radius: 2px;color: #ccc;}
.rankings-table {width: 100%;border-spacing: 0;border-collapse: collapse;}
.rankings-table tr td {border-bottom: 1px solid #0f0f0f;padding: 5px;}

/**角色列表**/
th {text-align: left;}
.table-character {padding-left: 0;padding-right: 0;margin-bottom: 10px;border-collapse: collapse;border: 1px solid #333;border-radius: 4px;overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.table-character th {background-color: #222; color: #fff; font-weight: bold; padding: 10px 8px; border-bottom: 1px solid #333; text-align: left;}
.table-character tr {height: 25px; transition: background-color 0.2s;}
.table-character tr:nth-child(odd) {background-color: #1a1a1a;}
.table-character tr:nth-child(even) {background-color: #252525;}
.table-character tr:hover {background-color: #2a2a2a;}
.table-character td {padding: 8px; border-bottom: 1px solid #333;}
.table-character tr:last-child td {border-bottom: none;}

.text-right {text-align: right;}
.padding-right-80 {padding-right: 80px;}
.btn-primary {color: #fff;background-color: #515152;border-color: #7e7f7f;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.copyright {text-align: center;line-height: 40px;}


.form-control{display:block;width:80%;height:30px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.input_radio li{display:inline-block;position:relative;list-style:none}
.input_radio input[type="radio"]{display:none}
.input_radio span{padding:0 12px;display:inline-block;background:#F4F4F4;border:1px solid #F4F4F4;border-radius:4px;line-height:28px;text-align:center;color:#2D333B;cursor:pointer}
.input_radio li.is-selected input:checked + span {
    background: rgba(93,142,216,0.16);
    border-color: #5D8ED8;
    color: #5D8ED8;
}
.input_radio input:checked+span{background:rgba(93,142,216,0.16);border-color:#5D8ED8;color:#5D8ED8}
.input_radio #optionLable05{height:25px;width:80px}
.thirdparty{line-height:42px;font-size:16px;padding:22px 4px 3px}
.bank_all_ul{zoom:1}
.thirdparty .bank_all_ul{margin:5px 0}
.thirdparty .bank_all_ul li{margin:0 29px 30px 0}
.bank_all_ul .bankicon.scanwechat{background-image:url(../images/bankscan.jpg);background-position:0 0}
.bank_all_ul .bankicon.scanalipay{background-image:url(../images/bankscan.jpg);background-position:0 -36px}
.option-label{background-image:url(../images/bankscan.jpg);background-position:0 -36px}
.bank_all_ul .bankicon.active{border:1px solid #ff4800}
.bank_all_ul .bankicon.active .yes{background-position:-394px -342px;width:20px;height:20px;right:0;bottom:0}
.bank_all_ul .bankicon .credit{background-position:-406px -424px;width:19px;height:14px;right:10px;top:-5px}
.bank_all_ul li .bankicon{width:100%;height:38px;position:absolute;left:0}
.bank_all_ul li{width:127px;height:40px;float:left;border:1px solid #ddd;cursor:pointer;position:relative}
.bank_all_ul .bankicon .credit,.bank_all_ul .bankicon.active .yes{display:inline-block;background-image:url(../images/sprite-common1692253157052.png);position:absolute;vertical-align:middle}
.ranbtn{cursor:pointer;color:#fff;font-size:18px;background:#fd8301;width:135px;height:38px;border:0;border-radius:3px}
.error{color:#ed4014}
.btn-tags{background-color:rgba(249,184,62,0.3);display:inline-block;font-family:"Oxanium",sans-serif;text-transform:capitalize;font-size:14px;color:#f9b83e;padding:3px 15px;margin:0 3px 10px 0;border-radius:2px;border:1px solid rgba(249,184,62,0.5);transition:all 0.3s ease}
.btn-tags:hover{background-color:#f9b83e;color:#000;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}