body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'宋体', Helvetica, Arial, "\5b8b\4f53", sans-serif; }
html, body, header, section, footer, div, ul, ol, li, img, a, span, em, del, legend, center, strong, var, fieldset, form, label, dl, dt, dd, cite, input, hr, time, mark, code, figcaption, figure, textarea, h1, h2, h3, h4, h5, h6, p { margin: 0; border: 0; padding: 0; font-style: normal; }
html, body { font-size: 12px; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; background-color: #fff; }
ol, ul { list-style: none; }
button { cursor: pointer; }
* { box-sizing: border-box; }
a { text-decoration: none; cursor: pointer; color: #333; }
a:hover { text-decoration: none; color: #333;}
a:visited { text-decoration: none; color: #333;}
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0px; }
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.ad-block { margin-bottom:10px; }
/*=== class start ===*/
/* 线条 */
.line-week { border-bottom: 1px solid #f0f0f0; }
.line-slim { border-bottom: 1px solid #d2d2d2; }
.line-strong { border-bottom: 1px solid #999; }
/* 字体样式 */
.h1 { font-size: 16px; font-weight: bold; color: #333; }
.h1-slim { font-size: 16px; color: #333; }
.hl-highlight { font-size: 16px; color: #ec3e42; }
.h2 { font-size: 14px; font-weight: bold; color: #333; }
.h2-slim { font-size: 14px; color: #333; }
.h2-gray { font-size: 14px; color: #999; }
.h2-highlight { font-size: 14px; color: #ec3e42; }
.h2-light { font-size: 14px; color: #46bd1c; }
.h3 { font-size: 12px; font-weight: bold; color: #333; }
.h3-slim { font-size: 12px; color: #333; }
.h3-gray { font-size: 12px; color: #999; }
/* VS样式 */
.vs-big { font-size: 72px; color: #333; }
/* 按钮样式 */
.btn-unfollow { display: inline-block; width: 60px; height: 25px;line-height:25px;  border: 1px solid #ec3e42; font-size: 14px; color: #ec3e42; border-radius: 4px; text-align: center; }
.btn-unfollow:hover {color: #ec3e42; }
.btn-unfollow:visited {color: #ec3e42; }
.btn-followed { display: inline-block; width: 60px; height: 25px;line-height:25px;  border: 1px solid #46bd1c; font-size: 14px; color: #fff; background-color: #46bd1c; border-radius: 4px; text-align: center; }
.btn-followed:hover {color: #fff; }
.btn-submit-lg { display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #ec3e42; font-size: 16px; color: #fff; background-color: #ec3e42; border-radius: 4px; }
.btn-submit-lg:hover { color: #fff; }
.btn-submit-lg:visited { color: #fff; }
.btn-disable-lg { display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #aea79f; font-size: 16px; color: #fff; background-color: #aea79f; border-radius: 4px; }
.btn-submit { width: 150px; height: 35px; border: 1px solid #ec3e42; font-size: 16px; color: #fff; background-color: #ec3e42; border-radius: 4px; }
.btn-cancel { width: 180px; height: 70px; border: 1px solid #ec3e42; font-size: 32px; color: #ec3e42; background-color: #fff; border-radius: 4px; }
.btn-cancel-lg { width: 100%; height: 35px; border: 1px solid #ec3e42; font-size: 16px; color: #ec3e42; background-color: #fff; border-radius: 4px; }
.btn-blue-lg { display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #178acc; font-size: 16px; color: #fff; background-color:#1d9ce5; border-radius: 4px; }
.btn-blue-lg:hover { color: #fff; }
.btn-blue-lg:visited { color: #fff; }
.btn-verifycode { width: 60px; height: 25px; line-height:25px; border: 1px solid #ec3e42; background-color: #fff; font-size: 14px; color: #ec3e42; border-radius: 4px; }
/* 标签样式 */
.label-league { font-size: 12px; color: #fff; border-radius: 2px; padding: 1px 4px; }
/* 数字相关 */
.num { font-family: Arial; color: #EB3D41; font-style: normal; }
.num-price { font-size: 16px; }
.num-price-big { font-size: 20px; }
.num-rank { font-size: 14px; }
.num-odds { font-size: 14px; }
.odds-up { color: #ec3e42;}
.odds-down { color:#46BD1C; }
/* 其它 */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.hides { display: none; }
.options-2,
.options-3,
.options-4{ display: table; width: 100%; text-align: center; font-size: 14px; line-height: 16px; }
.options-3 .option1 { display: table-cell; width: 33%; height: 50px; vertical-align:middle; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #999999; }
.options-3 .option2 { display: table-cell; width: 32%; height: 50px; vertical-align:middle; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: none; border-right: none; }
.options-3 .option3 { display: table-cell; width: 33%; height: 50px; vertical-align:middle; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #999999; }
.options-2 .option1 { display: table-cell; width: 50%; height: 50px; vertical-align:middle; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #999999; }
.options-2 .option2 { display: table-cell; width: 50%; height: 50px; vertical-align:middle; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #999999; border-left: none; }
.options-4 .option1 { display: table-cell; width: 26%; height: 50px; vertical-align:middle; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #999999; }
.options-4 .option2 { display: table-cell; width: 24%; height: 50px; vertical-align:middle; border: 1px solid #999999; border-left: none;  }
.options-4 .option3 { display: table-cell; width: 24%; height: 50px; vertical-align:middle; border: 1px solid #999999; border-left: none; border-right: none; }
.options-4 .option4 { display: table-cell; width: 26%; height: 50px; vertical-align:middle; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #999999; }
.options-4 .option { display: table-cell; width: 100%; height: 50px; vertical-align:middle; border-radius: 5px;  border: 1px solid #999999; }
.options-2 .select-res-yes,
.options-3 .select-res-yes,
.options-4 .select-res-yes { background-color: #ec3e42; color: #fff;border:1px solid #ec3e42; }

.settle-0 { padding-left: 20px; background: url("../images/settle-0.png") no-repeat 0 50%; background-size: 14px 14px; }
.settle-stamp {display:inline-block; width:57px; height:32px; background: url("../images/settle-stamp.png") no-repeat 0 0; background-size: 57px auto; }
.settle-stamp-1 { background-position:0 0;}
.settle-stamp-2 { background-position:0 -40px;}
.settle-stamp-3 { background-position:0 -80px;}

/* dropload-load */
.dropload-up,
.dropload-down { position: relative; height: 0; overflow: hidden; font-size: 12px; -webkit-transform: translateZ(0); transform: translateZ(0); }
.dropload-down { min-height: 150px; text-align: center; width: 100%; line-height: 50px; }
.dropload-refresh,
.dropload-update,
.dropload-load,
.dropload-no-data { height: 50px; line-height: 50px; text-align: center; }
.dropload-loading { display: inline-block; height: 15px; width: 15px; border-radius: 100%; margin: 6px; border: 2px solid #666; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; }
.loading { display: inline-block; height: 15px; width: 15px; border-radius: 100%; margin: 6px; border: 2px solid #666; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; }
/* slide */
.swipe{margin:0;overflow:hidden;visibility:visible;position:relative;height:115px;width:100%; background:#fff; }
.swipe nav{position:absolute;bottom:-2px;right:45%;width:15%;}
.swipe .swipe-wrap{overflow:hidden;position:relative;height:115px;}
.swipe .swipe-wrap > figure{float:left;width:100%;position:relative;height:115px;overflow:hidden;}
.swipe .swipe-wrap > figure img{margin:0 auto;width:100%;vertical-align:middle;height:115px;top:0px;position:absolute;left:0px;}
.swipe .swipe-wrap .wrap{display:block;height:115px; width:100%;vertical-align:middle;overflow:hidden;text-align:center;}
.swipe nav #position{text-align:center;list-style:none;margin:0;padding:0;}
.swipe nav #position li{display:inline-block;width:8px;height:8px;border-radius:10px;background:#fff;margin:0 2px;cursor:pointer;}
.swipe nav #position li.on{box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);background-color:#e8e8e8;}

/* float warning*/
#mask { z-index: 1200; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.9); position: fixed; left: 0px; top: 0px; }
#mask-warning-alert { z-index: 1000; height: 170px; width: 80%; background-color: #fff; position: fixed; left: 10%; top: 20%; border-radius: 10px; }
#mask-warning-alert .mask-warning-title { text-align: center; border-bottom: 1px #e5e5e5 solid; height: 120px; }
#mask-warning-alert .mask-warning-title img { margin-top: 15px; height: 44px; width: 44px; }
#mask-warning-alert .mask-warning-title-p1 { margin-top: 10px; color: #333333; font-size: 16px;margin:0px;margin-top:10px; }
#mask-warning-alert .mask-warning-title-p2 { margin: 0px; margin-top: -5px; font-size: 14px; color: #999999;margin:0px; }
#mask-warning-alert .mask-warning-button { height: 50px; line-height: 50px; }
#mask-warning-alert .mask-warning-button a {display:inline-block;text-align:center; width: 100%; font-size: 16px; background-color: #fff; color: #ec3e42; height: 50px;line-height: 50px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#mask-tz{z-index:1000;height:235px;width:84%;position: fixed; left: 8%; top: 15%; }
#mask-tz #mask-tz-title{font-size:16px;color:#fff;}
#mask-tz #mask-tz-title span{color:#ec3e42;}
#mask-tz #mask-tz-coin{height:40px;line-height:40px;background-color:#fff;margin-top:10px;border-radius:5px;}
#mask-tz #mask-tz-coin span{color:#333;display:block;float:left;text-align:center;width:80px;font-size:16px;border-right:1px solid #f0f0f0;    height: 30px;    line-height: 30px;    margin-top: 5px;}
#mask-tz #mask-tz-coin input{color:#999; padding-left:5px;position:relative;top:2px;  font-size:16px;width:60%;height:20px;line-height:20px;border:none;}
#mask-tz #mask-tz-wincoin{margin-top:10px;text-align:left;color:#fff;}
#mask-tz #mask-tz-wincoin p{font-size:16px;margin:0px;}
#mask-tz #mask-tz-bottom{margin-top:10px;font-size:16px;    overflow: hidden;    text-align: center;    }
#mask-tz #mask-tz-bottom-a{width: 230px;overflow: hidden;margin:0px auto;}
#mask-tz #mask-tz-bottom a{height:35px;line-height:35px;text-align:center;font-size:16px;border-radius:5px;display:block;color:#fff;float:left; /*margin-left:30px;*/}
#mask-tz #mask-tz-bottom #mask-tz-bottom-esc{width:90px;border:1px solid #8c8c8c;}
#mask-tz #mask-tz-bottom #mask-tz-bottom-yes{margin-left:20px; width:120px;background-color:#ec3e42; }
#mask-tz-success, #mask-buy-warning,
#mask-tz-failure { z-index: 1000; height: 170px; width: 80%; background-color: #fff; position: fixed; left: 10%; top: 20%; border-radius: 10px; }
#mask .mask-tz-title { text-align: center; border-bottom: 1px #e5e5e5 solid; height: 120px; }
#mask .mask-tz-title img { margin-top: 15px; height: 44px; width: 44px; }
#mask .mask-tz-title-p1 { margin-top: 10px; color: #333333; font-size: 16px;margin:0px;margin-top:10px; }
#mask .mask-tz-title-p2 { margin: 0px; margin-top: -5px; font-size: 14px; color: #999999;margin:0px; }
#mask .mask-tz-button { height: 50px; line-height: 50px; }
#mask .mask-tz-button a {display:block;float:left;text-align:center; width: 50%; font-size: 16px; background-color: #fff; color: #ec3e42; height: 50px;line-height: 50px;}
#mask .mask-tz-button1 { border: none; border-right: 1px solid #e5e5e5; border-bottom-left-radius: 10px; }
#mask .mask-tz-button2 { border: none; border-bottom-right-radius: 10px; }
#mask .win-coin{  color: #ff4343; }
#mask-footer{position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.9);z-index:1000;}
#mask-footer #mask-pay{position:fixed;left:0px;bottom:-185px;background-color:#fff;height:185px;width: 100%;}
#mask-footer #mask-pay #mask-pay-title{text-align:center;height:50px;font-size:18px;line-height:50px;border-bottom:1px solid #e5e5e5;}
#mask-footer #mask-pay #mask-pay-type-center{width:285px;height:75px;margin-top:30px;margin-left:auto;margin-right:auto;}
#mask-footer #mask-pay #mask-pay-type-center div{float:left;width:100%;height:75px;    text-align: center;    line-height: 130px; background-repeat: no-repeat;background-position: 50% 0%;background-size: 50px 50px; }
#mask-footer #mask-pay #mask-pay-type-center #mask-pay-type-wx{background-image: url("../images/pay-wx.png");}
#mask-footer #mask-pay #mask-pay-type-center #mask-pay-type-zfb{background-image: url("../images/pay-zfb.png");}
#mask-footer #mask-select-zfb{text-align:center; position:fixed;top:0px;left:0px;height:105px; width:100%;background-image:url("../images/right-top.png");background-repeat:no-repeat;background-position: 90% 20px;background-size: 70px 66px;color: #fff;font-size:16px;line-height: 220px;}

@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}
/* 微信分享 */
#play_share{height:85px;display:table;width:100%;margin: 0 10px;}
#play_share .share-img{ max-width:100px;width:90px;height:100%;display:table-cell;vertical-align:middle; }
#play_share .share-img span{height:15px;width:15px;float:left; display:block;margin: 25px 0; background-image: url("../images/cross.png"); background-repeat: no-repeat; background-position:0;background-size: 15px auto;}
#play_share .share-img img{width:65px;border-radius:15px;float:right;}
#play_share .share-info{width:100%;padding:20px 0 20px 15px ;font-size:14px;line-height: 15px;}
#play_share .share-info span{width:120px; height:20px; display:block; background-image: url("../images/star.png"); background-repeat:repeat-x; background-position:0 100% ;background-size: auto 15px;}
#play_share .share-down{max-width:90px; width:90px;text-align:center;height:100%;display:table-cell;vertical-align:middle;}
#play_share .share-down a { display: inline-block;margin-right:20px; width: 70px; height: 25px;line-height:25px;  border: 1px solid #007aff; font-size: 14px; color: #007aff; border-radius: 4px; text-align: center; }

/* wap分享 */
#play_share_wap{height:75px;display:table;width:100%;margin: 0 10px;}
#play_share_wap .share-img{ max-width:100px;width:60px;height:100%;display:table-cell;vertical-align:middle; }
#play_share_wap .share-img span{height:15px;width:15px;float:left; display:block;margin: 10px 0; background-image: url("../images/cross.png"); background-repeat: no-repeat; background-position:0;background-size: 15px auto;}
#play_share_wap .share-img img{width:35px;border-radius:10px;float:right;}
#play_share_wap .share-info{width:100%;padding:10px ;font-size:13px;}
#play_share_wap .share-info span{width:120px; height:20px; display:block; background-image: url("../images/star.png"); background-repeat:repeat-x; background-position:0 100% ;background-size: auto 15px;}
#play_share_wap .share-down{max-width:90px; width:90px;text-align:center;height:100%;display:table-cell;vertical-align:middle;}
#play_share_wap .share-down a { display: inline-block;margin-right:20px; width: 70px; height: 25px;line-height:25px;  border: 1px solid #007aff; font-size: 14px; color: #007aff; border-radius: 4px; text-align: center; }

/* share topic */
#page_topic{padding:10px; background: #fff;height:100%;min-height:500px;}
#page_topic .user-topic{line-height:50px;border-bottom: 1px solid #f0f0f0;padding-bottom:5px;}
#page_topic .user-topic img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_topic .user-topic .name {margin-left:3px; font-size: 16px; color: #1e5894; }
#page_topic .user-topic .topic-type { font-size: 11px; color: #999; float:right;}
#page_topic .topic-content { font-size: 15px; color: #333;padding:5px 0;}
#page_topic .topic-pic img{ width:100%;padding-bottom:5px;}
#page_topic .topic-time-vote{ line-height:25px;}
#page_topic .topic-time-vote .user-vote { float: right;}
#page_topic .topic-time-vote .user-vote  span { padding-left:20px; float: right; text-align: center; display: block; font-size: 12px; color: #999; }
#page_topic .topic-time-vote .user-vote .vote-block-zan{background-image: url("../images/icon-review-zan1.png"); background-repeat: no-repeat;background-position-y:50%; background-size: 16px auto; }
#page_topic .topic-time-vote .user-vote .vote-block-cai{margin-left: 20px;background-image: url("../images/icon-review-cai1.png"); background-repeat: no-repeat;background-position-y:50%; background-size: 16px auto; }

#home_contact { padding:15px 0; text-align:center;border-top: 1px solid #f0f0f0; background:#fff;}
#home_contact h2 { font-size:22px; color:#808D9A;}
#home_contact .contact-list { display:table; width:100%; margin-top:10px;}
#home_contact .contact-list div { display:table-cell; width:33%; text-align:center;}
#home_contact span { display:inline-block; padding:5px 8px; color:#fff; background:#FF7F00; font-size:14px; border-radius:6px;}
#home_contact span a { color:#fff;}
/*=== class end ===*/

/*=== page start ===*/
#page-loading { text-align: center; height: 480px; line-height: 480px; }
#header_title { height:40px; line-height:40px;background:#F9F9F9; border-bottom:1px solid #B3B3B3; font-size:16px; text-align:center;  }
#header_title .back { position:absolute; float:left; height:30px; width:30px; left:15px; top:5px; background-image: url("../images/icon_arrow01.png");background-size:30px 30px;}
#header_title .home { position:absolute; float:right; height:30px; width:30px; right:15px; top:5px; background-image: url("../images/home.png"); background-position:50% 50%; background-size:20px 20px; background-repeat:no-repeat;}
#container { width: 100%; min-height:580px; padding-top:40px;  padding-bottom: 50px; background-color: #eee; overflow: hidden; }
#footer_menu { height: 50px; background-color: #F7F7F7; border-top: 1px solid #D1D1D1; }
#footer_menu a { margin-top: 6px; text-align: center; }
/*box-shadow:0px 0px 1px 0 rgba(0, 0, 0, 0.4) inset;*/
#footer_menu em { background-image: url("../images/index.png"); background-repeat: no-repeat; background-position-x: 50%; background-size: 26px auto; display: inline-block; width: 26px; height: 26px; }
#footer_menu span { display: block; line-height: 12px; margin-top: -2px; margin-left:4px; letter-spacing: 2px; color: #999999; }
#footer_menu .m-icon-market { background-position:50% 0; }
#footer_menu .m-icon-guess { background-position:50% -61px; }
#footer_menu .m-icon-community { background-position:50% -181px; }
#footer_menu .m-icon-my { background-position:50% -121px; }
#footer_menu .selected span { color: #ED3E45; }
#footer_menu .selected .m-icon-market { background-position:50% -30px; }
#footer_menu .selected .m-icon-guess { background-position:50% -91px; }
#footer_menu .selected .m-icon-community { background-position:50% -211px; }
#footer_menu .selected .m-icon-my { background-position:50% -151px; }
#foot_contact { padding:15px 0; text-align:center; background:#fff;}
#foot_contact .kf { display:inline-block; padding:8px 20px; color:#fff; background:#FF7F00; font-size:16px; border-radius:6px;}
#foot_contact .kf-time { color:#8A97A0;}
#foot_contact .kf a { color:#fff;}
 /*game home*/ 
#page_default .hot-games { }
#page_default #game_rank .row { border-bottom: 1px solid #f0f0f0; }
#page_default #game_rank .row:last-child { border: none; }
#page_default #game_rank { background-color: #fff; }
#page_default #game_rank a { height: 100px; padding-top: 15px; text-align: center; border-right: 1px solid #f0f0f0; }
#page_default #game_rank a:last-child { border: none; }
#page_default #game_rank em { background-image: url("../images/market-rank.png"); background-repeat: no-repeat; background-position-x: 50%; background-size: 50px auto; display: inline-block; width: 50px; height: 50px; }
#page_default #game_rank span { display: block; line-height: 16px; margin-top: -2px; font-size: 16px; color: #333; }
#page_default #game_rank .m-icon-win,
#page_default #game_rank .m-icon-global { padding-right:0px;}
#page_default #game_rank .m-icon-wealth,
#page_default #game_rank .m-icon-other { padding-left:0px;}
#page_default #game_rank .m-icon-win em { background-position:50% 0; }
#page_default #game_rank .m-icon-income em { background-position:50% -60px; }
#page_default #game_rank .m-icon-wealth em { background-position:50% -120px; }
#page_default #game_rank .m-icon-global em { background-position:50% -600px; }
#page_default #game_rank .m-icon-jingcai em { background-position:50% -660px; }
#page_default #game_rank .m-icon-other em { background-position:50% -720px; }
#page_default #guess_stat{padding-left:10px; height:30px;background-color:#fff3dd;line-height:30px;font-size:12px;color:#e58f1f;}
#page_default .hot-games .title { padding-left: 13px; height: 40px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; background: #EDEDED; }
#page_default .hot-games .title .more { float: right; padding: 0px 10px; margin-right: 13px; line-height: 40px; font-size: 14px; color: #999; background-position: 98% 50%; background-size: 7px 13px; }
#page_default .hot-games .title h2 { margin: 0; padding: 0; line-height: 40px; }
#page_default .hot-games .match-team { display: table; width: 100%; padding: 10px 0; border-bottom: 1px solid #f0f0f0; background: #fff; }
#page_default .hot-games .match-team-vs { display: table-cell; width: 30%;  text-align: center; vertical-align:top; }
#page_default .hot-games .match-team-vs span {font-family: Arial;  }
#page_default .hot-games .match-team-vs .num-vs { display: block; font-size: 18px; line-height:30px; }
#page_default .hot-games .match-team-vs .match-time { display: block; font-size: 14px; color: #999; }
#page_default .hot-games .match-team-a { display: table-cell; width: 35%; font-size: 16px; line-height:30px;  color: #333; text-align: center; }
#page_default .hot-games .match-team-a img { width: 40px; height: 40px; border: 1px solid #f0f0f0; border-radius: 40px; }
#page_default .hot-games .match-team-b { display: table-cell; width: 35%; font-size: 16px;line-height:30px;  color: #333; text-align: center; }
#page_default .hot-games .match-team-b img {margin-top:5px; width: 40px; height: 40px; border: 1px solid #f0f0f0; border-radius: 40px; }
#page_default .hot-games .list-group {margin-bottom: 0;}
#page_default .hot-games .game-more{width:100%;text-align:center;height:50px;}
#page_default .hot-games .game-more a { display: inline-block; margin-top:10px; width: 120px; height: 30px;line-height:30px;  border: 1px solid #ec3e42; font-size: 14px; color: #ec3e42; border-radius: 4px; text-align: center; }
#page_default .hot-games .com-tui-list { }
#page_default .hot-games .com-list-item { margin-bottom: 10px; padding:10px 10px; background: #fff; border-bottom: 1px solid #f0f0f0; }
#page_default .hot-games .com-list-item .item-user { height: 35px; border-bottom: 1px solid #f0f0f0; overflow:hidden; }
#page_default .hot-games .com-list-item .user-info { float: left; }
#page_default .hot-games .com-list-item .user-info img { float: left; width: 30px; height: 30px; border: 1px solid #f0f0f0; border-radius: 30px; }
#page_default .hot-games .com-list-item .user-info p { float: left; margin-left: 7px; padding-top:5px; }
#page_default .hot-games .com-list-item .user-info p span { display: block; }
#page_default .hot-games .com-list-item .user-info .name { font-size: 15px; color: #999; }
#page_default .hot-games .com-list-item .user-rank { float: right; width: 160px; }
#page_default .hot-games .com-list-item .user-rank .rank-block {  float: right; text-align: right; padding-top:5px; }
#page_default .hot-games .com-list-item .user-rank .rank-block span { font-size: 15px; color: #999; }
#page_default .hot-games .com-list-item .user-rank .rank-vip {font-size: 15px; color: #999;  float: right; text-align: right; margin-top: 5px; padding-left:20px; background: url("../images/icon_v2.png") no-repeat 0 50%; background-size: 15px auto;}
#page_default .hot-games .com-list-item .item-tui {display: table; width: 100%; padding-top:5px; }
#page_default .hot-games .com-list-item .tui-info {display: table-cell; line-height: 22px;  }
#page_default .hot-games .com-list-item .tui-info .match { margin-left: 10px; font-size: 15px; color: #333; font-weight:bold; }
#page_default .hot-games .com-list-item .tui-info .info-kind { font-size: 15px; color: #999; }
#page_default .hot-games .com-list-item .tui-price { display: table-cell;  min-width:65px; padding-top:2px;   text-align:right; vertical-align:top; }
#page_default .hot-games .com-list-item .tui-price .btn-price{float:right; padding:0 5px; height: 25px; min-width:52px; line-height:25px;  border: 1px solid #ec3e42; font-size: 14px; color: #ec3e42; text-align:center; border-radius: 4px; }
#page_default .hot-games .com-list-item .tui-price .btn-price-buyed{float:right; padding:0 5px; height: 25px; min-width:52px; line-height:25px;  border: 1px solid #999; font-size: 14px; color: #999; text-align:center; border-radius: 4px; }
#page_default .hot-games .com-list-item .tui-price .btn-price-view{float:right; padding:0 5px; height: 25px;min-width:52px;line-height:25px;  border: 1px solid #46bd1c; font-size: 14px; color: #46bd1c; text-align:center; border-radius: 4px; }

/* market default*/
#mask #mask-details { z-index: 1000; height: 325px;  background-color: #fff; position: fixed; left: 20px; right:20px; top: 10%; border-radius: 10px; }
#mask #mask-details #mask-head { z-index: 999; height: 180px; width: 100%; position: relative; }
#mask #mask-details #mask-head img { border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%; height: 180px; }
#mask #mask-head #mask-head-gb { width: 25px; height: 25px; border-radius: 25px; border: 1px solid #fff; position: absolute; top: 10px; right: 10px; text-align: center; line-height: 21px; color: #fff; font-size: 25px; font-weight: 100; }
#mask #mask-message { text-align: center; }
#mask #mask-message #mask-message-p1 { color: #FFB401; margin: 0px; margin-top: 15px; font-size: 18px;word-spacing:2px; }
#mask #mask-message #mask-message-p2 { margin: 0px; color: #323232;font-size: 14px; }
#mask #mask-message #mask-message-p3 { color: #323232;font-size: 14px; }
#mask #mask-message #mask-message-p3 span { padding: 0px 10px; color: #ec3e42; }
#mask #mask-message #mask-message-lq { display:block;margin:0px auto; width: 70%; height: 35px; line-height: 35px; color: #fff; background-color: #ec3e42; text-align: center; font-size: 16px;font-weight:600; border: none; border-radius: 5px; margin-top: 10px; }
/*game europecup zoudi*/
#game-europecup { overflow-y: auto; background-color:#fff; min-height: 580px;}
#game-europecup #game-type { height: 50px; width: 100%; padding-bottom: 10px; padding-left: 50px; padding-right: 50px; border-bottom: 1px solid #ccc; }
#game-europecup #game-type a { color:#ec3e42; height: 30px; display: block; width: 50%; float: left;margin-top:10px;line-height:30px; border-top: 1px solid #ED3E43; border-bottom: 1px solid #ED3E43; text-align: center; cursor: pointer; border-left: 1px solid #ED3E43; border-right: 1px solid #ED3E43; }
#game-europecup #game-type .select-type { background-color: #ED3E43; color: #fff; }
#game-europecup #game-type :first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#game-europecup #game-type :last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
#game-europecup .game-title { height:50px;padding:15px; text-align:center;font-size:14px;}
#game-europecup .game-head { height: 30px;  background-color: #eee; line-height: 30px; } 
#game-europecup .game-head span { float: left; z-index: 2; position: absolute; left: 10px; font-size: 14px; color: #333; }
#game-europecup .game-head label { text-align: center; display: block; font-size: 14px; color: #333; font-weight: 500; }
#game-europecup .game-group-date-list {  padding: 0px; }
#game-europecup .game-group-date .game-team { height: 105px; border-bottom: 1px solid #f0f0f0; }
#game-europecup .game-group-date .game-team > div { float: left; width: 33.3%; text-align: center;/*height: 100%;*/ }
#game-europecup .game-group-date .game-team .game-team-center{margin-top: -5px;position:relative;}
#game-europecup .game-group-date .game-team .game-team-center .zoudi-span {display:block;text-align:center;margin-bottom:10px;margin-top:-25px;}
#game-europecup .game-group-date .game-team .game-team-center .game-zoudi {font-weight:normal; background-color:#ec3e42;font-size: 12px;color: #fff;border-radius: 2px;font-family: Arial;padding: 1px 4px;}
#game-europecup .game-group-date .game-team div img { margin-top: 20px; height: 45px; width: 45px;border-radius:45px;border:1px solid #d7d7d7; }
#game-europecup .game-team-home, .game-team-guest { font-size: 14px; color: #333;text-overflow:clip;white-space: nowrap;overflow:hidden; }
#game-europecup .game-team-home p, .game-team-guest p{margin:0px;margin-top:5px;font-size:16px;font-weight:500;}
#game-europecup .game-group-date .game-team-pingju{font-size: 36px; color: #333; margin:0px;margin-top:20px;}
#game-europecup .game-group-date .game-team-vs { font-size: 14px; color: #333; font-weight: 600; margin:0px;margin-top:40px;margin-bottom:10px;}
#game-europecup .game-group-date .game-team-res { font-size: 36px; color: #333; margin:0px;margin-top:20px;}
#game-europecup .game-group-date .game-team-res lable{margin:0px;}
#game-europecup .game-group-date .game-team-res lable span{vertical-align:central;}
#game-europecup .game-group-date .game-team-pingju span,.game-group-date .game-team-res span{font-size:14px;font-weight: 600;color: #333;margin:0px 5px;position: relative; top: -6px;}
#game-europecup .game-group-date .game-team-date { font-size: 14px; color: #999;margin:0px;margin-top:6px; }
#game-europecup .game-group-date-list .game-res { height: 40px; line-height: 40px; }
#game-europecup .game-group-date-list .game-res div { float: left; width: 50%; }
#game-europecup .game-group-date-list .game-res div .game-res-block { padding: 5px; width: auto; background-color: #eee; color: #343434; }
#game-europecup .game-group-date-list .game-res div .game-res-block .game-res-block-odds { }
#game-europecup .select-sclass{position:fixed;bottom:70px;left:20px; display:inline-block;height:50px;width:50px;background: url("../images/icon_select.png") no-repeat; background-position: 50% 50%; background-size: 40px 40px;}
#game-europecup .game-sclass{z-index:1500;height:400px;width:84%;position: fixed; left: 8%; top: 15%; background: #fff;padding:15px;overflow:auto;}
#game-europecup .game-sclass span{ display:inline-block;height:30px;line-height:30px; color:#fff;font-size:12px;padding:0 10px;border-radius:2px;margin:0 15px 15px 0;}
/*game game-lq-guess*/
#game-lq-guess { overflow-y: auto; background-color:#fff; min-height: 580px;}
#game-lq-guess #game-type { height: 50px; width: 100%; padding-bottom: 10px; padding-left: 50px; padding-right: 50px; border-bottom: 1px solid #ccc; }
#game-lq-guess #game-type a { color:#ec3e42; height: 30px; display: block; width: 50%; float: left;margin-top:10px;line-height:30px; border-top: 1px solid #ED3E43; border-bottom: 1px solid #ED3E43; text-align: center; cursor: pointer; border-left: 1px solid #ED3E43; border-right: 1px solid #ED3E43; }
#game-lq-guess #game-type .select-type { background-color: #ED3E43; color: #fff; }
#game-lq-guess #game-type :first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#game-lq-guess #game-type :last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
#game-lq-guess .game-title { height:50px;padding:15px; text-align:center;font-size:14px;}
#game-lq-guess .game-head { height: 30px;  background-color: #eee; line-height: 30px; } 
#game-lq-guess .game-head span { float: left; z-index: 2; position: absolute; left: 10px; font-size: 14px; color: #333; }
#game-lq-guess .game-head label { text-align: center; display: block; font-size: 14px; color: #333; font-weight: 500; }
#game-lq-guess .game-group-date-list {  padding: 0px; }
#game-lq-guess .game-group-date .game-team { height: 105px; border-bottom: 1px solid #f0f0f0; }
#game-lq-guess .game-group-date .game-team > div { float: left; width: 33.3%; text-align: center;/*height: 100%;*/ }
#game-lq-guess .game-group-date .game-team div img { margin-top: 20px; height: 45px; width: 45px;border-radius:45px;border:1px solid #d7d7d7; }
#game-lq-guess .game-team-home, .game-team-guest { font-size: 14px; color: #333;text-overflow:clip;white-space: nowrap;overflow:hidden; }
#game-lq-guess .game-team-home p, .game-team-guest p{margin:0px;margin-top:5px;font-size:16px;font-weight:500;}
#game-lq-guess .game-group-date .game-team-center{margin-top: 10px;}
#game-lq-guess .game-group-date .sclass-name {font-weight:normal; font-size: 12px;color: #fff;border-radius: 2px;font-family: Arial;padding: 1px 4px;}
#game-lq-guess .game-group-date .game-team-vs { font-size: 14px; color: #333;font-weight: 600; margin:0px;margin:8px 0;line-height:25px;}
#game-lq-guess .game-group-date .game-team-vs lable{margin:0px; font-size: 20px;font-weight: normal;}
#game-lq-guess .game-group-date .game-team-vs lable span{margin:0 10px;font-size: 14px;font-weight: 600;}
#game-lq-guess .game-group-date .game-team-date { font-size: 14px; color: #999;margin:0px;margin-top:6px; }
#game-lq-guess .select-sclass{position:fixed;bottom:70px;left:20px; display:inline-block;height:50px;width:50px;background: url("../images/icon_select.png") no-repeat; background-position: 50% 50%; background-size: 40px 40px;}
#game-lq-guess .game-sclass{z-index:1500;height:400px;width:84%;position: fixed; left: 8%; top: 15%; background: #fff;padding:15px;overflow:auto;}
#game-lq-guess .game-sclass span{ display:inline-block;height:30px;line-height:30px; color:#fff;font-size:12px;padding:0 10px;border-radius:2px;margin:0 15px 15px 0;}
/* game specialguess */
#game_specialguess { }
#game_specialguess #game-type { height: 50px; width: 100%; padding: 10px 20px;  border-bottom: 1px solid #ccc; font-size:14px;}
#game_specialguess #game-type a {  background:#fff;color:#ED3E43; height: 30px; display: block; width: 25%; float: left;line-height:28px; border: 1px solid #ED3E43;border-right:none; text-align: center; cursor: pointer; }
#game_specialguess #game-type :first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#game_specialguess #game-type :last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right: 1px solid #ED3E43;}
#game_specialguess #game-type .select-type { background-color: #ED3E43; color: #fff; border-color:#ED3E43;}
#game_specialguess #game-type .select-type + a {  border-left: 1px solid #ED3E43;}
#game_specialguess .game-item{background:#fff;border-bottom: 1px solid #dfdfdf;height:80px;display:table;width:100%;padding:20px 10px;}
#game_specialguess .game-item a{display:block;}
#game_specialguess .game-item .game-type{width:40px;display:table-cell;vertical-align:middle;}
#game_specialguess .game-item .game-info{width:100%;display:table-cell;vertical-align:middle;padding-left:15px;}
#game_specialguess .game-item .game-type span{width:40px;display:block;line-height:40px;text-align:center;font-size:15px;color:#fff;border-radius:2px;}
#game_specialguess .game-item .game-type .type-name-bf{background-color:#a6de8a;}
#game_specialguess .game-item .game-type .type-name-dg{background-color:#f7cc04;}
#game_specialguess .game-item .game-type .type-name-hh{background-color:#fc8958;}
#game_specialguess .game-item .game-info .game-title{font-size:14px;font-weight:600;}
#game_specialguess .game-item .game-info .game-amount{font-size:14px;color:#999;}
#game_specialguess .game-item .game-info .game-amount .game-status{font-size:12px;float:right;}
/* game specialguess guessscore */
#game_guessscore { margin-bottom:60px; }
#game_guessscore .com-match-team { display: table; width: 100%; padding: 15px; border-bottom: 1px solid #f0f0f0; background: #fff; }
#game_guessscore .com-match-team-vs { display: table-cell; width: 30%; text-align: center; font-family: Arial; vertical-align:top; padding-top:5px; }
#game_guessscore .com-match-team-vs span { }
#game_guessscore .com-match-team-vs .num-vs { display: block; font-size: 18px; }
#game_guessscore .com-match-team-vs .match-time { display: block; font-size: 14px; color: #999; }
#game_guessscore .com-match-team-a { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#game_guessscore .com-match-team-a img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#game_guessscore .com-match-team-b { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#game_guessscore .com-match-team-b img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#game_guessscore .game-amount{background: #fff;height:50px;border-bottom: 1px solid #f0f0f0;line-height:50px;padding:0 10px;}
#game_guessscore .game-amount .total-amount{font-size:14px;font-weight:600;float:left;}
#game_guessscore .game-amount .total-amount span{color:#ec3e42;}
#game_guessscore .game-amount .play-amount{font-size:14px;float:right;}
#game_guessscore .game-amount .play-amount span{color:#ec3e42;}
#game_guessscore #special_guess_score {background:#fff;}
#game_guessscore #special_guess_score .match-guess-kind { padding: 10px; border-bottom: 1px solid #f0f0f0; }
#game_guessscore #special_guess_score .match-guess-kind .match-kind-name { padding-bottom: 10px; font-size: 14px; }
#game_guessscore #special_guess_score .match-guess-kind .match-choices {display: table; width:100%;}
#game_guessscore #special_guess_score .match-guess-kind .match-choices .match-result{display:table-cell;min-width:35px;width:35px;height:100%;vertical-align:middle;font-size:24px;padding-bottom:10px;}
#game_guessscore #special_guess_score .match-guess-kind .match-choices .match-options-type{display:table-cell;height:100%;}
#game_guessscore #special_guess_score .match-guess-kind .match-choices .match-options{display:table; padding-bottom:10px;width:100%;}
#game_guessscore #special_guess_score .match-guess-kind .match-choices .num-odds{ font-size: 12px; display:block;}
#game_guessscore #special_guess_score .match-guess-kind .match-options .select-res-yes { background-color: #ec3e42; color: #fff;  border: 1px solid #ec3e42; }
#game_guessscore #special_guess_score .match-guess-kind .match-choices .win{color:#f85c69;}
#game_guessscore #special_guess_score .match-guess-kind .match-choices .draw{color:#4ca0e2;}
#game_guessscore #special_guess_score .match-guess-kind .match-choices .lost{color:#79e566;}
#game_guessscore #special_guess_score .match-guess-kind .match-options div{display:table-cell;width:14%;padding-right:2%;}
#game_guessscore #special_guess_score .match-guess-kind .match-options .cell2{width:28%;}
#game_guessscore #special_guess_score .match-guess-kind .match-options .cell4{width:56%;min-width:56%;}
#game_guessscore #special_guess_score .match-guess-kind .match-options .option1 {font-size: 18px; width:100%; display: inline-block; padding:0; height: 50px;line-height:48px; text-align:center; vertical-align:middle; border-radius: 5px;border: 1px solid #d2d2d2; }
#game_guessscore #special_guess_score .match-guess-kind .match-options .option2 {font-size: 16px; width:100%; display: inline-block; padding:0; height: 50px;line-height:48px; text-align:center; vertical-align:middle; border-radius: 5px;border: 1px solid #d2d2d2; }
#game_guessscore #special_guess_score .match-guess-kind .match-options .option4 {font-size: 16px; width:100%; display: inline-block; padding:0; height: 50px;line-height:48px; text-align:center; vertical-align:middle; border-radius: 5px;border: 1px solid #d2d2d2; }
#game_guessscore #special_guess_score .game-list-rule{padding:10px;color:#999;}
#game_guessscore #special_guess_score .game-list-rule p{margin:0px;}
#game_guessscore #special_guess_score .match-guess-kind .match-choices .match-options-row{height:100%;padding-bottom:10px;}
#game_guessscore #special_guess_score .match-guess-kind .match-choices .match-options-row .select-res{font-size: 14px;font-weight:600;border-color: #d2d2d2; }
#game_guessscore #special_guess_score .match-guess-kind .match-choices .match-options-row .option1{ border-left: 1px solid #d2d2d2;}
#game_guessscore #special_guess_score .match-guess-kind .match-choices .match-options-row .num-odds{font-size: 12px;font-weight:normal;}
#game_guessscore .guess-bar-user { position: fixed; left: 0px; bottom: 50px; width: 100%; height: 49px; padding: 0px 10px; background-color: #3C3C3C; background-image:url("../images/cd.png");background-position:7px 50%;background-repeat: no-repeat;background-size:12px 15px; }
#game_guessscore .guess-bar-user span { color: #fff; line-height: 49px; font-size: 14px; padding-left: 5px; }
#game_guessscore .guess-bar-user a { display: block; float:right; color: #fff; background-color: #3c3c3c; border:1px solid #9e9e9e; height: 35px; width: 90px; text-align: center; margin-top: 7px; float: right; line-height: 35px; font-size: 14px; /*padding: 0px 10px;*/ border-radius: 5px; }
#game_guessscore .coin-desc { color: #fff; line-height: 49px; font-size: 14px; padding-left: 15px; }
#game_guessscore .game-tips{background:#fff;padding:15px 10px;font-size:14px;color:#999;}
/* game specialguess specialother*/
#game_specialother{margin-bottom:60px;}
#game_specialother .game-title{display:table; background: #120b36;height:95px;padding:20px;color:#fff;font-size:18px;text-align:center;width:100%;}
#game_specialother .game-title .specialother-title{display:table-cell; vertical-align:middle;width:100%;}
#game_specialother .game-amount{background: #fff;height:50px;border-bottom: 1px solid #f0f0f0;line-height:50px;padding:0 10px;}
#game_specialother .game-amount .total-amount{font-size:14px;font-weight:600;float:left;}
#game_specialother .game-amount .total-amount span{color:#ec3e42;}
#game_specialother .game-amount .play-amount{font-size:14px;float:right;}
#game_specialother .game-amount .play-amount span{color:#ec3e42;}
#game_specialother .guess-bar-user { position: fixed; left: 0px; bottom: 50px; width: 100%; height: 49px; padding: 0px 10px; background-color: #3C3C3C; background-image:url("../images/cd.png");background-position:7px 50%;background-repeat: no-repeat;background-size:12px 15px; }
#game_specialother .guess-bar-user span { color: #fff; line-height: 49px; font-size: 14px; padding-left: 5px; }
#game_specialother .guess-bar-user a { display: block; float:right; color: #fff; background-color: #3c3c3c; border:1px solid #9e9e9e; height: 35px; width: 90px; text-align: center; margin-top: 7px; float: right; line-height: 35px; font-size: 14px; /*padding: 0px 10px;*/ border-radius: 5px; }
#game_specialother .coin-desc { color: #fff; line-height: 49px; font-size: 14px; padding-left: 15px; }
#game_specialother .game-tips{background:#fff;padding:15px 10px;font-size:14px;color:#999;}
#game_specialother .game-guess-kind{ border-bottom: 1px solid #f0f0f0;}
#game_specialother .game-guess-kind .game-item{padding:20px 10px; border-bottom: 1px solid #f0f0f0;}
#game_specialother .game-guess-kind .game-kind-name { padding-bottom: 20px; font-size: 14px; }
#game_specialother .game-guess-kind .game-choices {display:table;width:100%;}
#game_specialother .game-guess-kind .game-choices .game-option{width:25%;display:table-cell;border:1px solid #999;height: 50px;vertical-align:middle;border-right:none;text-align:center;font-size:14px;font-weight:600;}
#game_specialother .game-guess-kind .game-choices :first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#game_specialother .game-guess-kind .game-choices :last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right: 1px solid #999;}
#game_specialother .game-guess-kind .game-choices .select-res-yes { background-color: #ec3e42; color: #fff;  border: 1px solid #ec3e42; }
/* game specialguess specialmix*/
#game_specialmix{margin-bottom:60px;}
#game_specialmix .game-title{display:table; background: #120b36;height:95px;padding:20px;color:#fff;font-size:18px;text-align:center;width:100%;}
#game_specialmix .game-title .specialmix-title{display:table-cell; vertical-align:middle;width:100%;}
#game_specialmix .game-amount{background: #fff;height:50px;border-bottom: 1px solid #f0f0f0;line-height:50px;padding:0 10px;}
#game_specialmix .game-amount .total-amount{font-size:14px;font-weight:600;float:left;}
#game_specialmix .game-amount .total-amount span{color:#ec3e42;}
#game_specialmix .game-amount .play-amount{font-size:14px;float:right;}
#game_specialmix .game-amount .play-amount span{color:#ec3e42;}
#game_specialmix .guess-bar-user { position: fixed; left: 0px; bottom: 50px; width: 100%; height: 49px; padding: 0px 10px; background-color: #3C3C3C; background-image:url("../images/cd.png");background-position:7px 50%;background-repeat: no-repeat;background-size:12px 15px; }
#game_specialmix .guess-bar-user span { color: #fff; line-height: 49px; font-size: 14px; padding-left: 5px; }
#game_specialmix .guess-bar-user a { display: block; float:right; color: #fff; background-color: #3c3c3c; border:1px solid #9e9e9e; height: 35px; width: 90px; text-align: center; margin-top: 7px; float: right; line-height: 35px; font-size: 14px; /*padding: 0px 10px;*/ border-radius: 5px; }
#game_specialmix .coin-desc { color: #fff; line-height: 49px; font-size: 14px; padding-left: 15px; }
#game_specialmix .game-tips{background:#fff;padding:15px 10px;font-size:14px;color:#999;}
#game_specialmix .game-guess-kind{ border-bottom: 1px solid #f0f0f0;}
#game_specialmix .game-guess-kind .game-item{padding:20px 10px; border-bottom: 1px solid #f0f0f0;}
#game_specialmix .game-guess-kind .game-kind-name { padding-bottom: 5px;font-size: 14px;}
#game_specialmix .game-guess-kind .match-info { padding-bottom: 20px;  }
#game_specialmix .game-guess-kind .match-info .match-sclass{ color:#fff; padding:1px 3px;border-radius:2px; font-size:12px;}
#game_specialmix .game-guess-kind .match-info .match-team{font-weight:600; font-size:14px;margin:0 5px}
#game_specialmix .game-guess-kind .match-info .match-time{color:#999; font-size:12px;}
#game_specialmix .game-guess-kind .game-choices {display:table;width:100%;}
#game_specialmix .game-guess-kind .game-choices .game-option{width:25%; display:table-cell;border:1px solid #999;height: 50px;vertical-align:middle;border-right:none;text-align:center;font-size:14px;font-weight:600;}
#game_specialmix .game-guess-kind .game-choices :first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#game_specialmix .game-guess-kind .game-choices :last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right: 1px solid #999;}
#game_specialmix .game-guess-kind .game-choices .select-res-yes { background-color: #ec3e42; color: #fff;  border: 1px solid #ec3e42; }
#game_specialmix #specialmix_footer_menu {width:100%; height: 60px;padding: 10px; border-top: 1px solid #D1D1D1;background: #fff;position:fixed;bottom:50px;}
#game_specialmix #specialmix_footer_menu .btn-submit-lg{line-height:30px;background: #b5b5b5; border: 1px solid #b5b5b5;}

/* game more */
#page_game .select-match { width: 100%; display: table; background: #fff;  margin-bottom: 1px; position: fixed;top:40px;z-index:99;}
#page_game .select-match a{ display: table-cell; width: 20%; height: 50px;  text-align: center; border-bottom: 3px solid #fff; }
#page_game .select-match .selected{ border-bottom: 3px solid #ec3e42; }
#page_game .select-match a span { margin-top: 10px; display: inline-block; height: 30px; line-height: 30px; width: 100%; font-size: 16px;}
#page_game .select-match span{  border-right: #f0f0f0 1px solid;}
#page_game .select-match :last-child span{  border-right: none;}
#page_game .select-match a span img{ width:20px;margin-right:10px;vertical-align:text-bottom;}
#page_game .game-sclass{z-index:1500;height:400px;width:84%;position: fixed; left: 8%; top: 15%; background: #fff;padding:15px;overflow:auto;}
#page_game .game-sclass span{ display:inline-block;height:30px;line-height:30px; color:#fff;font-size:12px;padding:0 10px;border-radius:2px;margin:0 15px 15px 0;}
#page_game #more-match { background:#fff; }
#more-match .game-head { height: 30px;  background-color: #eee; line-height: 30px;  }
#more-match .game-head span { float: left; z-index: 2; position: absolute; left: 10px; font-size: 14px; color: #333; }
#more-match .game-head label { text-align: center; display: block; font-size: 14px; color: #333; font-weight: 500; }
#more-match .game-group-date-list {  padding: 0px; }
#more-match .game-group-date .game-title { height:50px;padding:15px; text-align:center;font-size:14px;}
#more-match .game-group-date .game-team { height: 105px; border-bottom: 1px solid #f0f0f0; }
#more-match .game-group-date .game-team > div { float: left; width: 33.3%; text-align: center; /*height: 100%;*/ }
#more-match .game-group-date .game-team div img { margin-top: 20px; height: 45px; width: 45px;border-radius:45px;border:1px solid #d7d7d7; }
#more-match .game-team-home, 
#more-match .game-team-guest { font-size: 14px; color: #333;text-overflow:clip;white-space: nowrap;overflow:hidden; }
#more-match .game-team-home p, 
#more-match .game-team-guest p{margin:0px;margin-top:5px;font-size:16px;font-weight:500;}
#more-match .game-team-center { margin-top: -5px; position:relative;}
#more-match .game-group-date .game-team-pingju{font-size: 36px; color: #333; margin:0px;margin-top:20px;}
#more-match .game-group-date .game-zoudi {position:absolute;margin-left:-16px;top:15px; background-color:#ec3e42;font-size: 12px;color: #fff;border-radius: 2px;padding: 1px 4px;}
#more-match .game-group-date .game-team-vs { font-size: 14px; color: #333; font-weight: 600; margin:0px;margin-top:40px;margin-bottom:10px;}
#more-match .game-group-date .game-team-res { font-size: 36px; color: #333; margin:0px;margin-top:20px;}
#more-match .game-group-date .game-team-res lable{margin:0px;}
#more-match .game-group-date .game-team-res lable span{vertical-align:central;}
#more-match .game-group-date .game-team-pingju span,
#more-match .game-group-date .game-team-res span{font-size:14px;font-weight: 600;color: #333;margin:0px 5px;position: relative; top: -6px;}
#more-match .game-group-date .game-team-date { font-size: 14px; color: #999;margin:0px;margin-top:6px; }
#more-match .game-group-date-list .game-res { height: 40px; line-height: 40px; }
#more-match .game-group-date-list .game-res div { float: left; width: 50%; }
#more-match .game-group-date-list .game-res div .game-res-block { padding: 5px; width: auto; background-color: #eee; color: #343434; }
#more-match .game-group-date-list .game-res div .game-res-block .game-res-block-odds { }
#page_game .select-date{position:fixed;bottom:70px;left:20px; display:inline-block;height:50px;width:50px;background: url("../images/icon_calendar.png") no-repeat; background-position: 50% 50%; background-size: 40px 40px;}
/* game match */
#page_game_match { margin-bottom:60px; }
#page_game_match .guess-rule{padding:5px 10px; background-color:#fff3dd;}
#page_game_match .guess-rule a{line-height:30px;font-size:10px;color:#e58f1f;}
#page_game_match .guess-rule span{float:right; margin-left:5px; height: 20px; line-height:20px; margin-top: 4px;padding: 0px 5px;border-radius: 2px;border: 1px solid #e58f1f;color:#e58f1f;}
#page_game_match .com-match-team { display: table; width: 100%; padding: 15px; border-bottom: 1px solid #f0f0f0; background: #fff; }
#page_game_match .com-match-team-vs { display: table-cell; width: 30%; text-align: center; font-family: Arial; vertical-align:top; padding-top:5px; }
#page_game_match .com-match-team-vs span { }
#page_game_match .com-match-team-vs .num-vs { display: block; font-size: 18px; }
#page_game_match .com-match-team-vs .num-vs em {padding:0px 5px; line-height:16px; font-size:12px; color: #999; font-style:normal; }
#page_game_match .com-match-team-vs .match-time { display: block; font-size: 14px; color: #999; }
#page_game_match .com-match-team-a { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#page_game_match .com-match-team-a img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_game_match .com-match-team-b { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#page_game_match .com-match-team-b img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_game_match .market-match-tab { width: 100%; display: table; background: #fff; margin-bottom:1px; }
#page_game_match .market-match-tab a { display: table-cell; width: 33.3%; height: 50px; text-align: center; border-bottom: 3px solid #fff; }
#page_game_match .market-match-tab a span { margin-top: 10px; display: inline-block; height: 30px; line-height: 30px; width: 100%; font-size: 16px; border-right: #f0f0f0 1px solid; }
#page_game_match .market-match-tab a:visited span {border-right: #f0f0f0 1px solid; }
#page_game_match .market-match-tab a span.last { border-right: none; }
#page_game_match .market-match-tab a.selected { border-bottom: 3px solid #EB3D41; }
#page_game_match .market-match-tab .badge { font-weight:normal; font-style:normal; background-color:#EB3D41; padding:3px 6px; }
#page_game_match .guess-bar-user { position: fixed; left: 0px; bottom: 50px; width: 100%; height: 49px; padding: 0px 10px; background-color: #3C3C3C; background-image:url("../images/cd.png");background-position:7px 50%;background-repeat: no-repeat;background-size:12px 15px; }
#page_game_match .guess-bar-user span { color: #fff; line-height: 49px; font-size: 14px; padding-left: 5px; }
#page_game_match .guess-bar-user a { display: block; float:right; color: #fff; background-color: #3c3c3c; border:1px solid #9e9e9e; height: 35px; width: 90px; text-align: center; margin-top: 7px; float: right; line-height: 35px; font-size: 14px; /*padding: 0px 10px;*/ border-radius: 5px; }
#page_game_match .coin-desc { color: #fff; line-height: 49px; font-size: 14px; padding-left: 15px; }
#page_game_match .guess-bar-score{height:125px;background-color:#3c3c3c;position:fixed;bottom:50px;left:0px;display:none;width:100%;padding:0px 10px;}
#page_game_match .guess-bar-score .bar-score-info{height:40px;line-height:40px; background-color :#fff;border-radius:3px;margin-top:20px;}
#page_game_match .guess-bar-score .bar-score-title{line-height:30px;height:30px; display:block;float:left;margin-top:5px;padding:0px 10px;color:#333;font-size:16px;border-right:1px solid #333;}
#page_game_match .guess-bar-score input{height:20px;line-height:20px;width:60px;border:none;font-size:16px;padding-left:10px;color:#ec3e42;position: relative;top: 1px;}
#page_game_match .guess-bar-score .bar-score-num{position: absolute;right: 15px;font-size:14px;color:#999;}
#page_game_match .guess-bar-score .bar-score-yes{width:100%;background-color:#ec3e42;color:#fff;text-align:center;border-radius:3px;font-size:16px;height:35px;line-height:35px;margin-top:10px;}
#game_match_guess { margin-top:10px;background:#fff;}
#game_match_guess .match-guess-kind { padding: 10px; border-bottom: 1px solid #f0f0f0; }
#game_match_guess .match-guess-kind .match-kind-name { padding: 10px 0; font-size: 14px; }
#game_match_guess .match-guess-kind .match-choices { padding-bottom: 10px; }
#game_match_guess .match-guess-kind .game-choice-note { color:#999;}
#game_match_guess .match-guess-score{border-bottom: 1px solid #f0f0f0;height:70px;position: relative;background-image: url("../images/center_go.png");background-repeat: no-repeat;background-position: 98% 50%;background-size: 8px 13px;}
#game_match_guess .match-guess-score img{}
#game_match_guess .match-guess-score .icon{margin:10px; float: left;width:50px; height:50px;background-repeat: no-repeat;background-size: 50px 50px;}
#game_match_guess .match-guess-score .icon-score{ background-image: url("../images/guese-details-score.png");}
#game_match_guess .match-guess-score .icon-zjq{ background-image: url("../images/guese-details-zjq.png");}
#game_match_guess .match-guess-score .icon-bqc{ background-image: url("../images/guese-details-bqc.png");}
#game_match_guess .match-guess-score .guess-info { float:left; margin-top:18px; }
#game_match_guess .match-guess-score p{margin:0px;color:#999;}
#game_match_guess .match-guess-score .title{font-size:16px;font-weight:bold;color:#333;}
#game_match_guess .game-list-rule{padding:10px;color:#999;}
#game_match_guess .game-list-rule p{margin:0px;}
#game_match_guess { margin-top:10px;background:#fff;}
#game_match_guess .match-guess-kind { padding: 10px; border-bottom: 1px solid #f0f0f0; }
#game_match_guess .match-guess-kind .match-kind-name { padding-bottom: 10px; font-size: 14px; }
#game_match_guess .match-guess-kind .match-choices {display: table; width:100%;}
#game_match_guess .match-guess-kind .match-choices .match-result{display:table-cell;min-width:35px;width:35px;height:100%;vertical-align:middle;font-size:24px;padding-bottom:10px;}
#game_match_guess .match-guess-kind .match-choices .match-options-type{display:table-cell;height:100%;}
#game_match_guess .match-guess-kind .match-choices .match-options{display:table; padding-bottom:10px;width:100%;}
#game_match_guess .match-guess-kind .match-choices .num-odds{ font-size: 12px; display:block;}
#game_match_guess .match-guess-kind .match-choices .win{color:#f85c69;}
#game_match_guess .match-guess-kind .match-choices .draw{color:#4ca0e2;}
#game_match_guess .match-guess-kind .match-choices .lost{color:#79e566;}
#game_match_guess .match-guess-kind .match-options div{display:table-cell;width:14%;padding-right:2%;}
#game_match_guess .match-guess-kind .match-options .cell2{width:28%;}
#game_match_guess .match-guess-kind .match-options .cell3{width:42%;min-width:42%;}
#game_match_guess .match-guess-kind .match-options .option1 {font-size: 18px; width:100%; display: inline-block; padding:5px 0 5px 0; height: 50px; text-align:center; vertical-align:middle; border-radius: 5px;border: 1px solid #999; }
#game_match_guess .match-guess-kind .match-options .option2 {font-size: 16px; width:100%; display: inline-block; padding:5px 0 5px 0; height: 50px; text-align:center; vertical-align:middle; border-radius: 5px;border: 1px solid #999; }
#game_match_guess .match-guess-kind .match-options .option3 {font-size: 16px; width:100%; display: inline-block; padding:5px 0 5px 0; height: 50px; text-align:center; vertical-align:middle; border-radius: 5px;border: 1px solid #999; }
#game_match_guess .game-list-rule{padding:10px;color:#999;}
#game_match_guess .game-list-rule p{margin:0px;}
#game_match_guess .match-guess-kind .match-choices .match-options-row{height:100%;padding-bottom:10px;}
#game_match_guess .match-guess-kind .match-choices .match-options-row .select-res{font-size: 14px;}
#game_match_guess .match-guess-kind .match-choices .match-options-row .option1{ border-left: 1px solid #999;}
#game_match_guess .match-guess-kind .match-choices .match-options-row .num-odds{font-size: 12px;font-weight:normal;}
#game_match_guess .match-guess-kind .select-res-yes { background-color: #ec3e42; color: #fff;  border: 1px solid #ec3e42 !important; }
/* game jingcai bf,zjq,bqc*/
#game_guess_score { margin-top:10px;background:#fff;}
#game_guess_score .match-guess-kind { padding: 10px; border-bottom: 1px solid #f0f0f0; }
#game_guess_score .match-guess-kind .match-kind-name { padding-bottom: 10px; font-size: 14px; }
#game_guess_score .match-guess-kind .match-choices {display: table; width:100%;}
#game_guess_score .match-guess-kind .match-choices .match-result{display:table-cell;min-width:35px;width:35px;height:100%;vertical-align:middle;font-size:24px;padding-bottom:10px;}
#game_guess_score .match-guess-kind .match-choices .match-options-type{display:table-cell;height:100%;}
#game_guess_score .match-guess-kind .match-choices .match-options{display:table; padding-bottom:10px;width:100%;}
#game_guess_score .match-guess-kind .match-choices .num-odds{ font-size: 12px; display:block;}
#game_guess_score .match-guess-kind .match-options .select-res-yes { background-color: #ec3e42; color: #fff;  border: 1px solid #ec3e42; }
#game_guess_score .match-guess-kind .match-choices .win{color:#f85c69;}
#game_guess_score .match-guess-kind .match-choices .draw{color:#4ca0e2;}
#game_guess_score .match-guess-kind .match-choices .lost{color:#79e566;}
#game_guess_score .match-guess-kind .match-options div{display:table-cell;width:14%;padding-right:2%;}
#game_guess_score .match-guess-kind .match-options .cell2{width:28%;}
#game_guess_score .match-guess-kind .match-options .cell3{width:42%;min-width:42%;}
#game_guess_score .match-guess-kind .match-options .option1 {font-size: 18px; width:100%; display: inline-block; padding:5px 0 5px 0; height: 50px; text-align:center; vertical-align:middle; border-radius: 5px;border: 1px solid #d2d2d2; }
#game_guess_score .match-guess-kind .match-options .option2 {font-size: 16px; width:100%; display: inline-block; padding:5px 0 5px 0; height: 50px; text-align:center; vertical-align:middle; border-radius: 5px;border: 1px solid #d2d2d2; }
#game_guess_score .match-guess-kind .match-options .option3 {font-size: 16px; width:100%; display: inline-block; padding:5px 0 5px 0; height: 50px; text-align:center; vertical-align:middle; border-radius: 5px;border: 1px solid #d2d2d2; }
#game_guess_score .game-list-rule{padding:10px;color:#999;}
#game_guess_score .game-list-rule p{margin:0px;}
#game_guess_score .match-guess-kind .match-choices .match-options-row{height:100%;padding-bottom:10px;}
#game_guess_score .match-guess-kind .match-choices .match-options-row .select-res{font-size: 14px;font-weight:600;border-color: #d2d2d2; }
#game_guess_score .match-guess-kind .match-choices .match-options-row .option1{ border-left: 1px solid #d2d2d2;}
#game_guess_score .match-guess-kind .match-choices .match-options-row .num-odds{font-size: 12px;font-weight:normal;}
/* game mix list*/
#page_game_mix .more-match { background:#fff;}
#page_game_mix .guess-rule{padding:5px 10px; background-color:#fff3dd;}
#page_game_mix .guess-rule a{line-height:30px;font-size:10px;color:#e58f1f;}
#page_game_mix .guess-rule span{float:right; margin-left:5px; height: 20px; line-height:20px; margin-top: 4px;padding: 0px 5px;border-radius: 2px;border: 1px solid #e58f1f;color:#e58f1f;}
#page_game_mix .more-match .game-head { height: 30px;  background-color: #eee; line-height: 30px;  }
#page_game_mix .more-match .game-head label { text-align: left; display: block; font-size: 14px; color: #333; font-weight: 500; margin-left:10px;}
#page_game_mix .more-match .game-head span { float: right; z-index: 2; position: absolute; right: 10px; font-size: 14px; color: #333; }
#page_game_mix .game-group-date .game-team {width:100%; display:table; height: 50px; border-bottom: 1px solid #f0f0f0; padding:15px 10px;font-size: 14px;line-height: 20px;}
#page_game_mix .game-group-date .game-team span,
#page_game_mix .game-group-date .game-team label{display:table-cell;}
#page_game_mix .game-group-date .game-team .box{ width:25px;height:15px;background: url("../images/box_02.png") no-repeat 0 2px; background-size: 15px auto;}
#page_game_mix .game-group-date .game-team .match-time{ padding-right:25px;width:110px;}
#page_game_mix .game-group-date .game-team label{ font-weight:500;}
#page_game_mix .game-group-date .game-team .arrow{width:15px;background: url("../images/icon_arrow03.png") no-repeat 0 5px; background-size: 15px auto;}
#page_game_mix .game-guess { background:#eee;display:none;}
#page_game_mix .last { border-bottom: 2px solid #fff; }
#page_game_mix .game-guess .match-guess-kind { padding: 10px; border-bottom: 1px solid #e0e0e0; }
#page_game_mix .game-guess .match-guess-kind .match-kind-name { padding: 10px 0; font-size: 14px; }
#page_game_mix .game-guess .match-guess-kind .match-choices { padding-bottom: 10px; }
#page_game_mix .game-guess .match-guess-kind .game-choice-note { color:#999;}
#page_game_mix #mix_footer_menu {width:100%; height: 120px;padding: 10px; border-top: 1px solid #D1D1D1;background: #3c3c3c;position:fixed;font-size:16px;bottom:0;color:#fff;}
#page_game_mix #mix_footer_menu #desc{height:20px;line-height:20px;}
#page_game_mix #mix_footer_menu #input_coin{padding:10px 0;}
#page_game_mix #mix_footer_menu #coin_num{width:140px;height:28px;border-radius:4px;color:#ec3e42;padding:5px;outline: none;margin-right:10px;font-size:14px;}
#page_game_mix #mix_footer_menu #input_coin #win_coin{padding:0 5px;color:#ec3e42;max-width:70px;display:inline-block;}
#page_game_mix #mix_footer_menu .btn-submit-lg{height:32px;line-height:30px;}
/* game mix match*/
#page_game_mix_match .game-mix-date{background:#fff;font-size:14px;}
#page_game_mix_match .game-mix-item{padding: 10px; border-bottom: 1px solid #e0e0e0;display:table;width:100%;}
#page_game_mix_match .game-mix-item div{display:table-cell;}
#page_game_mix_match .game-mix-item .item-delete{width:20px; background-image: url("../images/cross.png");background-repeat: no-repeat;background-position: 0 50%;background-size: 10px 10px;}
#page_game_mix_match .game-mix-item .match-odds{width:30px;text-align:center;}
#page_game_mix_match .guess-info{background:#fff;margin-top:10px;font-size:14px;min-height:250px;}
#page_game_mix_match .guess-info .mix-info{padding:10px;font-size:16px;border-bottom: 1px solid #e0e0e0;}
#page_game_mix_match .guess-info .mix-info .mix-odds{float:right;}
#page_game_mix_match .guess-info .mix-coin{margin:10px;}
#page_game_mix_match .guess-info .mix-coin #coin_num{width:140px;height:28px;border-radius:4px;color:#ec3e42;padding:5px;outline: none;margin:0 5px;border: 1px solid #e0e0e0;font-size:14px;}
#page_game_mix_match .guess-info .user-coin{margin:10px;}
#page_game_mix_match .guess-info .win-coin{margin:10px;}
#page_game_mix_match .guess-info .coin{color:#ec3e42;margin:0 5px;}
#page_game_mix_match #mix_footer_menu {display:table; width:100%; height: 60px;padding: 10px; border-top: 1px solid #D1D1D1;background: #3c3c3c;position:fixed;font-size:16px;bottom:50px;color:#fff;}
#page_game_mix_match #mix_footer_menu span{display:table-cell;}
#page_game_mix_match #mix_footer_menu span:first-child{width:40%;padding-right:10px;}
#page_game_mix_match #btn_add_mix{background-color:#3c3c3c;border:1px solid #666;color:#666;line-height:32px;font-size:14px;}
#page_game_mix_match #btn_submit_mix{line-height:32px;}
/* other_guess*/
#page_other_guess #game_rank .row { border-bottom: 1px solid #f0f0f0; }
#page_other_guess #game_rank .row:last-child { border: none; }
#page_other_guess #game_rank { background-color: #fff; }
#page_other_guess #game_rank a { height: 100px; padding-top: 15px; text-align: center; border-right: 1px solid #f0f0f0; }
#page_other_guess #game_rank a:last-child { border: none; }
#page_other_guess #game_rank em { background-image: url("../images/guess_other.png"); background-repeat: no-repeat; background-position-x: 50%; background-size: 50px auto; display: inline-block; width: 50px; height: 50px; }
#page_other_guess #game_rank span { display: block; line-height: 16px; margin-top: -2px; font-size: 16px; color: #333; }
#page_other_guess #game_rank .m-icon-special { padding-left:0px;}
#page_other_guess #game_rank .m-icon-zoudi,
#page_other_guess #game_rank .m-icon-lq-guess { padding-right:0px;}
#page_other_guess #game_rank .m-icon-zoudi em { background-position:50% -300px; }
#page_other_guess #game_rank .m-icon-jingcai em { background-position:50% 0; }
#page_other_guess #game_rank .m-icon-special em { background-position:50% -120px; }
#page_other_guess #game_rank .m-icon-lq-guess em { background-position:50% -360px; }
#page_other_guess #game_rank .m-icon-lq-mix em { background-position:50% -180px; }
/** market **/
#page_market #market_footer_menu { height: 60px; padding: 10px; border-top: 1px solid #D1D1D1; background: #fff; }
#page_market .com-match-team { display: table; width: 100%; padding: 15px; border-bottom: 1px solid #f0f0f0; background: #fff; }
#page_market .com-match-team-vs { display: table-cell; width: 30%; text-align: center; font-family: Arial; vertical-align:top; padding-top:5px; }
#page_market .com-match-team-vs span { }
#page_market .com-match-team-vs .num-vs { display: block; font-size: 18px; }
#page_market .com-match-team-vs .match-time { display: block; font-size: 14px; color: #999; }
#page_market .com-match-team-a { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#page_market .com-match-team-a img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_market .com-match-team-b { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#page_market .com-match-team-b img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_market .market-menu-tab { padding:10px 20px;}
#page_market .menu-tab-3 { display: table; width: 100%; text-align: center; }
#page_market .menu-tab-3 a {color:#ec3e42; font-size: 14px; background:#fff;  }
#page_market .menu-tab-3 .option1 { display: table-cell; width: 33%; height: 30px; line-height:30px;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #EB3D41; }
#page_market .menu-tab-3 .option2 { display: table-cell; width: 32%; height: 30px; line-height:30px; border-top: 1px solid #EB3D41; border-bottom: 1px solid #EB3D41; border-left: none; border-right: none; }
#page_market .menu-tab-3 .option3 { display: table-cell; width: 33%; height: 30px; line-height:30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EB3D41; }
#page_market .menu-tab-3 a.selected { background:#EB3D41; color:#fff; border-color:#EB3D41;}
#page_market .menu-tab-4 { display: table; width: 100%; text-align: center; }
#page_market .menu-tab-4 a {color:#ec3e42; font-size: 14px; background:#fff;  }
#page_market .menu-tab-4 .option1 { display: table-cell; width: 25%; height: 30px; line-height:30px;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #EB3D41; }
#page_market .menu-tab-4 .option2 { display: table-cell; width: 25%; height: 30px; line-height:30px; border-top: 1px solid #EB3D41; border-bottom: 1px solid #EB3D41; border-left: none; border-right: none; }
#page_market .menu-tab-4 .option3 { display: table-cell; width: 25%; height: 30px; line-height:30px; border-top: 1px solid #EB3D41; border-bottom: 1px solid #EB3D41; border-left:1px solid #EB3D41; border-right: none;}
#page_market .menu-tab-4 .option4 { display: table-cell; width: 25%; height: 30px; line-height:30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EB3D41; }
#page_market .menu-tab-4 a.selected { background:#EB3D41; color:#fff; border-color:#EB3D41;}
#page_market .com-tui-list { }
#page_market .com-list-item { margin-bottom: 10px; padding:10px 10px; background: #fff; border-bottom: 1px solid #f0f0f0; }
#page_market .com-list-item .item-user { height: 35px; border-bottom: 1px solid #f0f0f0; overflow:hidden; }
#page_market .com-list-item .user-info { float: left; }
#page_market .com-list-item .user-info img { float: left; width: 30px; height: 30px; border: 1px solid #f0f0f0; border-radius: 30px; }
#page_market .com-list-item .user-info p { float: left; margin-left: 7px; padding-top:5px; }
#page_market .com-list-item .user-info p span { display: block; }
#page_market .com-list-item .user-info .name { font-size: 15px; color: #999; }
#page_market .com-list-item .user-rank { float: right; width: 160px; }
#page_market .com-list-item .user-rank .rank-block {  float: right; text-align: right; padding-top:5px; }
#page_market .com-list-item .user-rank .rank-block span { font-size: 15px; color: #999; }
#page_market .com-list-item .user-rank .rank-vip {font-size: 15px; color: #999;  float: right; text-align: right; margin-top: 5px; padding-left:20px; background: url("../images/icon_v2.png") no-repeat 0 50%; background-size: 15px auto;}
#page_market .com-list-item .item-tui {display: table; width: 100%; padding-top:5px; }
#page_market .com-list-item .tui-info {display: table-cell; line-height: 22px;  }
#page_market .com-list-item .tui-info .match { margin-left: 10px; font-size: 15px; color: #333; font-weight:bold; }
#page_market .com-list-item .tui-info .info-kind { font-size: 15px; color: #999; }
#page_market .com-list-item .tui-price { display: table-cell;  min-width:65px; padding-top:2px;   text-align:right; vertical-align:top; }
#page_market .com-list-item .tui-price .btn-price{float:right; padding:0 5px; height: 25px; min-width:52px; line-height:25px;  border: 1px solid #ec3e42; font-size: 14px; color: #ec3e42; text-align:center; border-radius: 4px; }
#page_market .com-list-item .tui-price .btn-price-buyed{float:right; padding:0 5px; height: 25px; min-width:52px; line-height:25px;  border: 1px solid #999; font-size: 14px; color: #999; text-align:center; border-radius: 4px; }
#page_market .com-list-item .tui-price .btn-price-view{float:right; padding:0 5px; height: 25px;min-width:52px;line-height:25px;  border: 1px solid #46bd1c; font-size: 14px; color: #46bd1c; text-align:center; border-radius: 4px; }
/* market default*/
#page_market #market_rank .row { border-bottom: 1px solid #f0f0f0; }
#page_market #market_rank .row:last-child { border: none; }
#page_market #market_rank { background-color: #fff; }
#page_market #market_rank a { height: 100px; padding-top: 15px; text-align: center; border-right: 1px solid #f0f0f0; }
#page_market .com-list-vip{background-color: #fff; padding:15px 5px;height:100px;width:100%;overflow:hidden;white-space: nowrap;overflow-x:scroll;}
#page_market .com-list-vip::-webkit-scrollbar{display: none;}
#page_market .com-list-vip .list-item{display:inline-block; width:24.5%;text-align:center;}
#page_market .com-list-vip .list-item .vip-img{position:relative;display:inline-block;height:50px;width:50px;}
#page_market .com-list-vip .list-item .vip-auth {position:absolute;  right:0; top:35px; z-index:99; display:inline-block; width:15px; height:15px; background: url("../images/icon_v1.png") no-repeat 0 0; background-size: 15px auto;}
#page_market .com-list-vip .list-item img{width: 50px; height: 50px; border: 1px solid #f0f0f0;border-radius: 50px;}
#page_market .com-list-vip .list-item p{font-size: 14px;padding-top: 5px;}
#page_market .com-tui-list .last {margin-bottom: 0;}
#page_market .market-more{width:100%;text-align:center;height:50px;line-height:50px; margin-bottom: 20px;}
#page_market .market-more a { display: inline-block; width: 120px; height: 30px;line-height:30px;  border: 1px solid #ec3e42; font-size: 14px; color: #ec3e42; border-radius: 4px; text-align: center; }
/* market viplist*/
#page_viplist .com-list-vip{background-color: #fff;}
#page_viplist .com-vip-item{padding: 0 10px; height: 100px;width:100%; border-bottom: 1px solid #f0f0f0;display:table;}
#page_viplist .com-vip-item .vip-img{position:relative; line-height:100px; width:65px;display:table-cell;}
#page_viplist .com-vip-item .vip-img img{vertical-align: middle; width: 50px; height: 50px; border: 2px solid #e5e5e5;border-radius: 50px;}
#page_viplist .com-vip-item .vip-img .vip-auth {position:absolute;  left:35px; top:60px; z-index:99; display:inline-block; width:15px; height:15px; background: url("../images/icon_v2.png") no-repeat 0 0; background-size: 15px auto;}
#page_viplist .com-vip-item .vip-main{vertical-align:top; display:table-cell;padding-right:15px;background-image: url("../images/center_go.png"); background-position:100%; background-size: auto 12px;background-repeat: no-repeat;}
#page_viplist .com-list-vip .vip-info {font-size:12px;height:45px;vertical-align:bottom;padding-top:25px; }
#page_viplist .com-list-vip .vip-info .vip-name{display:block;float:left;font-size:16px;}
#page_viplist .com-list-vip .vip-info .buy-count{display:block;float:right;}
#page_viplist .com-list-vip .vip-info .buy-count em{color:#ec3e42;font-size:15px;}
#page_viplist .com-list-vip .vip-introduce{margin:5px 0;}
/* market vip*/
#page_vip_info {}
#page_vip_info  .user-profile {background: #120b36;width:100%;min-height:200px;color:#fff; text-align:center;}
#page_vip_info  .user-profile .user-top{padding:10px 0;position:relative;}
#page_vip_info  .user-profile .user-top img {width: 75px; height: 75px; border: 2px solid #e5e5e5; border-radius: 75px; }
#page_vip_info  .user-profile .user-img{display:inline-block;height:75px;width:75px;position:relative}
#page_vip_info  .user-profile .user-top .vip-auth {position:absolute;  right:0; top:50px; z-index:99; display:inline-block; width:22px; height:22px; background: url("../images/icon_v2.png") no-repeat 0 0; background-size: 22px auto;}
#page_vip_info  .user-profile .user-top .user-follow{position:absolute;right:20px;}
#page_vip_info  .user-profile .user-top .user-follow .btn-followed{width: 80px;border:none;background-color:#120b36;font-size:12px;display:block;padding-right:24px;background-image: url("../images/followed.png"); background-position:100%; background-size: auto 24px;background-repeat: no-repeat;}
#page_vip_info  .user-profile .user-top .user-follow .btn-unfollow{color:#fff; width: 60px;border:none;background-color:#120b36;font-size:12px;display:block;padding-right:24px;background-image: url("../images/unfollowed.png"); background-position:100%; background-size: auto 24px;background-repeat: no-repeat;}
#page_vip_info  .user-info{padding:0 30px;}
#page_vip_info  .user-info .user-name{font-size:16px;}
#page_vip_info  .user-info .user-introduce{font-size:14px;}
#page_vip_info  .user-info .fans-and-buycount{font-size:14px;padding:10px 0;}
#page_vip_info  .user-info .fans-and-buycount span{font-size:12px;color:#999;}
#page_vip_info .vip-user-tab { width: 100%; display: table; background: #fff;border-bottom: 1px solid #f0f0f0; margin-bottom:10px;}
#page_vip_info .vip-user-tab a { display: table-cell; width: 33.3%; height: 50px; text-align: center; border-bottom: 3px solid #fff; }
#page_vip_info .vip-user-tab a span { margin-top: 10px; display: inline-block; height: 30px; line-height: 30px; width: 100%; font-size: 16px; border-right: #f0f0f0 1px solid; }
#page_vip_info .vip-user-tab a span.last { border-right: none; }
#page_vip_info .vip-user-tab a.selected { border-bottom: 3px solid #EB3D41; }
#page_vip_info #topic_list{ background: #fff;height:100%}
#page_vip_info #topic_list .topic-item{ padding:10px;border-bottom: 1px solid #dfdfdf;}
#page_vip_info #topic_list .user-topic{line-height:45px; }
#page_vip_info #topic_list .user-topic img {float:left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_vip_info #topic_list .user-topic .name {margin-left:3px; font-size: 16px; color: #1e5894; }
#page_vip_info #topic_list .user-topic .topic-type { font-size: 11px; color: #999; float:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#page_vip_info #topic_list .topic-content {width:100%;margin-bottom:10px; font-size: 15px; color: #333;padding-left:50px;margin-top:-5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
#page_vip_info #topic_list .topic-pic {padding-left:50px;display:table;}
#page_vip_info #topic_list .topic-pic img{margin-bottom:10px;}
#page_vip_info #topic_list .topic-pic .img-one{ width:66.66%;}
#page_vip_info #topic_list .topic-pic .img-two{ width:32%;margin-right:2%;}
#page_vip_info #topic_list .topic-pic .img-three{ width:32%;margin-right:2%;}
#page_vip_info #topic_list .topic-pic .img-last{margin-right:0;}
#page_vip_info #topic_list .topic-time-vote{ line-height:25px;padding-left:50px;}
#page_vip_info #topic_list .topic-time{ font-size: 12px;color:#999;}
#page_vip_info #topic_list .topic-time-vote .user-vote { float: right;}
#page_vip_info #topic_list .topic-time-vote .user-vote  span {text-align:left; padding-left:20px; float: right; display: block; font-size: 12px; color: #999; }
#page_vip_info #topic_list .topic-time-vote .user-vote .vote-block-zan{background-image: url("../images/icon-review-zan1.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_vip_info #topic_list .topic-time-vote .user-vote .vote-block-fav{margin-left: 25px;background-image: url("../images/icon_star02.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_vip_info #topic_list .topic-time-vote .user-vote .vote-block-comment{margin-left: 25px;background-image: url("../images/icon_talk.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }

#page_vip_info  .user-match-list {  }
#page_vip_info  .match-list-item {padding:10px 20px; background: #fff; border-bottom: 1px solid #f0f0f0; position:relative; }
#page_vip_info  .match-list-item .match-league { height: 20px; }
#page_vip_info  .match-list-item .match-league .result { float: right; font-size: 14px; color: #333; }
#page_vip_info  .match-list-item .match-league .match-time { margin-left: 10px; color: #999; }
#page_vip_info  .match-list-item .match-team { display: table; width: 100%; height: 40px; border-bottom: 1px solid #f0f0f0; }
#page_vip_info  .match-list-item .match-team .match-team-vs { display: table-cell; width: 14%; text-align: center; font-size: 18px; font-family: Arial; }
#page_vip_info  .match-list-item .match-team .match-team-a { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: left; }
#page_vip_info  .match-list-item .match-team .match-team-a img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#page_vip_info  .match-list-item .match-team .match-team-b { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: right; }
#page_vip_info  .match-list-item .match-team .match-team-b img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#page_vip_info  .match-list-item .match-kind-name { padding-top: 10px; line-height: 18px; font-size: 14px; color: #999; }
#page_vip_info  .match-list-item .match-kind-result { font-size: 14px; color: #999; }
#page_vip_info  .match-list-item .match-maket-buy {font-size: 14px; color: #999; }
#page_vip_info  .match-list-item .result-stamp {position:absolute;  right:50px; top:9px; z-index:99; }

/*box-shadow:0px 0px 1px 0 rgba(0, 0, 0, 0.4) inset;*/
#page_market #market_rank a:last-child { border: none; }
#page_market #market_rank em { background-image: url("../images/market-rank.png"); background-repeat: no-repeat; background-position-x: 50%; background-size: 50px auto; display: inline-block; width: 50px; height: 50px; }
#page_market #market_rank span { display: block; line-height: 16px; margin-top: -2px; font-size: 16px; color: #333; }
#page_market #market_rank .m-icon-win,
#page_market #market_rank .m-icon-hot { padding-right:0px;}
#page_market #market_rank .m-icon-wealth,
#page_market #market_rank .m-icon-iam { padding-left:0px;}
#page_market #market_rank .m-icon-publish { padding-left:0px;}
#page_market #market_rank .m-icon-win em { background-position:50% 0; }
#page_market #market_rank .m-icon-income em { background-position:50% -60px; }
#page_market #market_rank .m-icon-wealth em { background-position:50% -120px; }
#page_market #market_rank .m-icon-hot em { background-position:50% -180px; }
#page_market #market_rank .m-icon-top em { background-position:50% -240px; }
#page_market #market_rank .m-icon-iam em { background-position:50% -300px; }
#page_market #market_rank .m-icon-publish em { background-position:50% -360px; }
#page_market .title { padding-left: 13px; height: 40px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; background: #EDEDED; }
#page_market .title .more { float: right; padding: 0px 10px; margin-right: 13px; line-height: 40px; font-size: 14px; color: #999; background: url("../images/more.png") no-repeat; background-position: 100% 50%; background-size: 7px 13px; }
#page_market .title h2 { margin: 0; padding: 0; line-height: 40px; }
/* market apply */
#page_market #apply_content {  padding: 15px; min-height: 400px; height: 100%; color: #333; }
#apply_content .apply-option { margin-bottom:15px; padding:15px; background:#F9F9F9; border:#D2D2D2 1px solid; border-radius:4px; font-size:14px; }
#apply_content .apply-option .apply-title { font-size:16px;}
#apply_content .apply-option .apply-title i { display:inline-block; width: 20px; height: 20px; line-height:20px; text-align:center; background:#EB3D41; border-radius: 20px; color:#fff; font-style:normal; font-size:18px; font-family:Arial; }
#apply_content .apply-option p { margin-left:25px; padding:5px 0; }
#apply_content .apply-option a { margin-top:10px;}
#apply_content h2 { font-size: 16px;  line-height:30px; margin-top:10px; }
#apply_content .note-tips { padding:5px 15px 15px 15px; line-height: 20px;  font-size: 14px; color: #333;  background:#F9F9F9;}
#page_market #apply_auth { background: #fff; }
#apply_auth .apply-group { display: table; margin-left: 10px; height: 50px; width: 100%; border-bottom: 1px solid #f0f0f0; }
#apply_auth .apply-group label { display: table-cell; line-height: 50px; font-size: 16px; color: #999; font-weight: normal; width: 95px; }
#apply_auth .apply-group .apply-input { display: table-cell; }
#apply_auth .apply-group input { padding: 0 5px; height: 30px; width: 100%; font-size: 14px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
#apply_auth .apply-group .apply-input-group { display: table; width: 100%; }
#apply_auth .apply-group .apply-input-group .input { display: table-cell; }
#apply_auth .apply-group .apply-input-group .button { display: table-cell; width: 110px; }
#apply_auth .apply-group .apply-input-group button { width: 90px; height: 30px; line-height: 30px; margin-right: 10px; }
#apply_auth .note-qrcode img{ width:100%; }
#apply_auth .note-tips { padding: 30px 10px; line-height: 25px; font-size: 14px; color: #999; }
/*market detail/buy */
#page_market .buy-block .buy-info { float: left; }
#page_market .buy-block .buy-info-price { line-height: 18px; font-size: 16px; color: #333; }
#page_market .buy-block .buy-info-tips { line-height: 22px; font-size: 14px; color: #999; }
#page_market .buy-block .buy-submit { float: right; padding-top: 2px; }
#page_market #market_detail { background: #fff; }
#market_detail .user-profile { padding: 10px; border-bottom: 1px solid #f0f0f0; }
#market_detail .user-profile .user-info { float: left; position:relative;}
#market_detail .user-profile .user-info img { float: left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#market_detail .user-profile .user-info .vip-auth {position:absolute;  left:30px; top:30px; z-index:99; display:inline-block; width:15px; height:15px; background: url("../images/icon_v2.png") no-repeat 0 0; background-size: 15px auto;}
#market_detail .user-profile .user-info p { float: left; margin-left: 14px; }
#market_detail .user-profile .user-info p span { display: block; }
#market_detail .user-profile .user-info .name { font-size: 16px; color: #333; }
#market_detail .user-profile .user-info .fans { font-size: 12px; color: #999; }
#market_detail .user-profile .user-follow { float: right; padding-top: 10px; }
#market_detail .user-stat { padding:0 10px; text-align:left; }
#market_detail .user-stat .rank-block { width: 100%; height:45px; line-height:45px; font-size:14px; background-image: url("../images/center_go.png");background-repeat: no-repeat;background-position: 100% 50%;background-size: 8px 13px;}
#market_detail .user-stat .user-introduce{ line-height:20px; font-size:14px;padding:5px 0;}

#market_detail .tui-detail { }
#market_detail .tui-detail .title { height: 45px; line-height: 45px; background: #eee; text-align: center; font-size: 16px; }
#market_detail .tui-detail .title span { width: 50px; height: 1px; margin: 5px 20px; background: #D1D1D1; display: inline-block; }
#market_detail .tui-detail .detail-match { padding: 10px; border-bottom: 1px solid #f0f0f0; }
#market_detail .tui-detail .detail-match .match-league { position:relative;}
#market_detail .tui-detail .detail-match .match-league .result { float: right; font-size: 14px; color: #333; }
#market_detail .tui-detail .detail-match .match-league .match-time { margin-left: 10px; color: #999; font-size: 14px; }
#market_detail .tui-detail .detail-match .match-team { display: table; width: 100%; height: 40px; margin-top:10px; border-bottom: 1px solid #f0f0f0; }
#market_detail .tui-detail .detail-match .match-team .match-team-vs { display: table-cell; width: 14%; text-align: center; font-size: 18px; font-family: Arial; }
#market_detail .tui-detail .detail-match .match-team .match-team-a { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: left; }
#market_detail .tui-detail .detail-match .match-team .match-team-a img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#market_detail .tui-detail .detail-match .match-team .match-team-b { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: right; }
#market_detail .tui-detail .detail-match .match-team .match-team-b img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#market_detail .tui-detail .detail-match .match-kind-name { padding: 10px 0; font-size: 14px; }
#market_detail .tui-detail .detail-match .match-choices { padding-bottom: 10px; }
#market_detail .tui-detail .detail-match .result-stamp {position:absolute;  right:30px; top:0px; z-index:99; }
#market_detail .tui-detail .tui-detail-content { display: table; width: 100%; padding: 10px; }
#market_detail .tui-detail .content-group label { display: table-cell; line-height: 30px; font-size: 14px; color: #999; font-weight: normal; width: 75px; }
#market_detail .tui-detail .content-group .content-item { display: table-cell; font-size: 14px; color: #333; }
#market_detail .tui-detail .tui-detail-note { padding-bottom:10px; }
#market_detail .tui-detail .tui-detail-note .title { height: 45px; line-height: 45px; padding-left: 10px; background: #eee; text-align: left; font-size: 16px; }
#market_detail .tui-detail .tui-detail-note .note-content { padding: 10px; font-size: 14px; color: #333; line-height: 20px; }
#market_detail .tui-detail .tui-tips {padding: 10px;  color:#999; line-height:20px; }
#market_detail .user-win-detail { margin-bottom:10px; }
#market_detail .user-win-detail .title { height: 45px; line-height: 45px; background: #eee; text-align: center; font-size: 16px; }
#market_detail .user-win-detail .title span { width: 50px; height: 1px; margin: 5px 20px; background: #D1D1D1; display: inline-block; }
#market_detail .user-win-detail .user-win { padding:0 10px; text-align:left; border-top: 1px solid #f0f0f0;}
#market_detail .user-win-detail .user-win .win-block { width: 100%; height:45px; line-height:45px; font-size:14px; background-image: url("../images/center_go.png");background-repeat: no-repeat;background-position: 100% 50%;background-size: 8px 13px;}

/* market publish */
#page_market #market_publish { background: #fff; }
#market_publish .match-tui-kind { padding: 10px; border-bottom: 1px solid #f0f0f0; }
#market_publish .match-tui-kind .match-kind-name { padding: 10px 0; font-size: 14px; }
#market_publish .match-tui-kind .match-choices { padding-bottom: 10px; }
#market_publish .match-tui-kind .match-choices-note { color:#999;}
#market_publish .split-line { height: 10px; background-color: #eee; }
#market_publish .match-tui-price { }
#market_publish .match-tui-price .content-group { display: table; width: 100%; padding: 10px; border-bottom: 1px solid #f0f0f0; min-height: 50px; }
#market_publish .match-tui-price .content-group label { display: table-cell; line-height: 50px; font-size: 14px; color: #333; font-weight: normal; width: 75px; }
#market_publish .match-tui-price .content-group .content-item { display: table-cell; font-size: 14px; color: #333; text-align: right; position: relative; }
#market_publish .match-tui-price .content-group .content-item input { margin-top:5px; height: 30px; line-height:30px; width:80px; font-size: 22px; text-align: center; color: #EB3D41; border: 1px solid #ec3e42; border-radius: 2px;}
#market_publish .match-tui-price .content-group .content-item .tips { position: absolute; color: #999; font-size: 12px; right: 0; top: 35px; }
#market_publish .match-tui-price .swich-close-open {display:inline-block; padding-left:55px; height:31px; line-height:31px;  background-image:url("../images/open_close.png");background-position:0 0;background-repeat:no-repeat;background-size:51px auto;}
#market_publish .match-tui-price .swich-close {background-position:0 -40px; }
#market_publish .match-tui-price .swich-open {background-position:0 0px; }
#market_publish .match-tui-price .content-tips {padding-right:10px; height:20px; line-height:20px; text-align:right;color: #999; font-size: 12px; background: #eee;}
#market_publish .tui-detail-note { }
#market_publish .tui-detail-note .title { height: 45px; line-height: 45px; padding-left: 10px; border-top:none;  background: #eee; text-align: left; font-size: 16px; }
#market_publish .tui-detail-note .note-content { padding: 10px; font-size: 14px; color: #333; line-height: 20px; }
#market_publish .tui-detail-note .note-content textarea { width: 100%; }
#market_publish .tui-tips { padding: 10px;  color:#999; line-height:20px;background-color: #eee;}
/* market match */
#page_market #market_match {  padding-bottom:60px; }
#market_match .market-match-tab { width: 100%; display: table; background: #fff; }
#market_match .market-match-tab a { display: table-cell; width: 33.3%; height: 50px; text-align: center; border-bottom: 3px solid #fff; }
#market_match .market-match-tab a span { margin-top: 10px; display: inline-block; height: 30px; line-height: 30px; width: 100%; font-size: 16px; border-right: #f0f0f0 1px solid; }
#market_match .market-match-tab a span.last { border-right: none; }
#market_match .market-match-tab a.selected { border-bottom: 3px solid #EB3D41; }
#market_match .com-tui-list { margin-top: 10px; min-height:400px; background-color:#fff;}
/* review match */
#page_review #review_match { }
#page_review .com-match-team { display: table; width: 100%; padding: 15px; border-bottom: 1px solid #f0f0f0; background: #fff; }
#page_review .com-match-team-vs { display: table-cell; width: 30%; text-align: center; font-family: Arial; vertical-align:top; padding-top:5px; }
#page_review .com-match-team-vs span { }
#page_review .com-match-team-vs .num-vs { display: block; font-size: 18px; }
#page_review .com-match-team-vs .match-time { display: block; font-size: 14px; color: #999; }
#page_review .com-match-team-a { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#page_review .com-match-team-a img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_review .com-match-team-b { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#page_review .com-match-team-b img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_review .review-match-tab { width: 100%; display: table; background: #fff; margin-bottom:10px;}
#page_review .review-match-tab a { display: table-cell; width: 33.3%; height: 50px; text-align: center; border-bottom: 3px solid #fff;}
#page_review .review-match-tab a span { margin-top: 10px; display: inline-block; height: 30px; line-height: 30px; width: 100%; font-size: 16px; border-right: #f0f0f0 1px solid; }
#page_review .review-match-tab a span.last { border-right: none; }
#page_review .review-match-tab a.selected { border-bottom: 3px solid #EB3D41; }
#page_review .review-match-tab .badge { font-weight:normal; font-style:normal; background-color:#EB3D41; padding:3px 6px; }
#page_review .com-review-list { margin-top: 10px; min-height:400px; background-color:#fff;}
#page_review .com-list-item { padding: 10px; background: #fff; border-bottom: 1px solid #f0f0f0; }
#page_review .com-list-item .item-user { height: 50px; }
#page_review .com-list-item .user-info { float: left; }
#page_review .com-list-item .user-info img { float: left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; vertical-align:middle;}
#page_review .com-list-item .user-info p { float: left; margin-left: 7px; }
#page_review .com-list-item .user-info p span { display: block; }
#page_review .com-list-item .user-info .name {max-width:120px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 14px; color: #999; padding-top:3px;}
#page_review .com-list-item .user-info .date { font-size: 12px; color: #999; }
#page_review .com-list-item .user-vote { float: right; width: 120px; line-height:25px;}
#page_review .com-list-item .user-vote  span { padding-left:20px; float: right; text-align: center; display: block; font-size: 12px; color: #999; }
#page_review .com-list-item .user-vote .vote-block-zan{background-image: url("../images/icon-review-zan1.png"); background-repeat: no-repeat;background-position-y:50%; background-size: 16px auto; }
#page_review .com-list-item .user-vote .vote-block-cai{margin-left: 10px;background-image: url("../images/icon-review-cai1.png"); background-repeat: no-repeat;background-position-y:50%; background-size: 16px auto; }
#page_review .com-list-item .review-info{ margin-left: 50px;font-size: 14px; overflow:hidden;}
#page_review .com-list-item a{ display:none;color:#2c3ff0;}
#page_review #review-footer-menu { height: 60px; padding: 10px; border-top: 1px solid #D1D1D1; background: #fff;  bottom: 0; margin-bottom: 0; border-width: 1px 0 0; position: fixed; right: 0; left: 0; z-index: 99; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
/*#page_review #review-footer-menu { background-image: url("../images/icon-review-input.png"); background-repeat: no-repeat; background-position:0; border-left:5px solid #fff; padding-left:8px; background-size: auto 40px;}*/
#page_review .review-tag{ font-size: 14px;height:40px; border:1px solid #ebebeb; position:relative; background-color:#f7f7f7;border-radius:5px;line-height:40px;color: #999;padding-left:10px;}
#page_review .review-tag{ background-image: url("../images/icon-review-write.png"); background-repeat: no-repeat; background-position:98%; background-size: 19px auto; }
#page_review .review-talk { height: 190px; padding-top: 10px; border-top: 1px solid #D1D1D1; background: #fff;  bottom: 0; margin-bottom: 0; border-width: 1px 0 0; position: fixed; right: 0; left: 0; z-index: 99; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#page_review .review-talk-content{padding:5px 10px;}
#page_review .review-content{font-size: 14px; padding:5px 10px; height:80px; width:100%;  position:relative; background-color:#f7f7f7;border-radius:5px;color: #999;}
#page_review .review-text{ height:25px;text-align:right;color:#999;}
#page_review .mask-tz-button a {color:#000;border: 1px solid #ebebeb;display:block;float:left;text-align:center; width: 50%; font-size: 15px; background-color: #f7f7f7; height: 50px;line-height: 50px;}
#page_review .mask-tz-button a:last-child { border-left:none;}
#page_review .mask-tz-button .mask-tz-button2{color:#ff0000;}
#page_review #topic_list{ background: #fff;height:100%}
#page_review #topic_list .topic-item{ padding:10px;border-bottom: 1px solid #dfdfdf;}
#page_review #topic_list .user-topic{line-height:45px; }
#page_review #topic_list .user-topic img {float:left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_review #topic_list .user-topic .name {margin-left:3px; font-size: 16px; color: #1e5894; }
#page_review #topic_list .user-topic .topic-type { font-size: 11px; color: #999; float:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#page_review #topic_list .topic-content {width:100%;margin-bottom:10px; font-size: 15px; color: #333;padding-left:50px;margin-top:-5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
#page_review #topic_list .topic-pic {padding-left:50px;display:table;}
#page_review #topic_list .topic-pic img{margin-bottom:10px;}
#page_review #topic_list .topic-pic .img-one{ width:66.66%;}
#page_review #topic_list .topic-pic .img-two{ width:32%;margin-right:2%;}
#page_review #topic_list .topic-pic .img-three{ width:32%;margin-right:2%;}
#page_review #topic_list .topic-pic .img-last{margin-right:0;}
#page_review #topic_list .topic-time-vote{ line-height:25px;padding-left:50px;}
#page_review #topic_list .topic-time{ font-size: 12px;color:#999;}
#page_review #topic_list .topic-time-vote .user-vote { float: right;}
#page_review #topic_list .topic-time-vote .user-vote  span {text-align:left; padding-left:20px; float: right; display: block; font-size: 12px; color: #999; }
#page_review #topic_list .topic-time-vote .user-vote .vote-block-zan{background-image: url("../images/icon-review-zan1.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_review #topic_list .topic-time-vote .user-vote .vote-block-fav{margin-left: 25px;background-image: url("../images/icon_star02.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_review #topic_list .topic-time-vote .user-vote .vote-block-comment{margin-left: 25px;background-image: url("../images/icon_talk.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }

/* rank */
#page_rank_user { }
#page_rank_user .user-profile { padding: 10px; border-bottom: 1px solid #f0f0f0; background: #fff; }
#page_rank_user .user-profile .user-info { float: left; }
#page_rank_user .user-profile .user-info img { float: left; width: 55px; height: 55px; border: 1px solid #f0f0f0; border-radius: 55px; }
#page_rank_user .user-profile .user-info p { float: left; margin-left: 14px; padding-top:10px; }
#page_rank_user .user-profile .user-info p span { display: block; }
#page_rank_user .user-profile .user-info .name { font-size: 16px; color: #333; }
#page_rank_user .user-profile .user-info .fans { font-size: 12px; color: #999; }
#page_rank_user .user-profile .user-follow { float: right; padding-top: 15px; }
#page_rank_user .rank-user-tab { width: 100%; display: table; background: #fff;border-bottom: 1px solid #f0f0f0; }
#page_rank_user .rank-user-tab a { display: table-cell; width: 33.3%; height: 50px; text-align: center; border-bottom: 3px solid #fff; }
#page_rank_user .rank-user-tab a span { margin-top: 10px; display: inline-block; height: 30px; line-height: 30px; width: 100%; font-size: 16px; border-right: #f0f0f0 1px solid; }
#page_rank_user .rank-user-tab a span.last { border-right: none; }
#page_rank_user .rank-user-tab a.selected { border-bottom: 3px solid #EB3D41; }
#page_rank_user .user-stat { display: table; width: 100%; padding: 15px; background: #fff; }
#page_rank_user .user-stat .rank-block { display: table-cell; width: 33%; height: 30px; text-align: center; border-right: #f0f0f0 1px solid; }
#page_rank_user .user-stat .rank-block:last-child { border-right: none; }
#page_rank_user .user-stat .rank-block em { display: block; }
#page_rank_user .user-tui-stat { width: 100%; padding: 15px; background: #fff;}
#page_rank_user .user-tui-stat .rank-block { font-size:14px; text-align:center;}
#page_rank_user .user-match-list {  }
#page_rank_user .match-list-item {margin-top: 10px; padding:10px 20px; background: #fff; border-bottom: 1px solid #f0f0f0; position:relative; }
#page_rank_user .match-list-item .match-league { height: 20px; }
#page_rank_user .match-list-item .match-league .result { float: right; font-size: 14px; color: #333; }
#page_rank_user .match-list-item .match-league .match-time { margin-left: 10px; color: #999; }
#page_rank_user .match-list-item .match-team { display: table; width: 100%; height: 40px; border-bottom: 1px solid #f0f0f0; }
#page_rank_user .match-list-item .match-team .match-team-vs { display: table-cell; width: 14%; text-align: center; font-size: 18px; font-family: Arial; }
#page_rank_user .match-list-item .match-team .match-team-a { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: left; }
#page_rank_user .match-list-item .match-team .match-team-a img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#page_rank_user .match-list-item .match-team .match-team-b { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: right; }
#page_rank_user .match-list-item .match-team .match-team-b img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#page_rank_user .match-list-item .match-kind-name { padding-top: 10px; line-height: 18px; font-size: 14px; color: #999; }
#page_rank_user .match-list-item .match-kind-result { font-size: 14px; color: #999; }
#page_rank_user .match-list-item .match-maket-buy {font-size: 14px; color: #999; }
#page_rank_user .match-list-item .result-stamp {position:absolute;  right:50px; top:9px; z-index:99; }
#page_rank_user #topic_list{ background: #fff;height:100%;margin-top:10px;}
#page_rank_user #topic_list .topic-item{ padding:10px;border-bottom: 1px solid #dfdfdf;}
#page_rank_user #topic_list .user-topic{line-height:45px; }
#page_rank_user #topic_list .user-topic img {float:left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_rank_user #topic_list .user-topic .name {margin-left:3px; font-size: 16px; color: #1e5894; }
#page_rank_user #topic_list .user-topic .topic-type { font-size: 11px; color: #999; float:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#page_rank_user #topic_list .topic-content {width:100%;margin-bottom:10px; font-size: 15px; color: #333;padding-left:50px;margin-top:-5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
#page_rank_user #topic_list .topic-pic {padding-left:50px;display:table;}
#page_rank_user #topic_list .topic-pic img{margin-bottom:10px;}
#page_rank_user #topic_list .topic-pic .img-one{ width:66.66%;}
#page_rank_user #topic_list .topic-pic .img-two{ width:32%;margin-right:2%;}
#page_rank_user #topic_list .topic-pic .img-three{ width:32%;margin-right:2%;}
#page_rank_user #topic_list .topic-pic .img-last{margin-right:0;}
#page_rank_user #topic_list .topic-time-vote{ line-height:25px;padding-left:50px;}
#page_rank_user #topic_list .topic-time{ font-size: 12px;color:#999;}
#page_rank_user #topic_list .topic-time-vote .user-vote { float: right;}
#page_rank_user #topic_list .topic-time-vote .user-vote  span {text-align:left; padding-left:20px; float: right; display: block; font-size: 12px; color: #999; }
#page_rank_user #topic_list .topic-time-vote .user-vote .vote-block-zan{background-image: url("../images/icon-review-zan1.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_rank_user #topic_list .topic-time-vote .user-vote .vote-block-fav{margin-left: 25px;background-image: url("../images/icon_star02.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_rank_user #topic_list .topic-time-vote .user-vote .vote-block-comment{margin-left: 25px;background-image: url("../images/icon_talk.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }

/*rank rankratio*/
#ratio-main { background:#fff; }
#ratio-main .ratio-rule{padding:5px 10px; background-color:#fff3dd;}
#ratio-main .ratio-rule a{line-height:30px;font-size:10px;color:#e58f1f;}
#ratio-main .ratio-rule span{float:right; margin-left:5px; height: 20px; line-height:20px; margin-top: 4px;padding: 0px 5px;border-radius: 2px;border: 1px solid #e58f1f;color:#e58f1f;}
#ratio-main .ratio-title-tab { border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; }
#ratio-main .title-tab { margin-top: 10px; height: 30px; border-radius: 3px; }
#ratio-main .title-tab a { display: block; text-align: center; font-size:14px;line-height: 30px; width: 33.3%; color: #Ec3E42; float: left; height: 30px; border: 1px solid #Ec3E42; }
#ratio-main .title-tab .selected { background-color: #Ec3E42; color: #fff; }
#ratio-main .title-tab a:first-child { border-right: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#ratio-main .title-tab a:last-child { border-left: none; width: 33.4%; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

#ratio-main .ratio-list{height:135px;border-bottom:1px solid #f0f0f0;}
#ratio-main .ratio-list-head{padding:0px 10px;padding-top:10px;height:60px;overflow:hidden}
#ratio-main .ratio-list-head-img{float:left;height:45px;width:45px}
#ratio-main .ratio-list-head-img img{height:45px;width:45px;border:1px solid #f0f0f0;border-radius:45px}
#ratio-main .ratio-list-head-info{float:left;margin-left:10px;margin-top:3px}
#ratio-main .ratio-list-head-info p{margin:0px}
#ratio-main .ratio-list-head-info .p1{font-size:16px;color:#333}
#ratio-main .ratio-list-head-info .p2{margin:0px;font-size:12px;color:#999}
#ratio-main .ratio-list-head-gz{font-size:14px;float:right;margin-top:12.5px;text-align:center;width:60px;height:25px;border-radius:4px;line-height:25px}
#ratio-main .ratio-list .attention{color:#Ec3E42;background-color:#fff;border:1px solid #Ec3E42}
#ratio-main .alreadyattention{color:#fff;background-color:#46bd1c}
#ratio-main .ratio-list-bottom{position:relative;padding:0px 10px;overflow:hidden;margin-top:1px;}
#ratio-main .ratio-list-bottom-pm{position:absolute;left:0px;top:0px;width:65px;height:53px;line-height:53px;text-align:center;background-position:50% 50%;background-repeat:no-repeat;background-size:25px 34px;font-size:18px;color:#999}
#ratio-main .ratio-list-bottom-pm1{background-image:url("../images/ration-pm-1.png");}
#ratio-main .ratio-list-bottom-pm2{background-image:url("../images/ration-pm-2.png");}
#ratio-main .ratio-list-bottom-pm3{background-image:url("../images/ration-pm-3.png");}
#ratio-main .ratio-list-bottom-info-ranktop{padding:12px 0 5px 0;}
#ratio-main .ratio-list-bottom-info{margin-left:55px;}
#ratio-main .ratio-list-bottom-info table{border:1px solid #efefef;background-color:#f9f9fa;width:100%}
#ratio-main .ratio-list-bottom-info table tr{height:25px;line-height:25px}
#ratio-main .ratio-list-bottom-info table .tr1{border-bottom:1px solid #efefef;}
#ratio-main .ratio-list-bottom-info table tr td{width:25%;}
#ratio-main .ratio-list-bottom-info table tr .td1{text-align:left;padding-left:5px;color:#999}
#ratio-main .ratio-list-bottom-info table tr .td2{text-align:right;border-right:1px solid #efefef;padding-right:5px;color:#333;}
#ratio-main .ratio-list-bottom-info table tr .win-ratio{color: #EB3D41;}
#ratio-main .ratio-list-bottom-info table tr .td3{text-align:left;padding-left:5px;color:#999}
#ratio-main .ratio-list-bottom-info table tr .td4{text-align:right;padding-right:5px;color:#333}
#ratio-main .ratio-list-bottom-info table tr .income-ratio{color: #EB3D41;}
#ratio-main .wealth-header {display: table; width: 100%; height:25px; line-height:25px; background-color:#EEEEEE; text-align:center;}
#ratio-main .wealth-header .col1 { display: table-cell; width:45px;}
#ratio-main .wealth-header .col2 { display: table-cell; text-align:left; padding-left:40px; }
#ratio-main .wealth-header .col3 { display: table-cell; width:60px;}
#ratio-main .wealth-header .col4 { display: table-cell; }
#ratio-main .wealth-list{display: table; width: 100%;border-bottom:1px solid #f0f0f0; padding:10px 0; }
#ratio-main .wealth-list .wealth-list-pm{display: table-cell; width:45px;height:45px;line-height:45px;text-align:center;background-position:50% 50%;background-repeat:no-repeat;background-size:25px 34px;font-size:18px;color:#999}
#ratio-main .wealth-list .wealth-list-pm1{background-image:url("../images/ration-pm-1.png")}
#ratio-main .wealth-list .wealth-list-pm2{background-image:url("../images/ration-pm-2.png")}
#ratio-main .wealth-list .wealth-list-pm3{background-image:url("../images/ration-pm-3.png")}
#ratio-main .wealth-list .wealth-list-head{padding-left:5px; display: table-cell;overflow:hidden;  vertical-align:top;}
#ratio-main .wealth-list .wealth-list-head-img{float:left; width:55px; text-align:left; position:relative;}
#ratio-main .wealth-list .wealth-list-head-img .vip-auth {position:absolute;  left:30px; top:30px; z-index:99; display:inline-block; width:15px; height:15px; background: url("../images/icon_v2.png") no-repeat 0 0; background-size: 15px auto;}
#ratio-main .wealth-list .wealth-list-head-img img{height:45px;width:45px;border:1px solid #f0f0f0;border-radius:45px;}
#ratio-main .wealth-list .wealth-list-head-info{float:left; text-align:left;}
#ratio-main .wealth-list .wealth-list-head-info p{margin:0px}
#ratio-main .wealth-list .wealth-list-head-info .p1{font-size:16px;color:#333}
#ratio-main .wealth-list .wealth-list-head-info .p2{margin:0px;font-size:12px;color:#999}
#ratio-main .wealth-list .wealth-list-coin { display: table-cell; text-align:center; line-height:45px; vertical-align:top;width:60px;font-size:14px;}
#ratio-main .wealth-list .wealth-list-head-gz{display: table-cell;font-size:14px;text-align:center;width:60px; padding-top:10px; padding-right:10px; vertical-align:top;}
#ratio-main .wealth-list .attention{color:#Ec3E42;background-color:#fff;border:1px solid #Ec3E42;}
#ratio-main .wealth-list .alreadyattention{color:#fff;background-color:#46bd1c;}

/* my */
#page_my{}
#page_my #my_footer_menu { height: 60px; padding: 10px; border-top: 1px solid #D1D1D1; background: #fff; }
#page_my .menu-tab-2,
#page_my .menu-tab-3 { display: table; width: 100%; text-align: center; }
#page_my .menu-tab-3 a {color:#ec3e42; font-size: 14px; background:#fff;  }
#page_my .menu-tab-3 .option1 { display: table-cell; width: 33%; height: 30px; line-height:30px;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #EB3D41; }
#page_my .menu-tab-3 .option2 { display: table-cell; width: 32%; height: 30px; line-height:30px; border-top: 1px solid #EB3D41; border-bottom: 1px solid #EB3D41; border-left: none; border-right: none; }
#page_my .menu-tab-3 .option3 { display: table-cell; width: 33%; height: 30px; line-height:30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EB3D41; }
#page_my .menu-tab-2 .option1 { display: table-cell; width: 50%; height: 30px; line-height:30px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #EB3D41; }
#page_my .menu-tab-2 .option2 { display: table-cell; width: 50%; height: 30px; line-height:30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EB3D41; border-left: none; }
#page_my .menu-tab-3 a.selected { background:#EB3D41; color:#fff; border-color:#EB3D41;}
/* my old default */
#page_my_old .my-home { padding: 10px; border-bottom: 1px solid #f0f0f0; background: #fff;}
#page_my_old .my-home .user-info { float: left; }
#page_my_old .my-home .user-info img { float: left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_my_old .my-home .user-info p { float: left; margin-left: 14px; margin-top:10px; }
#page_my_old .my-home .user-info p span { display: block; }
#page_my_old .my-home .user-info .name { font-size: 16px; color: #333; }
#page_my_old .my-home .user-home { float: right; margin-top:10px;  padding-right:15px; font-size:14px; color:#999; background-image: url("../images/center_go.png");background-repeat: no-repeat;background-position: 97% 50%;background-size: 8px 13px;}
#page_my_old .my-menu {  }
#page_my_old .my-menu .my-menu-group {margin-top:10px; background:#fff; border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
#page_my_old .my-menu a { display:inline-block; width:100%; padding-left:50px; height:50px; line-height:50px; font-size:14px; color:#333; background-image: url("../images/my-icons.png"); background-repeat: no-repeat;  background-size: 50px auto;}
#page_my_old .my-menu a .name{ width:100%; display:inline-block; border-bottom:#f0f0f0 1px solid;}
#page_my_old .my-menu a .name span { float:right; padding-right:10px;}
#page_my_old .my-menu .my-menu-group a:last-child .name { border-bottom: none; }
#page_my_old .my-menu a.my-game-icon {background-position:0 0px; }
#page_my_old .my-menu a.my-market-icon { background-position:0 -50px;}
#page_my_old .my-menu a.my-follow-icon { background-position:0 -100px; }
#page_my_old .my-menu a.my-goldcoin-icon { background-position:0 -150px; }
#page_my_old .my-menu a.my-gamecoin-icon { background-position:0 -200px; }
#page_my_old .my-menu a.my-gift-icon { background-position:0 -250px; }
#page_my_old .my-menu a.my-profile-icon { background-position:0 -300px; }
#page_my_old .my-menu a.my-setting-icon { background-position:0 -350px; }
#page_my_old .my-menu a.my-fans-icon {background-position:0 -400px; }


/* my default */
#page_my .my-home { border-bottom: 1px solid #f0f0f0; background: #fff;}
#page_my .my-home .user-info { height:110px; padding:15px;border-bottom: #f0f0f0 1px solid;}
#page_my .my-home .user-info img { float: left;  width: 60px; height: 60px; border: 2px solid #e5e5e5;border-radius: 60px; margin-right:10px;}
#page_my .my-home .user-info .my-info { float: left;}
#page_my .my-home .user-info span{line-height:30px;font-size: 14px;color:#cfcfcf;}
#page_my .my-home .user-info .my-name { display:block;  font-size: 16px;color:#333;}
#page_my .my-home .user-info .my-id { font-size: 14px;color:#cfcfcf;}
#page_my .my-home .user-info .my-fans { padding-left:20px; margin-right:25px;background-image: url("../images/icon_fans.png"); background-position:0; background-size:16px auto ;background-repeat: no-repeat;}
#page_my .my-home .user-info .my-followed { padding-left:20px; background-image: url("../images/icon_follow.png"); background-position:0; background-size:16px auto ;background-repeat: no-repeat;}
#page_my .my-home .user-info .user-not-expert {display:block; padding-left:20px; background-image: url("../images/icon_niu02.png"); background-position:0; background-size:16px auto ;background-repeat: no-repeat;}
#page_my .my-home .user-info .user-expert {display:block; padding-left:20px; background-image: url("../images/icon_niu.png"); background-position:0; background-size:16px auto ;background-repeat: no-repeat;}
#page_my .my-home .user-info .my-homepage {float:right; width:30px;height:80px; background-image: url("../images/center_go.png"); background-position:100%; background-size:8px 13px ;background-repeat: no-repeat;}
#page_my .my-home .user-play { height:75px; display:table;width:100%;}
#page_my .my-home .user-play div{display:table-cell;width:33.3%;text-align:center;font-size: 14px;}
#page_my .my-home .user-play a{ display:block;}
#page_my .my-home .user-play .icon{height:45px; display:block;background-image: url("../images/my-icons.png"); background-size:50px auto ;background-repeat: no-repeat;}
#page_my .my-home .user-play .my-guess{border-right:#f0f0f0 1px solid;}
#page_my .my-home .user-play .my-market{border-right:#f0f0f0 1px solid;}
#page_my .my-home .user-play .my-goldcoin em{color:#ec3e42;}
#page_my .my-menu {  }
#page_my .my-menu .my-menu-group {margin-top:10px; background:#fff; border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
#page_my .my-menu a { display:inline-block; width:100%; padding-left:50px; height:50px; line-height:50px; font-size:14px; color:#333; background-image: url("../images/my-icons.png"); background-repeat: no-repeat;  background-size: 50px auto;}
#page_my .my-menu a .name{ width:100%; display:inline-block; border-bottom:#f0f0f0 1px solid;background-image: url("../images/center_go.png"); background-position:98%; background-size: auto 12px;background-repeat: no-repeat;}
#page_my .my-menu a .name span { float:right; padding-right:20px;}
#page_my .my-menu .my-menu-group a:last-child .name { border-bottom: none; }
#page_my .my-home .user-play .my-guess span{background-position: 50% 0;}
#page_my .my-home .user-play .my-market span{background-position: 50% -600px;}
#page_my .my-home .user-play .my-goldcoin span{background-position: 50% -550px;}
#page_my .my-menu a.my-gamecoin-icon { background-position:0 -200px; }
#page_my .my-menu a.my-gift-icon { background-position:0 -250px; }
#page_my .my-menu a.my-task-icon { background-position:0 -450px; }
#page_my .my-menu a.my-profile-icon { background-position:0 -300px; }
#page_my .my-menu a.my-setting-icon { background-position:0 -500px; }
#page_my .my-menu a.my-topic-icon { background-position:0 -650px; }
#page_my .my-menu a.my-comment-icon { background-position:0 -700px; }

#page_my .my-menu .contact-us { padding:10px; background:#fff; height:350px;}
#page_my .my-menu .contact-us .qq {display:inline-block; width:100%; padding-left:10px; height:50px; line-height:50px; font-size:14px; }
#page_my .my-menu .contact-us .qq i{display:inline-block; padding-top:5px; height:30px; width:30px; background-image:url(Images/Icon/icon-qq.png); background-size: 25px 25px; background-position-y:5px; background-repeat:no-repeat; }
#page_my .my-menu .contact-us .wx{display:inline-block; width:100%; padding-left:10px; height:50px; line-height:50px; font-size:14px; text-align:center; }
#page_my .my-menu .contact-us .wx i{display:inline-block; height:25px; width:25px; background-image:url(Images/Icon/icon-wx.png); background-size: 25px 25px;}
#page_my .my-menu .contact-us .wx p { text-align:center;}
#page_my .my-menu .contact-us .wx p img{ width:250px; }

/* my guess */
#page_my_guess .my-menu {  }
#page_my_guess .my-menu .my-menu-group {margin-top:10px; background:#fff; border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
#page_my_guess .my-menu a {display:inline-block; width:100%; padding-left:50px; height:50px; line-height:50px; font-size:14px; color:#333;}
#page_my_guess .my-menu a.football {background-image: url("../images/football.png"); background-repeat: no-repeat;  background-size: 50px auto;}
#page_my_guess .my-menu a.basketball {background-image: url("../images/basketball.png"); background-repeat: no-repeat;  background-size: 50px auto;}
#page_my_guess .my-menu a .name{ width:100%; display:inline-block; border-bottom:#f0f0f0 1px solid;background-image: url("../images/center_go.png"); background-position:98%; background-size: auto 12px;background-repeat: no-repeat;}
#page_my_guess .my-menu a .name .guess-count { float:right; padding-right:20px;color:#999;}
#page_my_guess .my-menu a .name .num { margin:0 5px;}
#page_my_guess .my-menu .my-menu-group a:last-child .name { border-bottom: none; }
/* my topic */
#page_my_topic{}
#page_my_topic #topic_list{background: #fff; padding:10px;}
#page_my_topic #topic_list .topic-item{display:table;width:100%;margin-bottom:10px;}
#page_my_topic #topic_list .topic-time{display:table-cell;width:20%;}
#page_my_topic #topic_list .topic-time .time-day{font-size:24px;}
#page_my_topic #topic_list .topic-info{display:table-cell;width:80%;font-size:15px;}
#page_my_topic #topic_list .topic-info .review-img{display:table-cell;width:70px;vertical-align:top;padding-right:10px;}
#page_my_topic #topic_list .topic-info .review-content{display:table-cell;width:100%;}
#page_my_topic #topic_list .topic-info .review-content .content-info{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#page_my_topic #topic_list .topic-info .review-content .pic-count{font-size:12px;color:#999;margin-top:10px;}
#page_my_topic #topic_list .topic-info .review-img img{width:70px;height:70px;}
#page_my_topic #topic_list .topic-content{background-color:#f3f3f3;padding:10px;}
/* my comment */
#page_my_comment{}
#page_my_comment #comment_list{background: #fff; padding:10px;}
#page_my_comment #comment_list .comment-item{display:table;width:100%;margin-bottom:20px;}
#page_my_comment #comment_list .comment-time{display:table-cell;width:20%;}
#page_my_comment #comment_list .comment-time .time-day{font-size:24px;}
#page_my_comment #comment_list .comment-info{display:table-cell;width:80%;font-size:15px;}
#page_my_comment #comment_list .content-header{background-color:#f3f3f3;padding:10px;}
#page_my_comment #comment_list .content-info{padding:10px 0; border-bottom: #f0f0f0 1px solid;}
#page_my_comment #comment_list .user-name{color: #1e5894;}


/* my market */
#page_my #my_market{} 
#my_market{} 
#my_market .market-user-tab { width: 100%; display: table; background: #fff; }
#my_market .market-user-tab a { display: table-cell; width: 25%; height: 50px; text-align: center; border-bottom: 3px solid #fff; }
#my_market .market-user-tab a span { margin-top: 15px; display: inline-block; height: 20px; line-height: 20px; width: 100%; font-size: 16px; border-right: #f0f0f0 1px solid; }
#my_market .market-user-tab a span.last { border-right: none; }
#my_market .market-user-tab a.selected { border-bottom: 3px solid #EB3D41; }
#my_market .my-menu-tab { padding:10px 20px;}
#my_market .user-tui-list {  }
#my_market .tui-list-item { margin-bottom:10px; padding:20px 20px 0 20px; background: #fff; border-bottom: 1px solid #f0f0f0; position:relative; }
#my_market .tui-list-item .match-league { height: 20px; }
#my_market .tui-list-item .match-league .result { float: right; font-size: 14px; color: #333; }
#my_market .tui-list-item .match-league .match-time { margin-left: 10px; color: #999; }
#my_market .tui-list-item .match-team { display: table; width: 100%; height: 40px; border-bottom: 1px solid #f0f0f0; }
#my_market .tui-list-item .match-team .match-team-vs { display: table-cell; width: 14%; text-align: center; font-size: 18px; font-family: Arial; }
#my_market .tui-list-item .match-team .match-team-a { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: left; }
#my_market .tui-list-item .match-team .match-team-a img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#my_market .tui-list-item .match-team .match-team-b { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: right; }
#my_market .tui-list-item .match-team .match-team-b img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#my_market .tui-list-item .match-kind-name { padding-top: 10px; line-height: 18x; font-size: 14px; color: #999; }
#my_market .tui-list-item .match-kind-result {padding-bottom: 10px; font-size: 14px; color: #999; }
#my_market .tui-list-item .result-stamp {position:absolute;  right:50px; top:9px; z-index:99; }
#my_market .tui-list-item .tui-buy { border-top: 1px solid #f0f0f0;width: 100%; display: table;padding:10px 0;}
#my_market .tui-list-item .tui-buy div  { display: table-cell; width: 50%;  text-align: center; font-size: 14px;}
#my_market .tui-list-item .tui-buy .buy-price { height: 20px; line-height: 20px;  border-right: #f0f0f0 1px solid; }
#my_market .com-tui-list {  }
#my_market .com-list-item { margin-bottom: 10px; padding: 10px; background: #fff; border-bottom: 1px solid #f0f0f0; }
#my_market .com-list-item .item-user { height: 50px; border-bottom: 1px solid #f0f0f0; }
#my_market .com-list-item .user-info { float: left; }
#my_market .com-list-item .user-info img { float: left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#my_market .com-list-item .user-info p { float: left; margin-left: 7px; margin-top:12px; }
#my_market .com-list-item .user-info p span { display: block; }
#my_market .com-list-item .user-info .name { font-size: 14px; color: #333; }
#my_market .com-list-item .tui-price { float: right; font-size: 14px;margin-top:12px; }
#my_market .com-list-item .item-tui {display: table; padding-top: 5px; width: 100%;}
#my_market .com-list-item .tui-info { display: table-cell; line-height: 22px; }
#my_market .com-list-item .tui-info .match { margin-left: 10px; font-size: 14px; color: #333; font-weight: bold; }
#my_market .com-list-item .tui-info .info-kind { font-size: 14px; color: #999; }
#my_market .com-list-item .tui-info .match-time { font-size: 14px; color: #999; }
#my_market .com-list-item .tui-info .result { color: #333; font-size: 14px;float:right;}
#my_market .com-list-item .tui-info .win { color: #EB3D41;}
/*#my_market .com-list-item .match-result { display: table-cell; width:70px; font-size: 14px; text-align:right; }*/
/*#my_market .com-list-item .match-result .result { color: #333;}*/
/* my market myviplist */
#my_market .vip-list-header {display: table; width: 100%; height:25px; line-height:25px; background-color:#EEEEEE; text-align:center;}
#my_market .vip-list-header .col1 { display: table-cell; width:100px;}
#my_market .vip-list-header .col2 { display: table-cell; text-align:right; padding-right:10px; }
#my_market .my-vip-list{}
#my_market .my-vip-item { padding: 10px; background: #fff; border-bottom: 1px solid #f0f0f0; display:table;width:100%;line-height:45px;}
#my_market .my-vip-item div{display:table-cell;}
#my_market .my-vip-list .item-user { height: 45px; overflow:hidden;text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; }
#my_market .my-vip-list .item-user img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#my_market .my-vip-list .item-user .name { font-size: 14px; color: #333; }
#my_market .my-vip-list .item-buy{width:80px;text-align:right;color: #333;}
#my_market .my-vip-list .item-buy .buy-count{font-size:14px;}
#my_market .my-vip-list .item-buy .buy-win-count{font-size:14px;float:right;}
/* my market mydata */
#my_market .my-data{margin-top:10px;}
#my_market .my-data-tips{padding:10px;text-align:center;}
#my_market .my-data-group {margin-top:10px; background:#fff; display:flex;flex-flow:wrap;}
#my_market .my-data-group div{ height :50px;font-size:14px;color:#333;line-height:50px;border-bottom: 1px solid #f0f0f0;width:50%;padding-left:10px;;}
#my_market .my-data-group .my-data-info{float:right;border-right: 1px solid #f0f0f0;margin:10px 0;line-height:30px;padding-right:10px;}
#my_market .my-data-group .my-data-info-right{border:none;}
#my_market .my-data-group .my-data-info .my-num{color:#EB3D41;}

/* my market sell detail */
#page_my #my_market_detail{} 
#my_market_detail .sell-item-detail { padding:20px; background: #fff; border-bottom: 1px solid #f0f0f0; position:relative; }
#my_market_detail .sell-item-detail .match-league { height: 20px; }
#my_market_detail .sell-item-detail .match-league .result { float: right; font-size: 14px; color: #333; }
#my_market_detail .sell-item-detail .match-league .match-time { margin-left: 10px; color: #999; }
#my_market_detail .sell-item-detail .match-team { display: table; width: 100%; height: 40px; border-bottom: 1px solid #f0f0f0; }
#my_market_detail .sell-item-detail .match-team .match-team-vs { display: table-cell; width: 14%; text-align: center; font-size: 18px; font-family: Arial; }
#my_market_detail .sell-item-detail .match-team .match-team-a { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: left; }
#my_market_detail .sell-item-detail .match-team .match-team-a img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#my_market_detail .sell-item-detail .match-team .match-team-b { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: right; }
#my_market_detail .sell-item-detail .match-team .match-team-b img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#my_market_detail .sell-item-detail .result-stamp {position:absolute;  right:50px; top:9px; z-index:99; }
#my_market_detail .sell-item-detail .tui-detail-content { margin-top:10px; display: table; width: 100%;  }
#my_market_detail .sell-item-detail .content-group {line-height:30px;}
#my_market_detail .sell-item-detail .content-group label { display: table-cell; line-height: 30px; font-size: 14px; color: #999; font-weight: normal; width: 75px; }
#my_market_detail .sell-item-detail .content-group .content-item { display: table-cell; font-size: 14px; color: #333; }
#my_market_detail .buy-detail { background:#fff; }
#my_market_detail .buy-detail .title { height: 45px; line-height: 45px; background: #eee; text-align: center; font-size: 16px; }
#my_market_detail .buy-detail .title span { width: 50px; height: 1px; margin: 5px 20px; background: #D1D1D1; display: inline-block; }
#my_market_detail .buy-detail .item-user { padding:12px; height:70px; border-bottom: 1px solid #f0f0f0; }
#my_market_detail .buy-detail .user-info { float: left; }
#my_market_detail .buy-detail .user-info img { float: left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#my_market_detail .buy-detail .user-info p { float: left; margin-left: 7px; margin-top:12px; }
#my_market_detail .buy-detail .user-info p span { display: block; }
#my_market_detail .buy-detail .user-info .name { font-size: 14px; color: #333; }
#my_market_detail .buy-detail .buy-info { float: right; font-size: 14px; text-align:right; }
#my_market_detail .buy-detail .buy-info .buy-time { display:block; color:#999;}
/* my follow */
#my_fans #fans-type { height: 50px; width: 100%; padding-bottom: 10px; padding-left: 50px; padding-right: 50px; border-bottom: 1px solid #ccc; }
#my_fans #fans-type a { color:#ec3e42; height: 30px; display: block; width: 50%; float: left;margin-top:10px;line-height:30px; border-top: 1px solid #ED3E43; border-bottom: 1px solid #ED3E43; text-align: center; cursor: pointer; border-left: 1px solid #ED3E43; border-right: 1px solid #ED3E43; }
#my_fans #fans-type .select-type { background-color: #ED3E43; color: #fff; }
#my_fans #fans-type :first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#my_fans #fans-type :last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
#my_fans { background:#fff; min-height:580px; }
#my_fans .follow-list {  padding:5px 10px; border-bottom: 1px solid #f0f0f0; }
#my_fans .follow-list .headimg { float:left; height: 44px; width: 44px; border-radius: 44px; margin-top: 10px; border: 1px solid #e5e5e5; }
#my_fans .follow-list-name {height:55px; overflow:hidden;position:relative;}
#my_fans .follow-list-name .vip-auth {position:absolute;  left:30px; top:40px; z-index:99; display:inline-block; width:15px; height:15px; background: url("../images/icon_v2.png") no-repeat 0 0; background-size: 15px auto;}
#my_fans .follow-list-name .nickname { float:left; padding-left:5px; font-size:16px;color:#333;font-weight:500; position:relative;top:10px;}
#my_fans .follow-list-name .fans{margin:0px; margin-top:25px;position:relative;top:10px;left:5px;font-size:12px;color:#999;}
#my_fans .follow-list-head-gz{ position:relative;bottom:20px; font-size:14px; float: right;  text-align: center; width: 60px; height: 25px;  border-radius: 4px;line-height: 25px;}
#my_fans .unfollow { color: #Ec3E42; background-color: #fff;border: 1px solid #Ec3E42; } 
#my_fans .followed{color:#fff;background-color:#46bd1c; }
#my_fans .follow-list button { text-align: center; float: right; margin-right: 10px; height: 25px; width: 60px; margin-top: 37.5px; border: none; background-color: #fff; color: #ec3e42; border: 1px solid #ec3e42; border-radius: 5px; }
#my_fans .follow-list-ratios{height:60px;margin-left:50px;}
#my_fans .follow-list-ratios table{border:1px solid #efefef;background-color:#f9f9fa;width:100%;margin-top:5px;}
#my_fans .follow-list-ratios table tr{height:25px;line-height:25px}
#my_fans .follow-list-ratios table .tr1{border-bottom:1px solid #efefef}
#my_fans .follow-list-ratios table tr td{width:25%;}
#my_fans .follow-list-ratios table tr .td1{text-align:left;padding-left:5px;color:#999}
#my_fans .follow-list-ratios table tr .td2{text-align:right;border-right:1px solid #efefef;padding-right:5px;color:#333;}
#my_fans .follow-list-ratios table tr .win-ration{color:red;}
#my_fans .follow-list-ratios table tr .td3{text-align:left;padding-left:5px;color:#999}
#my_fans .follow-list-ratios table tr .td4{text-align:right;padding-right:5px;color:#333}
#my_fans .follow-list-ratios table tr .income-ration{color:red;}
#my_fans .follow-list-ratios table tr .ratio-num{color:red;}
#my_fans .fans-list {  padding:5px 10px; border-bottom: 1px solid #f0f0f0; }
#my_fans .fans-list .headimg { float:left; height: 44px; width: 44px; border-radius: 44px; margin:5px 5px 5px 0; border: 1px solid #e5e5e5; }
#my_fans .fans-list-name {position:relative; height:55px;  }
#my_fans .fans-list-name .vip-auth {position:absolute;  left:30px; top:35px; z-index:99; display:inline-block; width:15px; height:15px; background: url("../images/icon_v2.png") no-repeat 0 0; background-size: 15px auto;}
#my_fans .fans-list-name .nickname { float:left; margin-top:15px; font-size:16px;color:#333; }
#my_fans .fans-list-head-gz{font-size:14px; float: right; margin-top:15px; text-align: center; width: 60px; height: 25px;  border-radius: 4px;line-height: 25px;}
/* my gift */
#my_gift { margin-bottom: 50px; min-height:580px;}
#my_gift .user-gamecoin { height:50px; line-height:50px; padding:0 10px; background-color:#fff; background-image: url("../images/cd.png");background-repeat: no-repeat;background-position: 10px center;background-size: 18px 20px; }
#my_gift .user-gamecoin label{ margin-left:20px; font-size:14px; font-weight:normal; }
#my_gift .user-gamecoin .num { font-size:16px;}
#my_gift .my-exchange { background:#fff; } 
#my_gift .my-exchange .title { height: 45px; line-height: 45px; background: #eee; text-align: center; font-size: 16px; }
#my_gift .my-exchange .title span { width: 50px; height: 1px; margin: 5px 20px; background: #D1D1D1; display: inline-block; }
#my_gift .exchange-list { height:60px; background-color: #fff; border-bottom: 1px solid #e5e5e5; padding: 10px 10px; overflow:hidden; }
#my_gift .exchange-left { float:left; }
#my_gift .exchange-left .exchange-item-name{font-size:14px;margin:0px;margin-top:3px;}
#my_gift .exchange-item-date { color: #ccc;font-size:11px;margin:0px;margin-top:5px; }
#my_gift .exchange-right { float: right;text-align:right; }
#my_gift .exchange-right .exchange-ydh{margin:0px;margin-top:3px;}
#my_gift .exchange-right .exchange-xf{color:#46bd1c;margin:0px;margin-top:5px;}
#my_gift .exchange-list .dcl { /*color: #24A805;*/ }
/* my goldcoin  || my gamecoin */
#my_coin { }
#my_coin .my-gamecoin-head { height: 50px; background-color: #fff; line-height: 50px; padding: 0px 10px;background-image:url("../images/cd.png"); background-repeat: no-repeat; background-position: 10px 50%; background-size: 18px 20px; }
#my_coin .my-gamecoin-head label { margin-left:20px;font-size:16px; font-weight:normal; }
#my_coin .my-gamecoin-head .num { font-size:16px;}
#my_coin .my-gamecoin-head a {font-size:16px; float: right; width: 90px; height: 35px; display: block; background-color: #ec3e42; color: #fff; text-align: center; line-height: 35px; margin-top: 7.5px; border-radius: 3px; }
#my_coin .my-gold-coin { padding:10px; background:#fff; text-align:center; border-bottom: 1px solid #f0f0f0; }
#my_coin .my-gold-coin .enable-amount{ font-size:14px; color:#999;}
#my_coin .my-gold-coin .num-amount {font-family:Arial; color:#EB3D41; font-size:40px;}
#my_coin .my-gold-coin .total-amount {font-size:14px; color:#333; }
#my_coin .my-coin-op {display: table; height: 60px; width: 100%; background:#fff; }
#my_coin .my-coin-op a{ display: table-cell; line-height: 60px; font-size: 18px; font-weight: normal; text-align:center;  }
#my_coin .my-coin-op a.recharge { width: 49%; border-right: 1px solid #f0f0f0; color:#EB3D41; }
#my_coin .my-coin-op a.drawings { width: 50%;  color:#26a704;}
#my_coin .title { height: 45px; line-height: 45px; background: #eee; text-align: center; font-size: 16px; }
#my_coin .title span { width: 50px; height: 1px; margin: 5px 20px; background: #D1D1D1; display: inline-block; }
#my_coin .coin-recording{background-color: #fff;}
#my_coin .coin-recording-list { height: 70px; border-bottom: 1px solid #e5e5e5; background-color: #fff; }
#my_coin .recording-list-left { float: left; padding: 0px 10px; }
#my_coin .recording-list-left .recording-list-jilu { margin-top: 20px; font-size:14px;}
#my_coin .recording-list-left .recording-list-date{ color: #ccc;font-size:11px; }
#my_coin .recording-list-right-jian { float: right; color: #26A704; line-height: 70px; padding-right: 10px;font-size:14px; }
#my_coin .recording-list-right-jia{ float: right; color: #010101; line-height: 70px; padding-right: 10px; font-size:14px;}
#my_draw .draw-apply{background:#fff;}
#my_draw .line10 { height:10px; background:#eee;}
#my_draw .tips { padding:10px 10px; line-height:20px; background:#EEEEEE; font-size:14px; color:#333; }
#my_draw .apply-group { display: table; margin-left: 10px; height: 50px; width: 100%; border-bottom: 1px solid #f0f0f0;  }
#my_draw .apply-group:last-child {border-bottom: none; }
#my_draw .apply-group label { display: table-cell; line-height: 50px; font-size: 16px; color: #999; font-weight: normal; width: 95px; }
#my_draw .apply-group .apply-input { display: table-cell; }
#my_draw .apply-group input { padding: 0 5px; height: 30px; width: 100%; font-size: 14px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
#my_draw .apply-group .apply-input-group { display: table; width: 100%; }
#my_draw .apply-group .apply-input-group .input { display: table-cell; }
#my_draw .apply-group .apply-input-group .button { display: table-cell; width: 110px; }
#my_draw .apply-group .apply-input-group button { width: 90px; height: 30px; line-height: 25px; margin-right: 10px; }
#my_draw .note-tips { background:#eee; padding: 30px 10px; line-height: 25px; font-size: 14px; color: #999; }
#my_draw .note-tips span{ color: #ec3e42; }
#my_draw .apply-submit { padding:20px 10px;}
#my_draw .draw-gold-coin { padding:10px; background:#fff; text-align:center; border-bottom: 1px solid #f0f0f0; }
#my_draw .draw-gold-coin .enable-amount{ font-size:14px; color:#999;}
#my_draw .draw-gold-coin .num-amount {font-family:Arial; color:#EB3D41; font-size:40px;}
#my_draw .draw-gold-coin .total-amount {font-size:14px; color:#333; }
/* GoldCoin Recharge*/
#my_recharge { padding: 40px 30px; background-color: #fff; min-height:580px; }
#my_recharge .recharge-input{height:55px;width:100%;background-color: #f5f5f5;}
#my_recharge .recharge-input input { height: 25px; margin-top:15px; width: 100%; background-color: #f5f5f5; color: #999; line-height: 25px; padding: 5px 10px; border: none; font-size: 16px; }
#my_recharge .recharge-button button { height: 50px; width: 100%; background-color: #ec3e42; color: #fff; line-height: 50px; border: none; font-size: 18px; text-align: center; margin-top: 20px; }
#my_recharge .recharge-tips { margin-top: 20px;font-size:14px; }
#my_recharge .recharge-tips p{margin:0px 0px 5px;}
#my_recharge .recharge-weixin { font-size:14px;}
/* my buy gamecoin */
#page_coin_buy { padding: 40px 30px; background-color: #fff; }
#page_coin_buy .buy-input { position:relative; margin-top: 2px; height: 55px; width: 100%; background-color: #f5f5f5; color: #999; line-height: 55px; border: none; font-size: 15px; padding-left: 10px; }
#page_coin_buy .buy-input span { color:#333; }
#page_coin_buy .buy-input label { padding-left: 20px; color: #ec3e42; }
#page_coin_buy .buy-input input { height: 25px; line-height: 25px;margin-top:15px; width: 50%; border: none; padding-left: 20px; background-color: #f5f5f5; }
#page_coin_buy .buy-input strong{position:absolute;right:8px;font-weight: 400; font-size: 12px;}
#page_coin_buy .buy-input strong span{color:#999;}
#page_coin_buy .buy-input a { float:right; margin:15px 10px; width: 70px; height: 25px;line-height:25px;  border: 1px solid #ec3e42; font-size: 14px; color: #ec3e42; border-radius: 4px; text-align: center;}
#page_coin_buy .buy-button button { height: 50px; width: 100%; background-color: #ec3e42; color: #fff; line-height: 50px; border: none; font-size: 18px; text-align: center; margin-top: 20px; }
#page_coin_buy .buy-tips { margin-top: 30px;font-size:14px; }
#page_coin_buy .buy-tips p{margin:0px 0px 5px;}

/* my guess */
#page_my #my_guess{} 
#my_guess{} 
#my_guess .my-menu-tab { padding:10px 20px 0 20px;}
#my_guess .guess-user-tab { width: 100%; display: table; background: #fff;}
#my_guess .guess-user-tab a { display: table-cell; width: 16.66%; height: 50px; text-align: center; border-bottom: 3px solid #fff; }
#my_guess .guess-user-tab a span { margin-top: 15px; display: inline-block; height: 20px; line-height: 20px; width: 100%; font-size: 16px; border-right: #f0f0f0 1px solid; }
#my_guess .guess-user-tab a span.last { border-right: none; }
#my_guess .guess-user-tab a.selected { border-bottom: 3px solid #EB3D41; }
#my_guess .user-match-list {  }
#my_guess .match-list-item {margin-top: 10px; padding:10px 20px; background: #fff; border-bottom: 1px solid #f0f0f0; position:relative; }
#my_guess .match-list-item .match-league { height: 20px; }
#my_guess .match-list-item .match-league .result { float: right; font-size: 14px; color: #333; }
#my_guess .match-list-item .match-league .match-time { margin-left: 10px; color: #999; }
#my_guess .match-list-item .match-team { display: table; width: 100%; height: 40px; border-bottom: 1px solid #f0f0f0; }
#my_guess .match-list-item .match-team .match-team-vs { display: table-cell; width: 14%; text-align: center; font-size: 18px; font-family: Arial; }
#my_guess .match-list-item .match-team .match-team-vs .match-half-score{display:block;  font-size: 12px; color: #999;margin-top:-5px; }
#my_guess .match-list-item .match-team .match-team-a { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: left; }
#my_guess .match-list-item .match-team .match-team-a img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#my_guess .match-list-item .match-team .match-team-b { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: right; }
#my_guess .match-list-item .match-team .match-team-b img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#my_guess .match-list-item .match-team .lq-match { width: 41%; }
#my_guess .match-list-item .match-team .lq-match-vs { width: 18%; font-size: 16px;}
#my_guess .match-list-item .match-kind-name { padding-top: 10px; line-height: 18px; font-size: 14px; color: #999; }
#my_guess .match-list-item .match-kind-result { font-size: 14px; color: #999; }
#my_guess .match-list-item .match-maket-buy {font-size: 14px; color: #999; }
#my_guess .match-list-item .result-stamp {position:absolute;  right:50px; top:9px; z-index:99; }
#my_guess .match-list-item .score-buy { margin-top:10px; border-top: 1px solid #f0f0f0;width: 100%; display: table;padding:10px 0;}
#my_guess .match-list-item .score-buy div  { display: table-cell; width: 50%;  text-align: center; font-size: 14px;}
#my_guess .match-list-item .score-buy .buy-price { height: 20px; line-height: 20px;  border-right: #f0f0f0 1px solid; }
/*my special mix*/
#my_guess .user-game-list {  }
#my_guess .game-list-item {margin-top: 10px; padding:10px 20px; background: #fff; border-bottom: 1px solid #f0f0f0; position:relative; }
#my_guess .game-list-item .game-type { height: 20px; }
#my_guess .game-list-item .game-type .type-name{text-align:center;font-size:12px;color:#fff;border-radius:2px; padding: 1px 4px;}
#my_guess .game-list-item .game-type .type-name-bf{background-color:#a6de8a;}
#my_guess .game-list-item .game-type .type-name-dg{background-color:#f7cc04;}
#my_guess .game-list-item .game-type .type-name-hh{background-color:#fc8958;}
#my_guess .game-list-item .game-type .result { float: right; font-size: 14px; color: #333; }
#my_guess .game-list-item .game-type .game-time { margin-left: 10px; color: #999; }
#my_guess .game-list-item .game-title { font-size: 16px; color: #333; text-align: left; margin-top: 5px}
#my_guess .game-list-item .result-stamp {position:absolute;  right:50px; top:9px; z-index:99; }
#my_guess .game-list-item .score-buy { margin-top:10px; border-top: 1px solid #f0f0f0;width: 100%; display: table;padding:10px 0;}
#my_guess .game-list-item .score-buy div  { display: table-cell; width: 50%;  text-align: center; font-size: 14px;}
#my_guess .game-list-item .score-buy .buy-price { height: 20px; line-height: 20px;  border-right: #f0f0f0 1px solid; }

#page_my #my_guess_details{} 
#my_guess_details .guess-item-detail { padding:20px; background: #fff; border-bottom: 1px solid #f0f0f0; position:relative; }
#my_guess_details .guess-item-detail .match-league { height: 20px; }
#my_guess_details .guess-item-detail .match-league .result { float: right; font-size: 14px; color: #333; }
#my_guess_details .guess-item-detail .match-league .match-time { margin-left: 10px; color: #999; }
#my_guess_details .guess-item-detail .match-team { display: table; width: 100%; height: 40px; border-bottom: 1px solid #f0f0f0; }
#my_guess_details .guess-item-detail .match-team .match-team-vs { display: table-cell; width: 20%; text-align: center; font-size: 18px; font-family: Arial; }
#my_guess_details .guess-item-detail .match-team .match-team-a { display: table-cell; width: 40%; font-size: 16px; color: #333; text-align: left; }
#my_guess_details .guess-item-detail .match-team .match-team-a img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#my_guess_details .guess-item-detail .match-team .match-team-b { display: table-cell; width: 40%; font-size: 16px; color: #333; text-align: right; }
#my_guess_details .guess-item-detail .match-team .match-team-b img { width: 25px; height: 25px; border: 1px solid #f0f0f0; border-radius: 25px; }
#my_guess_details .guess-item-detail .result-stamp {position:absolute;  right:50px; top:9px; z-index:99; }
#my_guess_details .guess-item-detail .tui-detail-content { margin-top:10px; display: table; width: 100%;  }
#my_guess_details .guess-item-detail .content-group { line-height:30px;}
#my_guess_details .guess-item-detail .content-group label { display: table-cell; line-height: 30px; font-size: 14px; color: #999; font-weight: normal; width: 75px; }
#my_guess_details .guess-item-detail .content-group .content-item { display: table-cell; font-size: 14px; color: #333; }
#my_guess_details #guess_detail_head{height:175px;width:100%;background-position:50% 45%;background-repeat: no-repeat;background-size:105px 105px; text-align:center; border-bottom:1px solid #f0f0f0; background-color:#fff;}
#my_guess_details #guess_detail_head img{height:119px;width:185px; line-height:175px;margin:auto auto;margin-top:28px;}
/*my specialdetail*/
#my_guess_special #guess_detail_head{height:175px;width:100%;background-position:50% 45%;background-repeat: no-repeat;background-size:105px 105px; text-align:center; border-bottom:1px solid #f0f0f0; background-color:#fff;}
#my_guess_special #guess_detail_head img{height:119px;width:185px; line-height:175px;margin:auto auto;margin-top:28px;}
#my_guess_special .guess-detail { padding:20px; background: #fff; border-bottom: 1px solid #f0f0f0; position:relative;}
#my_guess_special .guess-detail .result-stamp {position:absolute;  right:30px; top:15px; z-index:99; }
#my_guess_special .guess-detail .guess-kind { border-bottom:1px solid #f0f0f0; padding-bottom:10px; }
#my_guess_special .guess-detail .guess-detail-content { margin-top:10px; display: table; width: 100%; }
#my_guess_special .guess-detail .content-group { line-height:30px;}
#my_guess_special .guess-detail .content-group label { display: table-cell; line-height: 30px; font-size: 14px; color: #999; font-weight: normal; width: 75px; }
#my_guess_special .guess-detail .content-group .content-item { display: table-cell; font-size: 14px; color: #333; }
/*my mixdetail*/
#my_guess_mix #guess_detail_head{margin-bottom:2px;height:175px;width:100%;background-position:50% 45%;background-repeat: no-repeat;background-size:105px 105px; text-align:center; border-bottom:1px solid #f0f0f0; background-color:#fff;}
#my_guess_mix #guess_detail_head img{height:119px;width:185px; line-height:175px;margin:auto auto;margin-top:28px;}
#my_guess_mix .match-list-item {margin-bottom:2px; padding:10px 20px; background: #fff; border-bottom: 1px solid #f0f0f0; position:relative; }
#my_guess_mix .match-list-item .match-league { height: 20px; }
#my_guess_mix .match-list-item .match-league .result { float: right; font-size: 14px; color: #333; }
#my_guess_mix .match-list-item .match-league .match-time { margin-left: 10px; color: #999; }
#my_guess_mix .match-list-item .match-team {margin-bottom:5px; display: table; width: 100%; height: 30px; border-bottom: 1px solid #f0f0f0; }
#my_guess_mix .match-list-item .match-team .match-team-vs { display: table-cell; width: 14%; text-align: center; font-size: 18px; font-family: Arial; }
#my_guess_mix .match-list-item .match-team .match-team-a { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: left; }
#my_guess_mix .match-list-item .match-team .match-team-b { display: table-cell; width: 43%; font-size: 16px; color: #333; text-align: right; }
#my_guess_mix .match-list-item .match-team .lqmatch-vs{width: 20%;}
#my_guess_mix .match-list-item .match-team .lqmatch-team-a{width: 40%;}
#my_guess_mix .match-list-item .match-team .lqmatch-team-b{width: 40%;}
#my_guess_mix .guess-detail .guess-detail-content { display: table; width: 100%; padding:20px; background: #fff;}
#my_guess_mix .guess-detail .content-group label { display: table-cell; line-height: 30px; font-size: 14px; color: #999; font-weight: normal; width: 75px; }
#my_guess_mix .guess-detail .content-group { line-height:30px;}
#my_guess_mix .guess-detail .guess-desc,
#my_guess_mix .guess-detail .guess-desc label{ line-height:20px;}
#my_guess_mix .guess-detail .content-group .content-item { display: table-cell; font-size: 14px; color: #333; }
#my_guess_mix .guess-detail .result-group{position:relative;}
#my_guess_mix .guess-detail .result-stamp {position:absolute;  right:30px; z-index:99; }

/*myinfo*/
#my_profile { background:#fff; min-height:580px;}
#my_profile .info-group { display: table; margin-left: 10px; height: 50px; width: 100%; border-bottom: 1px solid #f0f0f0; font-size:14px; }
#my_profile .info-group label { display: table-cell; line-height: 50px; font-size: 16px; color: #999; font-weight: normal; width: 95px; }
#my_profile .info-group .info-input { display: table-cell;}
#my_profile .info-group #nickname-input { width:150px;}
#my_profile .info-group #birthday-input { width:150px;}
#my_profile .info-group input { padding: 0 5px; height: 30px; width: 100%; font-size: 14px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
#my_profile .info-group .opt-right { float:right; display: inline-block; margin-right:15px; width: 60px; height: 25px; line-height:25px; border: 1px solid #ec3e42; font-size: 14px; color: #ec3e42; border-radius: 4px; text-align: center; }
#my_profile .info-group .tips-right {float:right; margin-right:15px;color:#D1D1D1; }
#my_profile .head-img { height: 235px; line-height: 140px; width: 100%; text-align: center; border-bottom: 1px solid #e5e5e5; }
#my_profile .head-img img { height: 90px; width: 90px;margin-top:72.5px; border: 2px solid #e5e5e5; border-radius: 90px; margin-left: auto; /*display:block;*/ }
/* my setting */
#my_setting { background:#fff; }
#my_setting .head-img { height: 235px;  width: 100%; text-align: center; border-bottom: 1px solid #e5e5e5; }
#my_setting .version { padding-top:10px; font-size:14px; color:#333;}
#my_setting .head-img img { height: 90px; width: 90px;margin-top:72.5px; border: 2px solid #e5e5e5; border-radius: 90px; margin-left: auto; /*display:block;*/ }
#my_setting .my-menu-group {margin-top:10px; background:#fff;}
#my_setting .my-menu-group a {display:inline-block; width:100%; padding:0 20px; height:30px; line-height:30px; font-size:16px; color:#333; }
#my_setting .my-menu-group a span{display:inline-block;width:100%;border-bottom: 1px solid #f0f0f0;background-image: url("../images/center_go.png"); background-position:98%; background-size: 10px auto;background-repeat: no-repeat;}
#my_setting .my-out{  padding:50px 20px;  }
#my_setting .my-out a { display:inline-block;height:50px; line-height:50px;width:100%;  text-align:center; border:1px solid #F16E71; color:#EB3D41; font-size:16px;}
/* my feedback */
#my_feedback { padding: 40px 30px; background-color: #fff; min-height:480px; }
#my_feedback textarea { margin-top:15px; width: 100%; background-color: #f5f5f5; color: #999;  padding: 5px 10px; border: none; font-size: 14px; }
#my_feedback .feedback-button button { height: 50px; width: 100%; background-color: #ec3e42; color: #fff; line-height: 50px; border: none; font-size: 18px; text-align: center; margin-top: 20px; }
#my_feedback .feedback-tips{margin-top:20px;}
#my_feedback .feedback-tips p{font-size: 14px; margin-top:5px;}
/* my task */
#my_task{ background:#fff; }
#my_task .task-item{ min-height: 70px; border-bottom: 1px solid #f0f0f0;padding:14px 10px; display:table;width:100%;}
#my_task .task-left{ display:table-cell;width:100%;vertical-align:top;padding-right:10px;}
#my_task .task-left .by-day{display:inline-block;background-color:#ec3e42;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:11px;color:#fff;text-align:center;}
#my_task .task-left .by-one{display:inline-block;background-color:#ee971a;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:11px;color:#fff;text-align:center;}
#my_task .task-left .task-title{margin:0 5px;font-size:14px;}
#my_task .task-left .task-reward{font-size:11px;color:#ec3e42;}
#my_task .task-left .task-des{font-size:11px;color:#999;margin-top:3px;} 
#my_task .task-right{ display:table-cell;width:70px;vertical-align:middle;}
#my_task .task-right span{display:inline-block; width: 60px; height: 25px;line-height:23px;   font-size: 14px;  border-radius: 4px; text-align: center;}
#my_task .task-right .task-state-get{border: 1px solid #ec3e42;color: #ec3e42;}
#my_task .task-right .task-state-down{color: #999;}
#my_task .task-right .task-state-none{color: #ec3e42;}

/*bind-phone*/
#my_bindphone { padding: 20px; background:#fff; }
#my_bindphone .bindphone-phone, 
#my_bindphone .bindphone-code { height: 55px; position: relative; margin-bottom: 2px; }
#my_bindphone .bindphone-phone input { height: 55px; line-height: 55px; background-color: #f5f5f5; color: #999; font-size: 18px; padding: 5px 10px; border: none; width: 100%; }
#my_bindphone .bindphone-phone img, 
#my_bindphone .bindphone-code img { height: 13px; width: 13px; position: absolute; }
#my_bindphone .bindphone-phone img { right: 10px; top: 21px; }
#my_bindphone .bindphone-code img { right: 42%; top: 21px; }
#my_bindphone .bindphone-code i{background-image:url("../images/cha.png");background-repeat:no-repeat;background-size:13px 13px;background-position:50% 50%; height:100%;width:40px;position: absolute;right: 40%;}
#my_bindphone .bindphone-code input { height: 55px; line-height: 55px; background-color: #f5f5f5; color: #999; font-size: 18px; padding: 5px 10px; border: none; width: 60%; }
#my_bindphone .bindphone-code button { height: 55px; line-height: 50px; background-color: #f5f5f5; color: #ec3e42; font-size: 12px; padding: 5px 10px; border: none; width: 39%;position:absolute;right:0px;top:0px;}
#my_bindphone .bindphone-button button { height: 55px; width: 100%; background-color: #ec3e42; color: #fff; line-height: 50px; border: none; font-size: 16px; text-align: center; margin-top: 20px; }
#my_bindphone .bindphone-tips { margin-top: 10px; text-align: center; color: #ccc; }
#my_bindphone .bindphone-tips p { margin: 0px; }
#my_bindphone .bindphone-nobutton input { height: 50px; width: 100%; background-color: #fff; color: #ec3e42; line-height: 50px; border: none; font-size: 18px; border: 1px solid #ec3e42; text-align: center; margin-top: 20px; }

/*rank rule & game rule */
#rule-main{min-height:400px; margin-bottom:50px;padding:10px;height:100%;color:#333; background:#fff; }
#rule-main h2 { font-size:14px; font-weight:bold;line-height:25px;}
#rule-main .other-info { margin-top:20px;}
#rule-main blockquote { font-size:12px; color:#999;}
/*community default*/
#page_community { }
#page_community #community_type{padding:10px; background:#fff;margin-bottom:10px; padding-bottom:0;}
#page_community #community_type .type-name{ display:table;width:100%;}
#page_community #community_type .type-name div{ display:table-cell;width:50%;padding-bottom:10px;}
#page_community #community_type .type-name .type-right{padding-right:5px;}
#page_community #community_type .type-name .type-left{padding-left:5px;}
#page_community #community_type .type-name span{ border: 1px solid #d6d6d6;font-size:16px; background:#f9f9f9;width:100%;display:inline-block;height:35px; padding:5px 10px; border-radius:5px;}
#page_community #community_type .type-name .badge{float:right; font-weight:normal;font-style:normal;background-color:#EB3D41;margin-top:2px;min-width:35px;}
#page_community #topic_type {background:#fff; height: 50px; width: 100%; padding-bottom: 10px; padding: 0 20px; border-bottom: 1px solid #dfdfdf; }
#page_community #topic_type a {font-size:14px; color:#ec3e42; height: 30px; display: block; width: 33.33%; float: left;margin-top:10px;line-height:30px; border-top: 1px solid #ED3E43; border-bottom: 1px solid #ED3E43; text-align: center; cursor: pointer; border-left: 1px solid #ED3E43;  }
#page_community #topic_type .select-type { background-color: #ED3E43; color: #fff; }
#page_community #topic_type :first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#page_community #topic_type :last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right: 1px solid #ED3E43;}
#page_community #topic_list{ background: #fff;height:100%}
#page_community #topic_list .topic-item{ padding:10px;border-bottom: 1px solid #dfdfdf;}
#page_community #topic_list .user-topic{line-height:45px; }
#page_community #topic_list .user-topic img {float:left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_community #topic_list .user-topic .name {margin-left:3px; font-size: 16px; color: #1e5894; }
#page_community #topic_list .user-topic .topic-type { font-size: 11px; color: #999; float:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#page_community #topic_list .topic-content {width:100%;margin-bottom:10px; font-size: 15px; color: #333;padding-left:50px;margin-top:-5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
#page_community #topic_list .topic-pic {padding-left:50px;display:table;}
#page_community #topic_list .topic-pic img{margin-bottom:10px;}
#page_community #topic_list .topic-pic .img-one{ width:66.66%;}
#page_community #topic_list .topic-pic .img-two{ width:32%;margin-right:2%;}
#page_community #topic_list .topic-pic .img-three{ width:32%;margin-right:2%;}
#page_community #topic_list .topic-pic .img-last{margin-right:0;}
#page_community #topic_list .topic-time-vote{ line-height:25px;padding-left:50px;}
#page_community #topic_list .topic-time{ font-size: 12px;color:#999;}
#page_community #topic_list .topic-time-vote .user-vote { float: right;}
#page_community #topic_list .topic-time-vote .user-vote  span { text-align:left; padding-left:20px; float: right; display: block; font-size: 12px; color: #999; }
#page_community #topic_list .topic-time-vote .user-vote .vote-block-zan{background-image: url("../images/icon-review-zan1.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_community #topic_list .topic-time-vote .user-vote .vote-block-fav{margin-left: 25px;background-image: url("../images/icon_star02.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_community #topic_list .topic-time-vote .user-vote .vote-block-comment{margin-left: 25px;background-image: url("../images/icon_talk.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
/*community reviewdetail*/
#page_community_detail .review-detail{background:#fff; padding:10px;}
#page_community_detail .user-topic{border-bottom: 1px solid #f0f0f0;margin-bottom:10px;padding-bottom:10px;line-height:45px; }
#page_community_detail .user-topic img {float:left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_community_detail .user-topic .name {margin-left:3px; font-size: 16px; color: #1e5894; }
#page_community_detail .user-topic .topic-type { font-size: 11px; color: #999; float:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#page_community_detail .topic-content {width:100%; margin-bottom:10px; font-size: 15px; color: #333;}
#page_community_detail .topic-pic img {width:100%;margin-bottom:10px;}
#page_community_detail .topic-time-vote{ line-height:25px;}
#page_community_detail .topic-time{ font-size: 12px;color:#999;}
#page_community_detail .topic-time-vote .user-vote { float: right;}
#page_community_detail .topic-time-vote .user-vote  span {text-align:left; padding-left:20px; float: right; display: block; font-size: 12px; color: #999; }
#page_community_detail .topic-time-vote .user-vote .vote-block-zan{background-image: url("../images/icon-review-zan1.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_community_detail .topic-time-vote .user-vote .vote-block-fav{margin-left: 25px;background-image: url("../images/icon_star02.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_community_detail .topic-time-vote .user-vote .vote-block-comment{margin-left: 25px;background-image: url("../images/icon_talk.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_community_detail #topic_award{background:#fff;padding:30px;border-top:1px solid #f0f0f0;text-align:center;}
#page_community_detail #topic_award a { display: inline-block;  width: 90px; height: 30px;line-height:30px;  background-color:#ec3e42; font-size: 16px; color: #fff; border-radius: 4px; text-align: center; }
#page_community_detail #topic_award p{font-size:16px;margin-top:20px;margin-bottom:10px;}
#page_community_detail #topic_award p span{color:#1e5894;}
#page_community_detail #award_user{margin:0 auto;max-width:300px;text-align:left;}
#page_community_detail #award_user img{width:30px;height:30px;margin:3px 2px;}
#page_community_detail #comment_title{height:40px;line-height:40px;font-size:17px; padding-left:10px;border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
#page_community_detail #comment_list{background:#fff;} 
#page_community_detail #comment_list .comment-item{padding:10px;border-bottom: 1px solid #dfdfdf;} 
#page_community_detail #comment_list .user-comment img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_community_detail #comment_list .user-comment .name {margin-left:5px; font-size: 16px; color: #1e5894; }
#page_community_detail #comment_list .user-comment .floor { font-size: 11px; color: #999; float:right;margin-top:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#page_community_detail #comment_list .comment-parent{background-color:#f7f7f7;padding:10px;margin-bottom:10px;}
#page_community_detail #comment_list .comment-parent-title{color:#1e5894;}
#page_community_detail #comment_list .comment-content {margin-bottom:10px; font-size: 15px; color: #333;padding-left:50px;margin-top:-5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
#page_community_detail #comment_list .comment-time-vote{ line-height:25px;padding-left:50px;margin-top:10px;}
#page_community_detail #comment_list .comment-time{ font-size: 12px;color:#999;}
#page_community_detail #comment_list .comment-time-vote .user-vote { float: right;}
#page_community_detail #comment_list .comment-time-vote .user-vote  span {text-align:left; padding-left:20px; float: right; display: block; font-size: 12px; color: #999; }
#page_community_detail #comment_list .comment-time-vote .user-vote .vote-block-zan{background-image: url("../images/icon-review-zan1.png"); background-repeat: no-repeat;background-position-y:50%; background-size: 16px auto; }
#page_community_detail #comment_list .comment-time-vote .user-vote .vote-block-comment{margin-left: 25px;background-image: url("../images/icon_talk.png"); background-repeat: no-repeat;background-position-y:50%; background-size: 16px auto; }
#page_community_detail #vote-view{font-size: 14px;padding:10px 0; z-index: 999; height: 130px; width: 60%; background-color: #fff; position: fixed; left: 20%; top: 20%; border-radius: 10px;text-align:center;}
#page_community_detail #vote-view div{display:inline-block;width:45%;text-align:center;font-size: 12px;}
#page_community_detail #vote-view img{height:50px;width:50px;margin:10px 25%;}

#page_community_detail #review_footer_menu {width:100%; height: 50px; padding:7px 10px ; border-top: 1px solid #dfdfdf; background: #f4f4f4;  bottom: 0; margin-bottom: 0; border-width: 1px 0 0; position: fixed; right: 0; left: 0; z-index: 99; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#page_community_detail #review_footer_menu div{float:left;}
#page_community_detail #review_footer_menu .tag-input{ width:65%; font-size: 14px;height:35px; border:1px solid #dfdfdf; position:relative; background-color:#fff;border-radius:5px;line-height:35px;color: #999;padding-left:10px;}
#page_community_detail #review_footer_menu .tag-report{position:relative; width:15%;text-align:right;height:35px;}
#page_community_detail #review_footer_menu .tag-comment{position:relative; width:20%;text-align:right;height:35px;}
#page_community_detail #review_footer_menu .tag-comment img,#page_community_detail #review_footer_menu .tag-report img{width:25px;margin-top:3px;margin-right:10px;}
#page_community_detail #review_footer_menu .badge{position:absolute;right:0; float:right; font-weight:normal;font-style:normal;background-color:#EB3D41;padding:1px; font-size:10px;width:15px;}
#page_community_detail .review-talk { height: 200px; padding: 0 15px; border-top: 1px solid #dfdfdf; background: #fff;  bottom: 0; margin-bottom: 0; position: fixed; right: 0; left: 0; }
#page_community_detail .review-talk .review-talk-title{text-align:center;height:40px;padding:5px 0;line-height:30px;border-bottom:1px solid #dfdfdf;}
#page_community_detail .review-talk .review-talk-title img{height:15px;float:left;margin:7px 0;}
#page_community_detail .review-talk .review-talk-title .review-talk-user{font-size:17px;line-height:40px;height:30px;display:inline-block;line-height:30px;}
#page_community_detail .review-talk .review-talk-title .review-talk-post{font-size:17px;float:right;color:#ec3e42;}
#page_community_detail .review-talk .review-talk-content{padding-top:10px; }
#page_community_detail .review-talk .review-talk-content .review-content { width: 100%; border: none; font-size: 14px; outline:none;resize:none;}

/*community communityaward*/
#page_community_award{background:#fff;height:100%;}
#page_community_award #user_background{height:100px;background-color:#d75847;width:100%;text-align:center;border-radius:200px/0 0 80px 80px;margin-bottom:35px;}
#page_community_award #user_info{display:inline-block;height:75px;width:75px;position:relative;top:65px;}
#page_community_award #user_img{width: 65px; height: 65px; border-radius: 65px; }
#page_community_award .vip-auth {position:absolute; right:0; top:40px; z-index:99;  width:22px; height:22px; background: url("../images/icon_v2.png") no-repeat 0 0; background-size: 22px auto;}
#page_community_award #user_name{text-align:center;font-size:24px;margin-bottom:30px;}
#page_community_award .enable-amount{ font-size:14px; color:#999;text-align:center;margin-bottom:10px;}
#page_community_award .award-choice {margin:0 20px 0 30px;}
#page_community_award .award-choice .choice-row{display:table;width:100%;margin-bottom:20px;}
#page_community_award .award-choice .choice-row .choice-options{display:table-cell;width:33.3%;padding-right:10px;color:#ec3e42;}
#page_community_award .award-choice .choice-row .choice-options .option {vertical-align:top;line-height:60px; display:inline-block;font-size: 15px; width:100%; height: 60px; text-align:center;  border-radius: 5px;border: 1px solid #ec3e42; }
#page_community_award .award-choice .choice-row .choice-options .option span{font-family:Arial;font-size:30px;padding-right:5px;}
#page_community_award .award-choice .choice-row .choice-options .option label{font-weight:normal;}
#page_community_award .award-choice .choice-row .choice-options .option input{ margin-top:10px; width:80%;text-align:center;line-height:30px; height:30px;color:#ec3e42;font-size:30px;}
#page_community_award .award-choice .choice-row .choice-options .select-res-yes{border: 2px solid #ec3e42;}
#page_community_award #community_footer_menu {width:100%; height: 60px;padding: 10px;border-top: 1px solid #D1D1D1;background: #fff;position:fixed;bottom:0;}
/*community abusereport */
#page_abusereport { padding: 20px 30px; background-color: #fff; }
#page_abusereport .topic-name{ font-size: 16px;padding-bottom:10px; }
#page_abusereport #abusereport_select{height:30px;}
#page_abusereport textarea { margin-top:15px; width: 100%; background-color: #f5f5f5; color: #999;  padding: 5px 10px; border: none; font-size: 14px; }
#page_abusereport .abusereport-button button { height: 50px; width: 100%; background-color: #ec3e42; color: #fff; line-height: 50px; border: none; font-size: 18px; text-align: center; margin-top: 20px; }
#page_abusereport .abusereport-tips{margin-top:20px;}
#page_abusereport .abusereport-tips p{font-size: 14px; margin-top:5px;}

/*community partlist , community matchpartlist , community matchtopiclist*/
#page_community_part #community_footer_menu {width:100%; height: 60px;padding: 10px;border-top: 1px solid #D1D1D1;background: #fff;position:fixed;bottom:0;}
.submit-topic{position:absolute;right:10px; display:inline-block;float:right;width:30px;height:100%;background-image: url("../images/icon_edit.png");background-repeat: no-repeat;background-position: 100% 50%;background-size:20px 20px;}
#page_community_part #topic_type{ background: #fff;height:100%;padding:10px;border-bottom: 1px solid #dfdfdf;}
#page_community_part #topic_type img{ width:60px;height:60px;margin-right:18px;vertical-align:top;}
#page_community_part #topic_type div{display:inline-block;line-height:30px;}
#page_community_part #topic_type div .topic-type-name{font-size:17px;}
#page_community_part #topic_type div .topic-type-num{font-size:12px;color:#666;}
#page_community_part #hot_topic_list{ background: #fff;margin-bottom:10px;}
#page_community_part #hot_topic_list .hot-topic{ border-bottom: 1px solid #dfdfdf;height:45px;padding: 12px 10px;background-image: url("../images/center_go.png");background-repeat: no-repeat;background-position: 98% 50%;background-size: 8px 13px;}
#page_community_part #hot_topic_list .hot-topic img{width:19px;height:19px;margin-right:10px;vertical-align:top;}
#page_community_part #hot_topic_list .hot-topic span{font-size:14px;display:inline-block;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#page_community_part #topic_list{ background: #fff;height:100%}
#page_community_part #topic_list .topic-item{ padding:10px;border-bottom: 1px solid #dfdfdf;}
#page_community_part #topic_list .user-topic{line-height:45px; }
#page_community_part #topic_list .user-topic img {float:left; width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_community_part #topic_list .user-topic .name {margin-left:3px; font-size: 16px; color: #1e5894; }
#page_community_part #topic_list .user-topic .topic-type { font-size: 11px; color: #999; float:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#page_community_part #topic_list .topic-content {width:100%;margin-bottom:10px; font-size: 15px; color: #333;padding-left:50px;margin-top:-5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
#page_community_part #topic_list .topic-pic {padding-left:50px;display:table;}
#page_community_part #topic_list .topic-pic img{margin-bottom:10px;}
#page_community_part #topic_list .topic-pic .img-one{ width:66.66%;}
#page_community_part #topic_list .topic-pic .img-two{ width:32%;margin-right:2%;}
#page_community_part #topic_list .topic-pic .img-three{ width:32%;margin-right:2%;}
#page_community_part #topic_list .topic-pic .img-last{margin-right:0;}
#page_community_part #topic_list .topic-time-vote{ line-height:25px;padding-left:50px;}
#page_community_part #topic_list .topic-time{ font-size: 12px;color:#999;}
#page_community_part #topic_list .topic-time-vote .user-vote { float: right;}
#page_community_part #topic_list .topic-time-vote .user-vote  span {text-align:left; padding-left:20px; float: right; display: block; font-size: 12px; color: #999; }
#page_community_part #topic_list .topic-time-vote .user-vote .vote-block-zan{background-image: url("../images/icon-review-zan1.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_community_part #topic_list .topic-time-vote .user-vote .vote-block-fav{margin-left: 25px;background-image: url("../images/icon_star02.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }
#page_community_part #topic_list .topic-time-vote .user-vote .vote-block-comment{margin-left: 25px;background-image: url("../images/icon_talk.png"); background-repeat: no-repeat;background-position-y:40%; background-size: 16px auto; }

#page_community_part #hot_match_list{ background: #fff;padding:10px;border-bottom: 1px solid #dfdfdf;}
#page_community_part #hot_match_list span{ display:inline-block;height:30px;line-height:30px; color:#fff;font-size:12px;padding:0 10px;border-radius:2px;margin:5px 5px 5px 0;}
#page_community_part #more_match{ background: #fff;height:45px;line-height:45px;text-align:center;font-size:14px; margin-bottom:10px;}
#page_community_part #more_match a{ display:block;width:100%;color:#ec3e42;}
#page_community_part #more_match img{ height:12px;}

#page_community_part .com-match-team { display: table; width: 100%; padding: 15px; border-bottom: 1px solid #f0f0f0; background: #fff; margin-bottom:10px;}
#page_community_part .com-match-team-vs { display: table-cell; width: 30%; text-align: center; font-family: Arial; vertical-align:top; padding-top:5px; }
#page_community_part .com-match-team-vs span { }
#page_community_part .com-match-team-vs .num-vs { display: block; font-size: 18px; }
#page_community_part .com-match-team-vs .match-time { display: block; font-size: 14px; color: #999; }
#page_community_part .com-match-team-a { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#page_community_part .com-match-team-a img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
#page_community_part .com-match-team-b { display: table-cell; width: 35%; font-size: 16px; color: #333; text-align: center; }
#page_community_part .com-match-team-b img { width: 45px; height: 45px; border: 1px solid #f0f0f0; border-radius: 45px; }
/*community matchmore */
#page_community_game{}
#page_community_game #more-match { background:#fff; }
#page_community_game #more-match .game-head { height: 30px;  background-color: #eee; line-height: 30px;  }
#page_community_game #more-match .game-head span { float: left; z-index: 2; position: absolute; left: 10px; font-size: 14px; color: #333; }
#page_community_game #more-match .game-head label { text-align: center; display: block; font-size: 14px; color: #333; font-weight: 500; }
#page_community_game #more-match .game-group-date-list {  padding: 0px; }
#page_community_game #more-match .game-group-date .game-team { height: 105px; border-bottom: 1px solid #f0f0f0; }
#page_community_game #more-match .game-group-date .game-team > div { float: left; width: 33.3%; text-align: center; /*height: 100%;*/ }
#page_community_game #more-match .game-group-date .game-team div img { margin-top: 20px; height: 45px; width: 45px;border-radius:45px;border:1px solid #d7d7d7; }
#page_community_game #more-match .game-team-home, 
#page_community_game #more-match .game-team-guest { font-size: 14px; color: #333;text-overflow:clip;white-space: nowrap;overflow:hidden; }
#page_community_game #more-match .game-team-home p, 
#page_community_game #more-match .game-team-guest p{margin:0px;margin-top:5px;font-size:16px;font-weight:500;}
#page_community_game #more-match .game-team-center { margin-top: -5px; }
#page_community_game #more-match .game-group-date .game-team-pingju{font-size: 36px; color: #333; margin:0px;margin-top:20px;}
#page_community_game #more-match .game-group-date .game-team-vs { font-size: 14px; color: #333; font-weight: 600; margin:0px;margin-top:40px;margin-bottom:15px;}
#page_community_game #more-match .game-group-date .game-team-res { font-size: 36px; color: #333; margin:0px;margin-top:20px;}
#page_community_game #more-match .game-group-date .game-team-res lable{margin:0px;}
#page_community_game #more-match .game-group-date .game-team-res lable span{vertical-align:central;}
#page_community_game #more-match .game-group-date .game-team-pingju span,
#page_community_game #more-match .game-group-date .game-team-res span{font-size:14px;font-weight: 600;color: #333;margin:0px 5px;position: relative; top: -6px;}
#page_community_game #more-match .game-group-date .game-team-date { font-size: 14px; color: #999;margin:0px;margin-top:6px; }
#page_community_game #more-match .game-group-date .game-team-date .topic-count{ color:#ec3e42; }
#page_community_game #more-match .game-group-date-list .game-res { height: 40px; line-height: 40px; }
#page_community_game #more-match .game-group-date-list .game-res div { float: left; width: 50%; }
#page_community_game #more-match .game-group-date-list .game-res div .game-res-block { padding: 5px; width: auto; background-color: #eee; color: #343434; }
/*community communitytopicadd */
#page_review_add{}
#page_review_add #community_footer_menu {width:100%; height: 60px;padding: 10px;border-top: 1px solid #D1D1D1;background: #fff;position:fixed;bottom:0;}
#page_review_add #review_content_add .review-content {padding:10px; width: 100%; border: none; font-size: 14px; outline:none;resize:none;}
.add-topic{position:absolute;right:10px;font-size:17px;float:right;color:#ec3e42;}
/*wap app */
#page_app{font-size:14px;}
#page_app .bar{display:inline-block;width:2px;background-color:#ec3e42;height:17px;margin-right:10px;vertical-align:middle;}
#page_app .app-top{padding:10px;background-color:#fff;display:table;width:100%;}
#page_app .app-top .top-img{display:table-cell;}
#page_app .app-top img{width:90px;border-radius:20px;}
#page_app .app-top .top-text{display:table-cell;padding-left:20px;vertical-align:top;}
#page_app .app-top .top-text span{font-size:18px;font-weight:600;}
#page_app .app-top .top-text .top-star{width:120px; height:20px; display:block; background-image: url("../images/star.png"); background-repeat:repeat-x; background-position:0 100% ;background-size: auto 15px;}
#page_app .top-download{padding:10px;background-color:#fff;}
#page_app .top-download .btn-download{outline:none; display: inline-block; width: 100%; height: 37px;  text-align: center; border: 1px solid #ec3e42; font-size: 16px; color: #fff; background-color: #ec3e42; border-radius: 37px; }
#page_app .app-screenshot{margin-bottom:10px;}
#page_app .app-screenshot .screenshot-title{ margin:10px;font-size:16px;font-weight:600;}
#page_app .app-screenshot .screenshot-img{height:400px;width:100%;overflow:hidden;white-space: nowrap;overflow-x:scroll;}
#page_app .app-screenshot .screenshot-img img{height:400px;margin-left:5px;}
#page_app .app-screenshot .screenshot-img .first{margin-left:10px;}
#page_app .app-screenshot .screenshot-img .last{margin-right:10px;}
#page_app .app-screenshot .screenshot-img::-webkit-scrollbar{display: none;}
#page_app .app-info{padding:10px;background-color:#fff;}
#page_app .app-info .info-title{font-size:16px;font-weight:600;}
#page_app .app-info p{margin:10px 0;}
/*mall default*/
#page_mall .mall-rule{padding:5px 10px; background-color:#fff3dd;}
#page_mall .mall-rule a{line-height:30px;height:30px;font-size:10px;color:#e58f1f;display:block;}
#page_mall .mall-rule span{float:right; margin-left:5px; height: 20px; line-height:20px; margin-top: 4px;padding: 0px 5px;border-radius: 2px;border: 1px solid #e58f1f;color:#e58f1f;}
#page_mall #user_info{width:100%;height:46px; display:table;background-color:#fff;text-align:center;font-size:14px;line-height:20px;}
#page_mall #user_info .user-item{width:33%; display:table-cell;vertical-align:middle;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
#page_mall #user_info .user-item.last{border-right:none;}
#page_mall #user_info .user-item .mall-glod-coin{margin-right:3px; display:inline-block;height:14px;width:14px;background-image: url("../images/mall-glod-coin.png"); background-repeat: no-repeat; background-size: 14px 14px;}
#page_mall #user_info .user-item .mall-game-coin{margin-right:3px; display:inline-block;height:14px;width:14px;background-image: url("../images/mall-game-coin.png"); background-repeat: no-repeat; background-size: 14px 14px;}
#page_mall #user_info .user-item .mall-exchange{margin-right:3px; display:inline-block;height:14px;width:14px;background-image: url("../images/mall-exchange.png"); background-repeat: no-repeat; background-size: 14px 14px;}
#page_mall #category_list{width:100%;height:90px; display:table;background-color:#fff;text-align:center;font-size:12px;}
#page_mall #category_list .category-item{width:25%; display:table-cell;vertical-align:middle;}
#page_mall #category_list .category-item .mall-category-all{margin:0 auto;border-radius:10px;margin-bottom:5px; height:45px;width:45px;background-image: url("../images/mall-category-all.jpg"); background-repeat: no-repeat; background-size: 45px 45px;}
#page_mall #category_list .category-item .mall-category-fav{margin:0 auto;border-radius:10px;margin-bottom:5px; height:45px;width:45px;background-image: url("../images/mall-category-fav.jpg"); background-repeat: no-repeat; background-size: 45px 45px;}
#page_mall #category_list .category-item .mall-category-3c{margin:0 auto;border-radius:10px;margin-bottom:5px; height:45px;width:45px;background-image: url("../images/mall-category-3c.jpg"); background-repeat: no-repeat; background-size: 45px 45px;}
#page_mall #category_list .category-item .mall-category-vir{margin:0 auto;border-radius:10px;margin-bottom:5px; height:45px;width:45px;background-image: url("../images/mall-category-vir.jpg"); background-repeat: no-repeat; background-size: 45px 45px;}
#page_mall #hot_title{height:40px;padding:0 10px;font-size:16px;line-height:40px;}
#page_mall #hot_title .hot-title-icon{vertical-align:middle; margin-right:5px; display:inline-block;height:18px;width:18px;background-image: url("../images/mall-hot-title.png"); background-repeat: no-repeat; background-size: 18px 18px;}
#page_mall #hot_product .product-item{background-color:#fff;width:49%;height:49%;float:left;margin-bottom:2%;}
#page_mall #hot_product .product-item-left{margin-right:2%;}
#page_mall #hot_product .product-item .product-logo{width:100%;height:110px;overflow:hidden;}
#page_mall #hot_product .product-item img{width:100%;}
#page_mall #hot_product .product-item .product-info{margin:5px;}
#page_mall #hot_product .product-item .product-info div{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#page_mall #hot_product .product-item .product-info .product-limit{font-size:12px;height:17px;}
#page_mall #hot_product .product-item .product-info .product-limit .by-one{margin-right:5px; display:inline-block;background-color:#ee971a;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:10px;color:#fff;text-align:center;}
#page_mall #hot_product .product-item .product-info .product-limit .by-day{margin-right:5px; display:inline-block;background-color:#ec3e42;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:10px;color:#fff;text-align:center;}
/*mall productlist*/
#mall_product_list{background-color:#fff;}
#mall_product_list #product_list .product-item{display:table;width:100%;height:100px;border-bottom:1px solid #f0f0f0;}
#mall_product_list #product_list .product-item .product-logo{display:table-cell;width:80px;height:100px;vertical-align:middle;}
#mall_product_list #product_list .product-item .product-logo div{width:110px;max-height:80px;margin:10px;overflow:hidden;}
#mall_product_list #product_list .product-item .product-logo img{width:100%;}
#mall_product_list #product_list .product-item .product-info{display:table-cell;height:100px;vertical-align:middle;}
#mall_product_list #product_list .product-item .product-info div{font-size:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
#mall_product_list #product_list .product-item .product-info .product-limit{font-size:12px;height:17px;}
#mall_product_list #product_list .product-item .product-info .product-title{height:40px;}
#mall_product_list #product_list .product-item .product-info .product-limit .by-one{margin-right:5px; display:inline-block;background-color:#ee971a;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:10px;color:#fff;text-align:center;}
#mall_product_list #product_list .product-item .product-info .product-limit .by-day{margin-right:5px; display:inline-block;background-color:#ec3e42;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:10px;color:#fff;text-align:center;}
#mall_product_list #product_list .product-item .product-exchange{display:table-cell;padding:10px;vertical-align:middle;width:60px;}
#mall_product_list #product_list .product-item .product-exchange span{display:inline-block;border:1px solid #EB3D41;border-radius:5px;color:#EB3D41;padding:2px 5px;font-size:14px;}
/*mall productdetail*/
#mall_product_detail{}
#mall_product_detail #product_info{background-color:#fff;margin-bottom:10px;}
#mall_product_detail #product_info .product-img{height:175px;overflow:hidden;}
#mall_product_detail #product_info .product-img .product-swipe{margin:0;overflow:hidden;visibility:visible;position:relative; height:175px;width:100%;background:#fff;}
#mall_product_detail #product_info .product-img .product-swipe nav{position:absolute;bottom:-2px;right:45%;}
#mall_product_detail #product_info .product-img .product-swipe .swipe-wrap{overflow:hidden;position:relative; height:175px; }
#mall_product_detail #product_info .product-img .product-swipe .swipe-wrap > figure{float:left;width:100%;position:relative; height:175px; overflow:hidden;}
#mall_product_detail #product_info .product-img .product-swipe .swipe-wrap > figure img{margin:0 auto;width:100%;vertical-align:middle;top:0px;position:absolute;left:0px;}
#mall_product_detail #product_info .product-img .product-swipe .swipe-wrap .wrap{display:block;height:175px; width:100%;vertical-align:middle;overflow:hidden;text-align:center;}
#mall_product_detail #product_info .product-img .product-swipe nav #position{text-align:center;list-style:none;margin:0;padding:0;}
#mall_product_detail #product_info .product-img .product-swipe nav #position li{display:inline-block;width:8px;height:8px;border-radius:10px;background:#fff;margin:0 2px;cursor:pointer;}
#mall_product_detail #product_info .product-img .product-swipe nav #position li.on{box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);background-color:#e8e8e8;}
#mall_product_detail #product_info .product-title{font-size:16px;padding:10px;}
#mall_product_detail #product_info .product-cost{font-size:14px;padding:0 10px;height:35px;display:table;}
#mall_product_detail #product_info .product-cost div{display:table-cell;}
#mall_product_detail #product_info .product-cost div:first-child{width:100%;}
#mall_product_detail #product_info .product-cost div:last-child{min-width:65px;text-align:right;}
#mall_product_detail #product_info .product-cost .num{font-size:24px;}
#mall_product_detail #product_info .product-cost .market-price{color:#999;text-decoration: line-through;font-size:12px;margin-left:10px;}
#mall_product_detail #product_info .product-cost .product-freight{color:#999;font-size:12px;}
#mall_product_detail #product_info .product-limit{font-size:14px;padding:0 10px;line-height:20px;margin-bottom:10px;}
#mall_product_detail #product_info .product-limit .by-one{vertical-align: text-top;margin-right:5px; display:inline-block;background-color:#ee971a;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:10px;color:#fff;text-align:center;}
#mall_product_detail #product_info .product-limit .by-day{vertical-align: text-top;margin-right:5px; display:inline-block;background-color:#ec3e42;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:10px;color:#fff;text-align:center;}
#mall_product_detail #product_info .product-contact{border-top:1px solid #f0f0f0; padding:10px;background-color: #fcfcfc;font-size:14px;}
#mall_product_detail #product_info .product-contact .user-address{color:#999;padding-right:15px; width:100%; background-image: url("../images/center_go.png"); background-position:100%; background-size: auto 12px;background-repeat: no-repeat;}
#mall_product_detail #product_info .product-contact .user-address .address-des{display:inline-block;width:80px;}
#mall_product_detail #product_info .product-contact .user-address div:last-child{margin-left:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#mall_product_detail #product_info .product-contact .user-contact{color:#999;padding-right:15px; width:100%; background-image: url("../images/center_go.png"); background-position:100%; background-size: auto 12px;background-repeat: no-repeat;}
#mall_product_detail #product_info .product-contact .user-contact span{display:inline-block;width:80px;}
#mall_product_detail #product_info .product-sku{ padding:10px;background-color: #fcfcfc; width:100%; border-top:1px solid #f0f0f0;font-size:14px;color:#999;}
#mall_product_detail #product_info .product-sku div{display:table; padding-right:15px; width:100%; background-image: url("../images/icon_arrow03.png"); background-position:100%; background-size: auto 8px;background-repeat: no-repeat;}
#mall_product_detail #product_info .product-sku .sku-title{width:80px;display:table-cell;}
#mall_product_detail #product_info .product-sku .select-sku{display:table-cell;}
#mall_product_detail #product_info .product-sku select{width:100%; border:none;outline:none;appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color: #fcfcfc;}
#mall_product_detail #product_info .product-sku select::-ms-expand { display: none; }
#mall_product_detail #product_info .user-note{display:table; padding: 0 10px;line-height:40px; background-color: #fcfcfc; width:100%; border-top:1px solid #f0f0f0;font-size:14px;color:#999;}
#mall_product_detail #product_info .user-note span{  display:table-cell;width:80px;}
#mall_product_detail #product_info .user-note input{ display:table-cell; border:none;width:100%;height:30px;outline:none;}
#mall_product_detail #product_detail{background-color:#fff;padding:10px;}
#mall_product_detail #product_detail .detail-title{font-size:16px;color:#999;border-bottom:1px solid #f0f0f0;padding-bottom:10px;}
#mall_product_detail #product_detail .detail-des{padding:10px 0;font-size:14px;}
#mall_product_detail #product_detail .detail-des img{width:100%;margin-bottom:10px;}
#mall_product_detail #mall_footer_menu { height: 60px; padding: 10px; border-top: 1px solid #D1D1D1; background: #fff; }
#mall_product_detail #mall_footer_menu .btn-submit-lg{ line-height:31px; }
#mall_product_detail #mall_footer_menu .btn-disabled{background: #b5b5b5;border: 1px solid #b5b5b5}
#mall_product_detail .check-address{display:none;}
#mall_product_detail .check-address #mall_address {margin-top:10px; position:relative; height: 60px; padding: 10px; border-top: 1px solid #D1D1D1; background: #fff; display:table;width:100%;}
#mall_product_detail .check-address #mall_address span{ display:table-cell;}
#mall_product_detail .check-address #mall_address span:last-child{ width:100px;padding-left:10px;}
#mall_product_detail .check-address #mall_address .btn-submit-lg{ line-height:31px; }
#mall_product_detail .check-address #mall_address .btn-submit-cancel{ color:#999;background-color:#fff;border-color:#999; }
#mall_product_detail .check-show{position:fixed;bottom:0;left:0;width:100%;height:100%; z-index: 1100;background-color:#fff;animation-name:editshow;animation-duration:600ms;-webkit-animation-name:editshow;-webkit-animation-duration:600ms;}
@keyframes editshow{from {height:0;}to {height:100%;}}
@-webkit-keyframes editshow {from {height:0;}to {height:100%;}}
#mall_product_detail .check-hide{position:fixed;bottom:0;left:0;width:100%;height:100%; z-index: 1100;background-color:#fff;animation-name:edithide;animation-duration:600ms;-webkit-animation-name:edithide;-webkit-animation-duration:600ms;}
@keyframes edithide{from {height:100%;}to {height:0;}}
@-webkit-keyframes edithide{from {height:100%;}to {height:0;}}
#mall_product_detail .check-address #check_product{display:table;width:100%;}
#mall_product_detail .check-address #check_product .check-product-img{display:table-cell;width:95px;padding:10px;vertical-align:middle;}
#mall_product_detail .check-address #check_product .check-product-img div{width:95px;height:60px;overflow:hidden;}
#mall_product_detail .check-address #check_product .check-product-img img{width:100%;}
#mall_product_detail .check-address #check_product .check-product-info{display:table-cell;padding:10px 10px 10px 0;vertical-align:middle;}
#mall_product_detail .check-address #check_product .check-product-info .check-product-title{height:40px; font-size:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
#mall_product_detail .check-address #check_product .check-product-info .check-product-cost{font-size:14px;}
#mall_product_detail .check-address .check-group{display:table; font-size:14px;padding:3px 10px;color:#999;width:100%;}
#mall_product_detail .check-address .check-group .check-title{display:table-cell;width:80px;}
#mall_product_detail .check-address .check-group .check-content{display:table-cell;}
#mall_product_detail .add-note { height: 200px; padding: 0 15px; border-top: 1px solid #dfdfdf; background: #fff;  bottom: 0; margin-bottom: 0; position: fixed; right: 0; left: 0; }
#mall_product_detail .add-note .note-title{text-align:center;height:40px;padding:5px 0;line-height:30px;border-bottom:1px solid #dfdfdf;}
#mall_product_detail .add-note .note-title img{height:15px;float:left;margin:7px 0;}
#mall_product_detail .add-note .note-title .note-post{font-size:17px;float:right;color:#ec3e42;}
#mall_product_detail .add-note .note-content{padding-top:10px; }
#mall_product_detail .add-note .note-content .note-content-text { width: 100%; border: none; font-size: 14px; outline:none;resize:none;}

/*mall address*/
#mall_address{background-color:#fff;padding:10px 0 10px 10px;}
#mall_address .address-item{display:table;width:100%;border-bottom:1px solid #f0f0f0;font-size:16px;}
#mall_address .address-item .item-title{display:table-cell;color:#999; width:100px;vertical-align:middle;padding:10px 0;}
#mall_address .address-item .item-content{display:table-cell;vertical-align:middle;padding:10px 10px 10px 0;}
#mall_address .address-item .item-content input{outline:none;width:100%;}
#mall_address .address-item .item-content textarea{outline:none;width:100%;resize: none;}
#mall_address .item-content.select-item{padding-right:25px; background-image: url("../images/icon_arrow03.png"); background-position:97%; background-size: auto 8px;background-repeat: no-repeat;}
#mall_address .select-item select{width:100%; border:none;outline:none;appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color: #fff;}
#mall_address .select-item select::-ms-expand { display: none; }
#mall_address #mall_footer_menu { height: 60px; padding: 10px; border-top: 1px solid #D1D1D1; background: #fff; display:table;width:100%;}
#mall_address #mall_footer_menu span{ display:table-cell;}
#mall_address #mall_footer_menu span:last-child{ width:100px;padding-left:10px;}
#mall_address #mall_footer_menu .btn-submit-lg{ line-height:31px; }
#mall_address #mall_footer_menu .btn-submit-cancel{ color:#999;background-color:#fff;border-color:#999; }
/*mall contact*/
#mall_contact #my-contact{padding:10px;}
#mall_contact #my-contact input{ outline:none;width:100%;font-size:14px;padding:5px 10px;border-top: solid #f0f0f0 1px;border-bottom: solid #f0f0f0 1px;background-color:#fff;height:40px;}
#mall_contact #mall_footer_menu { height: 60px; padding: 10px; border-top: 1px solid #D1D1D1; background: #fff; display:table;width:100%;}
#mall_contact #mall_footer_menu span{ display:table-cell;}
#mall_contact #mall_footer_menu span:last-child{ width:100px;padding-left:10px;}
#mall_contact #mall_footer_menu .btn-submit-lg{ line-height:31px; }
#mall_contact #mall_footer_menu .btn-submit-cancel{ color:#999;background-color:#fff;border-color:#999; }
/*mall myexchange*/
#mall_my_exchange{min-height:580px;}
#mall_my_exchange .my-exchange { background:#fff; } 
#mall_my_exchange .my-exchange .exchange-list { height:60px; background-color: #fff; border-bottom: 1px solid #e5e5e5; padding: 10px 10px; line-height:20px;}
#mall_my_exchange .my-exchange .exchange-list .exchange-item{ display:table; width:100%;}
#mall_my_exchange .my-exchange .exchange-list .exchange-item-name{ display:table-cell;font-size:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
#mall_my_exchange .my-exchange .exchange-list .exchange-item-status{ display:table-cell;font-size:12px;width:50px;text-align:right;}
#mall_my_exchange .my-exchange .exchange-list .exchange-item-date {display:table-cell;color: #ccc;font-size:11px; }
#mall_my_exchange .my-exchange .exchange-list .exchange-item-cost { display:table-cell; color: #46bd1c;font-size:11px; text-align:right;}
/*mall myexchangeinfo*/
#mall_exchange_info{}
#mall_exchange_info #product_info{background-color:#fff;margin-bottom:10px;}
#mall_exchange_info #product_info .product-img{height:175px;overflow:hidden;}
#mall_exchange_info #product_info .product-img .product-swipe{margin:0;overflow:hidden;visibility:visible;position:relative; height:175px;width:100%;background:#fff;}
#mall_exchange_info #product_info .product-img .product-swipe nav{position:absolute;bottom:-2px;right:45%;}
#mall_exchange_info #product_info .product-img .product-swipe .swipe-wrap{overflow:hidden;position:relative; height:175px; }
#mall_exchange_info #product_info .product-img .product-swipe .swipe-wrap > figure{float:left;width:100%;position:relative; height:175px; overflow:hidden;}
#mall_exchange_info #product_info .product-img .product-swipe .swipe-wrap > figure img{margin:0 auto;width:100%;vertical-align:middle;top:0px;position:absolute;left:0px;}
#mall_exchange_info #product_info .product-img .product-swipe .swipe-wrap .wrap{display:block;height:175px; width:100%;vertical-align:middle;overflow:hidden;text-align:center;}
#mall_exchange_info #product_info .product-img .product-swipe nav #position{text-align:center;list-style:none;margin:0;padding:0;}
#mall_exchange_info #product_info .product-img .product-swipe nav #position li{display:inline-block;width:8px;height:8px;border-radius:10px;background:#fff;margin:0 2px;cursor:pointer;}
#mall_exchange_info #product_info .product-img .product-swipe nav #position li.on{box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);background-color:#e8e8e8;}
#mall_exchange_info #product_info .product-title{font-size:16px;padding:10px;}
#mall_exchange_info #product_info .product-cost{font-size:14px;padding:0 10px;height:35px;display:table;}
#mall_exchange_info #product_info .product-cost div{display:table-cell;}
#mall_exchange_info #product_info .product-cost div:first-child{width:100%;}
#mall_exchange_info #product_info .product-cost div:last-child{min-width:65px;text-align:right;}
#mall_exchange_info #product_info .product-cost .num{font-size:24px;}
#mall_exchange_info #product_info .product-cost .market-price{color:#999;text-decoration: line-through;font-size:12px;margin-left:10px;}
#mall_exchange_info #product_info .product-cost .product-freight{color:#999;font-size:12px;}
#mall_exchange_info #product_info .product-limit{font-size:14px;padding:0 10px;line-height:20px;margin-bottom:10px;}
#mall_exchange_info #product_info .product-limit .by-one{vertical-align: text-top;margin-right:5px; display:inline-block;background-color:#ee971a;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:10px;color:#fff;text-align:center;}
#mall_exchange_info #product_info .product-limit .by-day{vertical-align: text-top;margin-right:5px; display:inline-block;background-color:#ec3e42;width:30px;height:15px;line-height:15px; border-radius:3px;font-size:10px;color:#fff;text-align:center;}
#mall_exchange_info #product_info .info-item{display:table; padding: 0 10px;height:40px; background-color: #fcfcfc; width:100%; border-top:1px solid #f0f0f0;font-size:14px;color:#999;}
#mall_exchange_info #product_info .info-item span{  display:table-cell;width:80px;vertical-align:middle;}
#mall_exchange_info #product_info .info-item div{ display:table-cell;vertical-align:middle;}
#mall_exchange_info #mall_footer_menu { height: 60px; padding: 10px; border-top: 1px solid #D1D1D1; background: #fff; }
#mall_exchange_info #mall_footer_menu .btn-submit-lg{ line-height:31px; }

/*mall rule*/
#mall_rule{min-height:400px; margin-bottom:50px;padding:10px;height:100%;color:#333; background:#fff; }
#mall_rule h2 { font-size:14px; font-weight:bold;line-height:25px;}
#mall_rule .note-qrcode{ text-align:center;}
#mall_rule .note-qrcode img{ width:50%;}

/* v */
#page_v .com-tui-list { }
#page_v .com-list-item {  padding:10px 10px; background: #fff; border-bottom: 1px solid #f0f0f0; }
#page_v .com-list-item .item-site {display: table; width: 100%; padding-top:5px; }
#page_v .com-list-item .site-logo {display: table-cell; width:100%; text-align:center; }
#page_v .com-list-item .site-logo img { width:100%; padding:0 5px; }
#page_v .com-list-item .site-info { display: table-cell;  vertical-align:top; }
#page_v .com-list-item .site-info h4{ }
#page_v .com-list-item .site-info p{ padding:5px 0; font-size: 14px;color: #999; }
#page_v .com-list-item .site-info p .btn-view{float:right; padding:0 5px; height: 25px; min-width:52px; line-height:25px;  border: 1px solid #ec3e42; font-size: 14px; color: #ec3e42; text-align:center; border-radius: 4px; }
#page_v  .link-bar { clear:both; display:table; height:40px; width:100%; background:#fff; margin-bottom: 20px;  }
#page_v  .link-bar a { display:table-cell; width:33%; line-height:40px; text-align:center; font-size:14px; color:#777777}
#page_v .link-bar a:hover{ color:#ac3911;}

#page_v #apply_site { background: #fff; }
#apply_site .apply-group { display: table; margin-left: 10px; height: 50px; width: 100%; border-bottom: 1px solid #f0f0f0; }
#apply_site .apply-group label { display: table-cell; line-height: 50px; font-size: 14px; color: #999; font-weight: normal; width: 95px; }
#apply_site .apply-group .apply-input { display: table-cell; font-size: 14px; }
#apply_site .apply-group .apply-input img {padding:5px; width:125px; height:75px;}
#apply_site .note-tips { padding: 10px 10px; line-height: 25px; font-size: 14px; color: #999; }
#page_v #v_footer_menu { height: 100px; padding: 10px; border-top: 1px solid #D1D1D1; background: #fff; }
#page_v #v_footer_menu button { margin-bottom:10px;}