@charset "utf-8";
/********************************css reset*****************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td ,span, object, iframe{ padding: 0; margin: 0; }
table{border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
q:before, q:after { content:""; }
:link, :visited { text-decoration: none; }
a { cursor: pointer; text-decoration: none; }
a:hover { text-decoration: none; }
a img { vertical-align: middle; }
.clear { clear:both }
.clearfix{ zoom:1;}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both; font-size:0;}
.left{ float:left; }
.right{ float:right;}
/********************************css reset end*****************************************************************/

body{ font-family:"Microsoft Yahei"; font-size:14px; letter-spacing:1pt; word-break:break-all;}
#content,#footer{ width: 100%;}
#header{ height: 550px; }
#main{ width:960px;}
#site_bar{ width: 220px;}
.wrapper{width:1200px;position: relative;margin-left: auto;margin-right: auto}
a.btn_more{ font-size: 12px; font-family: "SimSun", serif, "宋体"; padding-right: 15px;}
h2.t_header,h5.t_header{ font-size: 18px; height: 38px; line-height: 38px; position: relative;}
h2.t_header:before,h5.t_header:before{ content: ""; display: inline-block; *display:block; width:3px; height: 18px; vertical-align: middle; margin-right: 6px; }
h5.t_header{ font-size: 14px; height: 14px; padding-bottom: 10px; line-height: 14px;}
h5.t_header:before{ height: 14px;}
.nothing_tip{padding-top: 50px; text-align:center; font-size: larger; color: #fff; line-height: 1.5}
a.page{ font-size: 16px; padding: 16px 70px;}

/********************************顶部logo*****************************************************************/
#top{ background:#F3F3F3; padding-top:8px;min-width: 300px}
#top a{ color:#737373; font-size:16px;}
#top a:hover{color:#be222e !important}
#top #logo{ width:1200px;position:relative;margin:0 auto;}
#top #logo h1{position:relative}
#top #logo a{ display: inline-block; padding: 4px 2px 5px;}
#top #logo h1 span{cursor:pointer;font-weight:400;display: inline-block; overflow: hidden; width: 120px;}
#top #logo h1 #line{position:absolute;top:8px;margin-left:12px}
#top #logo h1 ul{z-index:10;display:none;border:1px solid #e1e0e0;width:570px;position:absolute;left:170px;background:#fff;padding:10px 0 10px 15px}
#top #logo h1 #js_tj a{display:block}
#top #logo h1 #js_tj img{width:40px;height:40px}
#top #logo h1 ul li{height:40px;line-height:40px;overflow:hidden;padding-bottom:7px;margin-bottom:7px;border-bottom:1px dotted #d9d9d9;margin-right:15px;width:175px}
#top #logo h1 ul li img{margin-right:10px}
#top #logo h1 #game_tj{display:inline-block; position:absolute;top:5px;left:170px;background:url('../../../www2/img/game_tj.png') no-repeat center 5px;width:141px;height:28px;z-index:11}
#top #logo h1 #game_tj:hover,#top #logo h1 a.visited{width:141px;height:28px;border-left:1px solid #e1e0e0;border-right:1px solid #e1e0e0;border-top:1px solid #e1e0e0;background-color:#fff !important}
#top .option{position:absolute; top:8px; right:0;bottom:0px;}
#top .option a{padding:13px 15px;*padding:15px;display:inline-block}
#top .option a#login:hover,#top .option a#login.visited{padding:6px 14px 10px 14px;*padding:6px 14px 10px 14px;border-left:1px solid #e1e0e0;border-right:1px solid #e1e0e0;border-top:1px solid #e1e0e0;background:#fff}
#top #login_con{display:none;position:absolute;width:290px;height:300px;background:#fff;right:-20px; top:34px; border:1px solid #e1e0e0; z-index:10}
#top #login_con input{color:#A9A9A9;outline:none}
#top em{display:none;width:59px;height:1px;*height:2px;position:absolute;background:#fff;bottom:-1px;*bottom:1px;right:163px;z-index:11}
#top #login_con form input.width{padding:8px;font-size:14px;width:211px;border-radius:4px;border:1px solid #ccc}
#top #login_con ul{padding:20px 0;width:250px;margin:0 auto;}
#top #login_con ul li{margin-bottom:10px}
#top #login_con ul li#forget{padding:10px 0;overflow:hidden;border-bottom:1px dotted #C8C8C8;margin-bottom:15px}
#top #login_con ul li#forget a{font-size:14px}
#top #login_con ul li#forget a:hover{color:red;text-decoration:underline}
#top #login_con ul li#forget a.register{color:#199d6a;text-decoration:underline}
#top #login_con a{padding:0}
#top a#login_btn{display:block;background:url('../../../www2/img/btn.png') no-repeat left bottom;width:230px;height:45px}
#top a#login_btn:hover{background-position:-230px bottom}
#top li#dsflogin a{display:inline-block; height:23px;line-height:23px;font-size:14px}
#top li#dsflogin a.qq{background:url('../../../www2/img/qq.png') no-repeat left center;margin-right:6px; padding-left: 26px;}
#top li#dsflogin a.sina{background:url('../../../www2/img/sina.png') no-repeat left center;padding-left:30px}

/********************************顶部菜单*****************************************************************/
#menu{height: 550px; margin-left: auto; margin-right: auto;}
/*#menu a{ position:absolute; left: 25%;}*/
#menu a{ position:relative; left: 25%;float:left }
#game_menu a{ position:relative; left: 34%;float:left }
#header a{ display: block; height: 50px; line-height: 50px; width: 150px; text-align: center; font-family: "微软雅黑", sans-serif, serif; font-size: 18px;}
#game_logo{position:absolute; margin-top: 5px;}
#game_menu_mxbz a{ position:relative; left: 25%;float:left }

#index_game_info{ position: absolute; top:502px; left: 0px; height: 100px;}
#index_game_info .masker{ position: absolute; top:0px; left: 0px; background: #000; width: 100%; height: 100px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
#index_game_info img.logo{ position: absolute; top:10px; left: 0px;width: 80px}
#index_game_info p.intro{ position: absolute; top:10px; left: 90px; margin-left: 20px; line-height: 1.5; max-width: 600px; max-height: 82px; overflow: hidden;}
#index_game_info div.wx_intro{ position: absolute; top:10px; right:0px; width: 290px;}
#index_game_info div.wx_intro p{ font-size: 12px; line-height: 2;}
#index_game_info div.wx_intro span{ font-size: 16px; }

/*佳和官网*/
#index_games_info{ position: absolute; top:450px; left: 0px; height: 100px;}
#index_games_info .masker{ position: absolute; top:0px; left: 0px; background: #000; width: 100%; height: 100px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
#index_games_info img.logo{ position: absolute; top:10px; left: 0px;width: 80px}
#index_games_info p.intro{ position: absolute; top:10px; left: 90px; margin-left: 20px; line-height: 1.5; max-width: 600px; max-height: 82px; overflow: hidden;}
#index_games_info div.wx_intro{ position: absolute; top:10px; right:0px; width: 290px;}
#index_games_info div.wx_intro p{ font-size: 12px; line-height: 2;}
#index_games_info div.wx_intro span{ font-size: 16px; }

/********************************右侧信息*****************************************************************/
#side_bar{width: 220px; margin-top: 35px;}
#side_bar a.btn{ display: block; width: 220px; height: 60px; margin-bottom: 10px; background: url(./img/btn_sprite.png) no-repeat; overflow: hidden;}
#side_bar a.btn_pay{ height: 100px; }
#side_bar a.btn_pay:hover{ background-position: 0 -100px;}
#side_bar a.btn_iTunes,#side_bar a.btn_android{ color: #fff; font-size:20px; line-height: 60px; padding-left: 66px; width: 154px;}
#side_bar a.btn_iTunes{ background-position: 0 -200px;}
#side_bar a.btn_android{ background-position: 0 -320px; }
#side_bar a.btn_iTunes:hover{ background-position: 0 -260px;}
#side_bar a.btn_android:hover{ background-position: 0 -380px;}
#side_bar a.btn_gift{ height: 120px; background-position: 0 -440px; margin: 17px 0;}
#side_bar a.btn_gift:hover{ background-position: 0 -560px;}
#side_bar a.btn_recommend{ height: auto;}

#game_rank ul li{ width:110px; height: 30px; line-height: 30px; text-align: center; cursor: pointer;}
#game_rank ul li.on{ font-weight: bold;}
#game_rank ol{ height: 280px;}
#game_rank ol li{ padding: 5px 0 5px 10px; height: 18px; overflow: hidden;}
#game_rank ol li.on,#game_rank ol li:hover{ overflow: visible;}
#game_rank ol li span{ display: block; width: 85px; height: 18px; float: left; overflow: hidden;}
#game_rank ol li span.num{ width: 40px;}
#game_rank ol li span.info{ width: 170px; margin-top: 5px; font-size: 12px;}
#game_rank span.num i{ width: 15px; height: 15px; display: block; background: url("./img/num_sprite.png") no-repeat; margin: 3px 0 0 5px; text-indent: -999em;}
#game_rank span.num_2 i{ background-position: 0 -15px;}
#game_rank span.num_3 i{ background-position: 0 -30px;}
#game_rank span.num_4 i{ background-position: 0 -45px;}
#game_rank span.num_5 i{ background-position: 0 -60px;}
#game_rank span.num_6 i{ background-position: 0 -75px;}
#game_rank span.num_7 i{ background-position: 0 -90px;}
#game_rank span.num_8 i{ background-position: 0 -105px;}
#game_rank span.num_9 i{ background-position: 0 -120px;}
#game_rank span.num_10 i{ background-position: 0 -135px;}

#faq,#game_rank,#help, #media, #links{ margin-top: 10px;}
#faq ul,#help div{ padding: 10px 0;}
#faq ul li{ padding: 4px 10px;}
#faq ul a{ display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#help p{ margin:6px 0 6px 5px; height: 24px; overflow: hidden;}
#help p span{font-size: 18px;}
#help p.qq{ margin-top: 12px;}

#media{ overflow: hidden; height: 138px;}
#media ul, #media li{ height: 100px; line-height: 100px; text-align: center;}
#media ul{ display: block;}
#media a{ *display: block;  *font-size: 114px; *font-family:Arial; height: 100px; vertical-align:middle;}
#media img{ vertical-align: middle; max-width: 200px;}

#links .container{ height: 70px; overflow: hidden;}
#links ul{ padding: 10px;}
#links a{ display: block; padding: 3px 0; color:#fff;}
a.wx{text-align: center;display: block;margin-top: 20px;}

/********************************footer*****************************************************************/
#copyright{ margin-top: 32px;width: 100%}
#copyright .wrapper{ padding:30px;}
#copyright img{position: absolute;float: left;vertical-align: middle;margin-top: 20px;}
#copyright .info {position: relative;float: left;left: 245px;width: 950px;padding-left: 23px;height: auto;border-left: 2px solid #404040;}
#games a{margin-right: 10px}
/********************************main*****************************************************************/
#main{ margin-top: 35px; width: 960px;margin-left: auto;margin-right: auto}

/********************************index*****************************************************************/
#bbs,#beauty,#handbook{ margin-top: 25px;}

#index_header .carousel{ width: 590px; height: 270px; margin-right: 10px; position: relative;}
#index_header .carousel_container{ width: 590px; height: 270px; overflow: hidden;}
#index_header .bottom_cover{ position: absolute; width: 100%; height:30px; bottom: 0px; background: #000; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5;}
#index_header .carousel span.title{ position: absolute; bottom:8px; left:10px; display: block; width: 440px; height:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#index_header ol.numbers{ position: absolute; bottom:8px; right:10px; width: 110px; }
#index_header ol.numbers span{ display: block; width: 16px; height: 5px; margin-right: 5px; margin-top:11px; text-align: center; font-size: 14px; text-indent: -999em; cursor: pointer;}
#index_header ol.numbers span:hover,#index_header ol.numbers li.on span{ height:16px; line-height: 16px; text-indent: 0em; margin-top:0px;}
#index_header .announces{ width: 360px; height: 270px;}
#index_header ul.tab{ height: 40px; }
#index_header ul.tab li{ font-size: 14px; padding: 0 16px; line-height: 38px; cursor: pointer;}
#index_header .btn_more{ height: 38px; line-height: 38px; margin-right: 10px;}
#index_header ul.container{ height:195px; padding: 18px 10px;}
#index_header ul.container li{ margin-bottom:5px; height: 20px;}
#index_header ul.container span{ display:block; width: 50px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
#index_header ul.container span.title{ width: 280px; text-align: left;}

#handbook ul.tab{ height: 40px; }
#handbook ul.tab li{ font-size: 16px; padding: 0 46px; line-height: 38px; cursor: pointer;}
#handbook .container{ height: 305px; width: 960px; overflow: hidden; position: relative;}
#handbook span.btn_left,#handbook span.btn_right{ position: absolute; position: absolute;  top:115px; width: 38px; height: 75px; background: url("./img/black/tri_btn_sprite.png"); cursor: pointer;}
#handbook span.btn_left{left: 0;}
#handbook span.btn_left:hover{ background-position: 0 -75px;}
#handbook span.btn_right{ right: 0; background-position: 0 -150px;}
#handbook span.btn_right:hover{ background-position: 0 -225px;}
#handbook div.scroll_wrapper{ width: 880px; height: 250px; overflow: hidden; margin: 30px 0 0 41px;margin-left: auto;margin-right: auto;}
#handbook div.scroll_wrapper li{ margin-right: 20px; width: 160px; height: 250px; overflow: hidden; text-align: center; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
#handbook div.scroll_wrapper li:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#handbook div.scroll_wrapper li.last{ margin-right: 0;}
#handbook div.scroll_wrapper p,#handbook div.scroll_wrapper span{ width: 160px; height:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#handbook div.scroll_wrapper p{ font-size: 16px; height: 22px; margin-top: 8px;}
#handbook div.scroll_wrapper span{ display:block; font-size:12px; margin-top: 4px;}

#bbs div{ width: 475px;}
#bbs div.hot_topic{ margin-right: 10px;}
#bbs ul{ padding: 20px 10px 0 10px; height: 220px; overflow: hidden;}
#bbs li{ margin-bottom:5px; height: 20px;}
#bbs span{ display:block; width: 100px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right;}
#bbs span.title{ width: 350px; text-align: left;}

#beauty{ margin-top: 25px;}
#beauty h2 a{width: auto; height: auto; margin-right: 0px;}
#beauty a{ display: block; color:#fff; overflow: hidden; position: relative; width: 188px; height: 185px; margin-right: 5px;}
#beauty div{ width: 670px;}
#beauty a.first{ width: 285px; height: 375px; margin-right: 4px;}
#beauty a.second{ width: 284px; height: 185px; margin-right: 5px; margin-bottom: 0px;}
#beauty a.four{ margin-right: 0px;}
#beauty a.second_line{margin-top:5px;}
#beauty a.last{ width: 284px; margin-right: 0px;}
#beauty p{background: rgba(0,0,0,.75); position: absolute; width: 100%;}
#beauty p.title{ height:28px; line-height: 28px; font-size:14px; text-align: center; overflow: hidden; bottom: 0px;}
#beauty p.summary{ height: 100%; line-height: 1.5; text-align: left; top: 0; left:0; font-size:12px; padding: 5px 0px 0px 5px; display: none;}
#beauty p.summary strong{ font-size: 16px; line-height: 2; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
#beauty a.first p.summary{ padding: 30px 0 0 20px;}

/********************************data*****************************************************************/
#data{ padding: 26px 0 165px 0;}
#data h6{ height: 40px; line-height: 40px;}
#data h6 span{ font-size: 16px; padding: 8px 28px;}
#data p.tag{ padding: 20px 0 0 20px; margin-right: 10px;}
#data p.tag a{ padding: 6px 16px; border-radius: 3px; font-size: 14px;}
#data p.items{ width: 830px; margin-top: 10px; }
#data p.items a{ padding:12px 10px; font-size: 12px;}

/********************************strategy info*****************************************************************/
div.li_container ul.tab{ height: 78px;}
div.li_container ul.tab li{ font-size: 20px; padding: 40px 40px 10px 40px; cursor: pointer;}
ul#content li{ height: 52px; line-height: 52px; padding: 0 44px 0 24px;}
ul#content span.time{ width: 60px;}
ul#content span.title{ width: 800px; height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.btn_page_wrapper{ height: 188px; width: 430px; margin: 0 auto;}
a.btn_page{ display: block; width: 187px; height: 48px; line-height: 48px; margin-top: 70px; text-align: center;}
a.btn_pre{ margin-right: 48px;}

/********************************handbook*****************************************************************/
#handbook_content li{ padding: 35px 0 35px 12px; margin-right: 20px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
#handbook_content li:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#handbook_content li.last{ margin-right: 0px;}
#handbook_content li a{ display: block; width: 160px; height: 250px; text-align: center;}
#handbook_content li p.role_name{ font-size: 16px; margin-top: 12px;}
#handbook_content li p.role_type{ font-size: 12px; margin-top: 8px;}

/********************************article*****************************************************************/
#article{ padding:52px 18px;}
#article h2{ font-size: 26px; text-align: center; margin-bottom: 18px;}
#article h4{ margin-bottom: 50px; text-align: center;}
#article #content{ line-height: 2;}
#article img{ display:block; max-width: 500px; width: auto; margin: 12px auto;}

/********************************排行榜*****************************************************************/
#rank_all{ padding: 65px 50px;}
#rank_all div.rank_table{ width: 410px; text-align: center; margin-bottom: 30px;}
#rank_all table{ width: 100%;}
#rank_all p.title{ font-weight: bold; font-size: 16px; height: 40px; line-height: 40px;}
#rank_all tr.tr_title{ font-size: 12px;}
#rank_all td{ padding: 6px 0; overflow: hidden; height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#rank_all td.t_rank{ width: 60px;}
#rank_all span.num i{ width: 15px; height: 15px; display: block; background: url("./img/num_sprite.png") no-repeat; margin: 0 0 0 20px; text-indent: -999em;}
#rank_all span.num_2 i{ background-position: 0 -15px;}
#rank_all span.num_3 i{ background-position: 0 -30px;}
#rank_all span.num_4 i{ background-position: 0 -45px;}
#rank_all span.num_5 i{ background-position: 0 -60px;}
#rank_all span.num_6 i{ background-position: 0 -75px;}
#rank_all span.num_7 i{ background-position: 0 -90px;}
#rank_all span.num_8 i{ background-position: 0 -105px;}
#rank_all span.num_9 i{ background-position: 0 -120px;}
#rank_all span.num_10 i{ background-position: 0 -135px;}

/********************************充值*****************************************************************/
#pay{ padding-bottom: 50px;}
#pay .m-box{ padding: 25px 50px;}
#pay .c-title{ border-bottom: 1px dashed #383838; padding: 10px 0;}
#pay .c-select{ margin: 20px 0 40px;}
#pay .c-select select,#pay .c-select input{ width: auto; height: 24px; line-height: 24px; }
#pay .c-select select{ padding: 2px; width: 300px;}
#pay a.search{ display: inline-block; width: 80px; height: 24px; text-align: center; line-height: 24px;}
#pay a.ji_fen{ width: 16px; height: 16px; display: inline-block;}
#pay .money_box li{ width:200px; height: 34px; line-height: 30px; margin: 0 15px 20px 0;}
#pay .money_box li.last{ margin-right:0px;}
#pay .money_box li a{ display: block; padding: 0px 6px; overflow: hidden; height: 30px;}
#pay .ch a.last{ margin-right: 0px;}
#pay .pay_c{ display: block; width: 154px; height: 42px; line-height: 42px; margin: 0 20px 20px 0; text-align: center; }
#pay .pay_c img{ margin-top: 6px;}
#pay .money_err,#pay .usr_err,#pay .ch_err { display: none; font-size:12px !important; clear: both; height: auto; text-align: center; padding: 8px; }
#pay .usr_err span {  margin: 0 15px 0 0;}
#pay div.ch_box { display:none; margin-top: -20px;  padding: 15px 0;}
#pay div.ch_box a { display: block; float: left; width: 126px; height: 33px; margin: 3px 15px 5px 25px;}
#pay div.remit a {display: inline;border: 0;padding: 0;margin: 0;width: auto;height: auto;box-shadow: none;float: none;}
#pay div.remit h3{margin-top:0 !important;text-align:left !important;font-size:14px !important;}
#pay div.remit h3,div.remit table{margin:0 20px;line-height:25px}
#pay .c-btn{ margin-top:10px;}
#pay .c-btn a { display: block; width: 126px; height: 34px; text-align: center; line-height: 34px; font-family: "Microsoft Yahei"; font-size: 16px; color: #fff; text-shadow: 1px 1px 1px #333;}
#pay .t_title{ height: 40px; line-height: 40px; font-size: 16px; padding-left: 45px; margin: 10px 0;}
#pay .pay-intro{ line-height: 2; padding-left:45px;}
#pay span.tip { font-size: 90%; margin-left: 10px;}
#pay .c-ti { color: #fff; border-bottom: 1px dashed #383838; padding: 10px 0;}
.c-put { font-size: 14px;overflow: hidden;margin: 15px 0 30px 0;}
.c-put input { padding-left: 5px;width: 154px;height: 28px;line-height: 24px;line-height: 24px;border: #c1cac1 1px solid;}
span.put { font-size: 90%;margin-left: 10px;color: #adbeb3;}

#pay_remit{ padding: 50px; line-height: 2;}
#pay_remit h2{ height: 40px; line-height: 40px; font-size: 16px; padding-left: 45px; margin: 10px 0;}
#pay_remit p.bank_info{ margin: 15px;padding: 15px;}

/**充值提示**/
.error-pay-img {
    background-image: url("img/no1.png");
    display: block;
    width: 48px;
    height: 48px;
}
.ok-pay-img {
    background-image: url("img/ok1.png");
    display: inline-block;
    width: 48px;
    height: 48px;
}
.ok-pay-img-dark {
    background-image: url("img/ok2.png");
    display: inline-block;
    width: 48px;
    height: 48px;
}
.tip-wrap {
    position: relative;
    width: 350px;
    margin: 0 auto;
    margin-top: 20px;
}
.tip-wrap-error {
    position: relative;
    width: 150px;
    margin: 0 auto;
    margin-top: 20px;
}
.tip-msg-wrap {
    position: absolute;
    left: 62px;
    top: 1px;
}
.tip-msg-error-wrap {
    position: absolute;
    left: 62px;
    top: 15px;
}
.msg-green {
    font-size: 18px;
    color : #50af5f;
}
.msg-red {
    font-size: 18px;
    color : #ce2438;
}
.msg-yellow {
    font-size: 18px;
    color : #e3e507;
}
.msg-order {
    font-size: 14px;
    color: #a1a1a1;
    margin-top: 4px;
    text-align: center;
}
.msg-order-error {
    font-size: 14px;
    color: #a1a1a1;
    margin-top: 24px;
    text-align: center;
}
.msg-order-dark {
    font-size: 14px;
    color: #bcbcbc;
    margin-top: 4px;
}
.msg-order-error-dark {
    font-size: 14px;
    color: #bcbcbc;
    margin-top: 24px;
    text-align: center;
}
.tip-info {
    font-size: 12px;
    color: #a1a0a0;
    margin-top: 24px;
    text-align: center;
}
.tip-info-dark {
    font-size: 12px;
    color: #bcbcbc;
    margin-top: 24px;
    text-align: center;
}
.tip-info-error {
    font-size: 12px;
    color: #a1a0a0;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 10px;
}
.tip-info-dark-error {
    font-size: 12px;
    color: #bbbbbb;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 10px;
}
.tip-link {
    color: #555555;
}
.tip-link-dark {
    color: #d8263c;
}

/*停运窗口*/
.close-tip {
    height: 120px;
    background-color: #feff69;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    padding-top: 8px;
    z-index: 1002;
    width: 100%;
    position: fixed;
}

.close-tip a.close {
    float: right;
    width: 30px;
    height: 30px;
    font-size: 20px;
    margin-top: -5px;
    font-style: normal;
    background-size: 100%;
    color: black;;
}

.close-tip .title {
    color: #d8203e;
    font-size: 16px;
    font-weight: bolder;
    line-height: 28px;
}

.close-tip .content {
    color: #000000;
    font-size: 12px;
    line-height: 28px;
    /* padding: 0 50px; */
}

.close-tip .content a {
    color: #d8203e;
    margin: 0 6px;
}

.close-tip .content a:hover {
    text-decoration: underline;
}