html{font-size:62.5%;}
body {font: 12px 100% SimHei; background-color: #f1f1f1; min-width:320px; margin:0 auto;}
.header-topBar {width:100%;height:40px;background:#fff; position: fixed;top: 0;left: 0;z-index: 100; box-shadow: 0 2px 2px rgba(0,0,0,.2);}

.top_nav_ico{ background:url(../image/top_nav1.png) no-repeat; }
.header-topBar .logo { height:26px; margin:7px 0 0 5%; display:block; float:left;}
.header-topBar .logo img {max-width:100%; max-height:26px;}
.header-topBar .top_right { position:absolute; right:14px; top:50%; margin-top:-13px; height:26px;}
.header-topBar .app-center { width:26px; height:26px; background-size:cover;float:left; background-position:0 -1px;}
.position-bar {background-color: #f5f5f5;box-shadow: 0 0 16px #FC9241}
.zbtn {color: #FC9241;font-size: 1.8rem;display: block;width: 40px;text-align: center}
.ypostn {margin: 10px 0;border-left:#d5d5d5 solid 1px;color: #FC9241;height: 20px;
line-height: 20px;text-indent: 15px;font-size: 1.6rem}

.top_gift_ico{ float:left; background-size:cover; background-position:0 -32px;  width:26px; height:26px; margin-left:10px;}

.body_area{margin: 40px 0 0; padding-bottom:52px; overflow: hidden;}

/*  幻灯  */
.slideBox{ position:relative; overflow:hidden; margin:0 auto; width:100%; height:230px;}
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:100%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 5px; }
.slideBox .hd li.on{ background:#00a2ff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(../image/loading2.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .svideo-target { width: 100%; height: 100%; position:absolute; top: 0px; left: 0px; }

.index-video-box { width: 100%; text-align: center; position: fixed; top: 10%; z-index: 102; display: none;}
.ivideo { width: 84%; max-width: 640px; text-align: center; font-size: 18px; color: #fff; position:absolute; bottom: 2px; left: 50%; transform: translateX(-50%)}
.ivideo video { max-width: 100%; }
.iv-close { width: 20px; height: 20px; position:absolute; top: 10%; right: 10%; }

nav {width:80%;height:auto;margin:15px 10%;text-align:center;}
nav a {width:100px;height:100px;border:3px solid #62666d;display:inline-block;margin:10px;color:#62666d;border-radius:100%;}
nav .iconfont {width:80px;height:45px;line-height:45px;display:inline-block;font-size:4rem;margin-top:15px;}
nav span {width:80px;height:20px;line-height:20px;display:inline-block;}

.top-nav { width:auto; position:absolute;top:33px;right:-14px;background:#fff; box-shadow:0 0 5px rgba(0,0,0,.3);z-index:101;overflow:hidden;opacity:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease; line-height:22px;display: none;}

#relogin{width:280px; display:none;}
#relogin form{padding:6px 10px;}
#relogin p{padding:8px; border-bottom:1px solid #e4e4e4 !important;}
#relogin input{height:26px; line-height:26px; border:none; width:220px;}
#relogin label{display:inline-block; width:16px; height:17px;  background:url(../image/login_icos.png) no-repeat;background-size:16px 36px; vertical-align:middle;}
#relogin label.b1{background-position:0 0;}
#relogin label.b2{background-position:0 -19px;}
::placeholder{color:#b9b9b9; font-size:1.1em;}
.btn-warning{background:#66c200; color:#fff; font-size:1em; text-align:center; width:100%; height:40px;border:none; border-radius:4px; margin: 12px 0 8px;}
.forget_pass a{color:#5b5b5b; font-size:0.9em;}

#logined{padding:6px 10px; width:106px;}
#logined a {width:100%;height:40px;line-height:40px;display:block;color:#5e5e5e;border-top:1px solid #efefef;}
#logined a:first-child {border-top:none;}
#logined a em{display:inline-block; background:url(../image/logined_icos.png) no-repeat; width:14px; height:15px; background-size:14px 64px; margin-right:8px; vertical-align:text-bottom;}
#logined a em.l1{background-position:0 0;}
#logined a em.l2{background-position:0 -16px;}
#logined a em.l3{background-position:0 -32px;}
#logined a em.l4{background-position:0 -49px;}
#logined .username{ display: inline-block; width: 84px;  height: 40px; text-overflow: ellipsis; overflow:hidden; vertical-align:middle;}

.url{padding:11px 0 5px 0; width:100%; overflow:hidden;background:#f4f4f4; position:fixed; bottom:0; left:0; border-top:1px solid #ebe9e9;}
.url a{float:left;width:25%; font-size:14px; line-height:24px;color:#333;text-align:center;}
.url a.on{color:#00a2ff;}
.url a em{ display:block; width:21px; height:20px; margin:0 auto; background:url(../image/bottom_nav.png) no-repeat; background-size:44px 132px;}
.url .sy{background-position:0 0;}
.url .yx{background-position:0 -26px;}
.url .lb{background-position:0 -54px;}
.url .hd{background-position: 0 -82px}
.url .kf{background-position:0 -110px;}
.url a.on .sy{background-position:-23px 0;}
.url a.on .yx{background-position:-23px -26px;}
.url a.on .lb{background-position:-23px -54px;}
.url a.on .hd{background-position:-23px -82px}
.url a.on .kf{background-position:-23px -110px;}

/*.url a.on{color:#e30000;}
.url a em{ display:block; width:22px; height:22px; margin:0 auto; background:url(/images/wap/2018cj/bottom_icos.png) no-repeat; background-size:22px 152px;}
.url a em.sy{background-position:0 0;}
.url a em.yx{background-position:0 -31px;}
.url a em.lb{background-position:0 -64px;}
.url a em.hd{background-position:0 -95px}
.url a em.kf{background-position:0 -122px;}
.spring_dog{ float:left; width:58px; height:39px; margin-left:8px; background:url(/images/wap/2018cj/t_dog.jpg) no-repeat; background-size:cover;}
*/

#top_gift_nav a{width:106px;height:40px;line-height:40px;display:block;color:#d70022;border-top:1px solid #efefef; text-align:center;}
#top_gift_nav a:first-child {border-top:none;}
#top_gift_nav a em{display:inline-block; width:20px; height:20px; vertical-align:middle; background-size:cover; margin-right:8px;}
#top_gift_nav a em.l5{background-position:0 -51px;}
#top_gift_nav a em.l6{background-position:0 -77px;}

.index_main {padding-bottom: 10px; width:98%; margin:0 auto;}
.recommend{margin-top:2%; background:#fff; border:1px solid #d3d3d3;}
.recom_title{ padding:0 1%; height:38px; line-height:38px; border-bottom:1px solid #ebe8e8;}
.recom_title h2{ float:left; font-size:1.4rem; color:#000;}
.tit_ico{ display:inline-block; vertical-align:middle; width:15px; height:15px; margin-right:8px; background:url(../image/title_icos.png) no-repeat; background-size:15px 103px;}
.tit_ico01{ background-position:0 0;}
.tit_ico02{ background-position:0 -17px;}
.tit_ico03{ background-position:0 -34px;}
.tit_ico04{  background-position:0 -46px;}
.tit_ico05{  background-position:0 -71px;}
.tit_ico06{  background-position:0 -51px;}
.tit_ico07{  background-position:0 -88px;}

.recom_title h2 i{ display:none; vertical-align:middle; width:26px; height:26px; margin-right:4px; background:url(../image/tit_icos.png) no-repeat; background-size:26px 96px;}
.recom_title h2 i.title_ico1{background-position:0 -2px;}
.recom_title h2 i.title_ico2{background-position:0 -32px;}
.recom_title h2 i.title_ico3{background-position:0 -66px;}


.home_hot_game{padding: 8px 0 25px;position: relative;}
.home_hot_game .hot_game_main{width:100%; margin:0 auto; padding-bottom:8px; overflow:hidden; border-bottom:1px solid #f6f6f6;}
.home_hot_game .bd ul{ width:100%;}
.home_hot_game .bd li{float:left; width:47.5% !important; padding:0 0 0 2%; margin-top:10px; border-right:1px solid #f6f6f6; position:relative;}
.home_hot_game .bd li:nth(2n){border-right:0;}
.home_hot_game .game_icon{ width:30%; max-width:60px; float:left;}
.home_hot_game .game_msg { float:left; box-sizing:border-box;padding-left:5px; width: 70%;line-height: 22px}
.home_hot_game a .game_msg h4{color:#333; font-size:1.4rem;}
.home_hot_game a .game_msg p{color:#666; font-size:1rem;}
.star_score{ background:url(../image/stars.png) no-repeat; width:59px; height:12px; background-size:contain; overflow:hidden;}
.home_hot_game .hd{ position:absolute; height:28px; line-height:28px; bottom:0; left:50%; width:40%; text-align:center; margin-left:-20%; z-index:1; }
.home_hot_game .hd li{ display:inline-block; width:10px; height:10px; border-radius:100%; background:#ccc; text-indent:-9999px; overflow:hidden; margin:0 5px; }
.home_hot_game .hd li.on{ background:#00a2ff;  }

.headline_news{ background:#f1f1f1; padding:10px 4%; width:92%;}
.headline_img{ float:left; width:18%;}
.headline_img img{border-radius:5px; max-width:100%; height: auto!important; vertical-align:middle;}
.headline_txt{ float:left; width:80%; margin-left:2%; line-height:1.2; font-size:1.1em; color:#616161; padding-top:8px;}
.headline_txt a{color:#616161;}
.headline_txt span{ text-align:right; color:#b9b9b9; margin-right:8px; font-size:0.875em;}


.news_box{ height:195px;  overflow:hidden; }
.news_box li{line-height:38px; border-bottom:1px solid #f2f2f2; padding:0 1% 0 3%; font-size:1em;}
.news_box li a{color:#616161; display:block;}
.news_ico{ display:inline-block; width:0; height:0; border-top:6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #A5A1A1; margin-right:5px; vertical-align:middle;}
.high_color,#games_more{ color:#70b9fd;}
.news_box li a.actived{color:#ff3d0d;}
.news_box .first_ul li:first-child a{color:#ff3d0d;}
.news_box .first_ul li:first-child a .news_ico{ border-left: 6px solid #ff3d0d;}

.hot_game_list{}
.hot_game_list ul{ width:100%; padding:0 0 2% 0;}
.hot_game_list li{float:left; width:26%; margin:2% 3% 0 4%; text-align:center; line-height:20px;}
a.blue_down{display:block; text-align:center; color:#fff; font-size:1.4rem; width:100%; margin:5px auto 8px; background:#00a8fd; height:30px; line-height:30px; border-radius:3px;}
.gift_btn{display:block; text-align:center; color:#fff; font-size:1.4rem; width:100%;  background:#FE3C3C; margin-bottom:8px; height:30px; line-height:30px; border-radius:3px;}
.hot_game_list li .hot_game_img{width:100%; border-radius:10px; overflow:hidden;position:relative; }
.hot_game_list li .hot_game_img img{ max-width:100%;}
.new_tag,.hot_tag,.jian_tag{ width: 24px;  height: 24px; background:url(../image/tag_icos.png) no-repeat; background-size:24px 72px; position:absolute; top:0; left:4%; font:0/0 a;}
.new_tag{ background-position:0 0;}
.hot_tag{ background-position:0 -24px;}
.jian_tag{ background-position:0 -48px;}

.tj_banner{ width:100%; text-align:center;}
.tj_banner a{display:block; vertical-align:top;}
.tj_banner img{max-width:100%; height:auto !important; vertical-align: top;}

.tag {width:24%;max-width:50px;height: 18px;background-color: #83ce63;position: absolute;right: 0;top:0;z-index: 10}
.tag>i {display: inline-block;float: left;border-style:solid;border-color:transparent transparent transparent #fff;border-width: 9px 0 9px 4px;}
.tag>span {display: inline-block;float: right;color: #fff;line-height: 18px;padding-right:5px}


.tab .tit,.tab .tit li{cursor:default;}
.tab .tit.cur,.tab .tit .cur{cursor:pointer;}
.tab .txt{display:none;}
.tab .txt.cur{display:block;}


.other_game_list {box-sizing:border-box;width: 100%;margin: 0 ; height:225px; overflow:hidden;}
.other_game_list ul{ width:100%;}
.other_game {width: 92%;padding: 0 4%; height:74px;border-bottom: 1px solid #f2f2f2; overflow:hidden; vertical-align:top;}
.o_game_link{width: 76%; height:50px; padding:12px 0}
.other_game a{vertical-align:top;}
.game-down {width: 35%}

.o_game_icon {width: 52px; height:49px;}
.o_game_icon img { width: 52px; height:49px; border-radius:8px; vertical-align:top;}
.o_game_msg {box-sizing:border-box;padding-left: 8px; line-height: 24px}
.o_game_title {color: #343434;font-size:1em;}
.hot_ico_btn,.new_ico_btn{display:inline-block; height:20px; margin-left:5px; vertical-align:text-bottom;}
.hot_ico_btn{background:url(https://static.9377.cn/images/wap/hot_ico.png?201802012140) no-repeat; background-size:contain; width:18px;}
.new_ico_btn{background:url(https://static.9377.cn/images/wap/new_ico.jpg?201802012140) no-repeat; background-size:contain; width:20px;}

.o_summary {color: #9a9a9a;font-size: 0.9em}
.game-lbnum {color: #9a9a9a;font-size: 0.9em}
.game-lbnum span {color: #f7625f;padding-left: 5px}
.o_game_btn {width: 24%;max-width:120px;height: 30px;line-height: 30px;margin-top: 26px}
.o_game_btn a {width: 90%;display: block;background-color: #70b9fd;color: #fff; border-radius:3px; text-align: center;margin: 0 auto;font-size: 1em }

.recom_title .get_more{font-size: 1.2rem; color:#9a9a9a; text-shadow: 0 1px 0 #fff;}
.more_ico{ display:inline-block; margin-left:6px;  color:#666; text-align:center; line-height:12px; }

.game_rank_one{}
.game_rank li{width:100%; border-bottom:1px solid #efefef; padding:2.5% 12px; vertical-align:top; max-height:70px;}
.game_rank_list:last-child li{border-bottom:none;}
.game_rank_li{ position:relative; width:100%;}
.game_rank_list li{ height:26px; line-height:26px;}
.rank_num{display:inline-block; width:12%; max-width:40px; text-align:center; color:#fff; font-size:1.2rem;}

.ln-tag {width: 24px;height: 46px;position: relative;margin: 10px 0 0;background-color: #fff;}
.lt0 {background-color: #e65022;}
.lt1 {background-color: #ec7450;}
.lt2 {background-color: #eea44c;}
.ln-tag span {display: block; color: #aeaeae;text-align: center;height: 36px;line-height: 36px;font-size: 1.2rem}
.ln-tag i {display: block;border-style:solid;border-color:transparent transparent #fff transparent ;border-width: 0 12px 10px 12px;position: absolute;bottom: 0;left: 0}
.ln-tag.lt0 span,.ln-tag.lt1 span,.ln-tag.lt2 span{color:#fff;}

.index_rank .rank_one_img{ display:block; width:68px; margin-right:2%;}
.rank_one_img img{vertical-align:middle;}

.rank_txt{ font-size:1em; width:64%; color:#999; line-height:1.5; font-size:1.4rem;}
.rank_txt h3{color:#000;}
.dec_word{ font-size:1rem; color:#5b5b5b;}
.rank_btn{width:18%;position:absolute; right:18px; top:50%; margin-top:-34px;}
.rank_btn a.blue_down{margin:0; width:100%;}
.index_rank h3{ color:#000;}
.index_rank h3 a{color:#000;}
.index_rank p{color:#999; font-size:1rem;}

.index_rank li{height:70px; line-height:26px;}
.index_rank li.li0{ height:70px;}

footer p{ font-size:1rem;}
footer {width:100%; text-align:center; background:#515151;border-top:1px solid #8c8c8c; color:#909090; padding:5px 0 60px; line-height:1.4; }
.bottom-nav{ border-bottom:1px solid #666; padding:10px 0;width:100%; margin-bottom:6px;}
.bottom-nav a{ display:block; float:left; width:33%; color:#dadada; border-right:1px solid #767676; font-size:16px;}
.bottom-nav a:last-child{border-right:none;}

body>footer{font-size:14px;}

/*  详情页 */
.loader{ opacity:0; margin:0 auto; display:none; text-align:center;}

.inside_con{ background:#fff; width:100%;}
.tab-cate-ins,.game_tit { width:100%; border-bottom:1px solid #f2f2f2; font-size:1.4rem;}
.tab-cate-ins li{ width:50%; float:left; line-height:26px; padding:10px 0; text-align:center;}
.tab-cate-ins li.on,.game_tit a.cur{ border-bottom:2px solid #00a8fd;}
.tab-cate-ins li a,.game_tit a{color:#000;}
.tab-cate-ins li.on a,.game_tit a.cur{ color:#00a8fd;}

.news-lists li{padding:2%; width:96%; border-bottom:1px solid #f2f2f2; vertical-align:top; line-height:1.4;}
.list-img{ float:left; width:20%; margin-right:2%; max-width:70px;}
.list-title{float:left; width:76%; color:#5b5b5b; padding-top:5px; font-size:1.4rem;}
.list-time{ font-size:0.9em; color:#999; float:right;}

.search_area{background:#00a8fd; padding:14px 2% 10px; width:96%;}
.search_input{ float:left; border:1px solid #ddf3ff; background:#fff; width:72%; padding-left:2%; height:30px; line-height:30px; position:relative;}
.search_input input{border:none; padding-left:1%; line-height:30px; height:30px; width:90%; vertical-align:top; outline:none; font-size:0.875em;}
.search_area input::placeholder{color:#cfcfcf;}
.search_btn{width:22%; float:right; background:#ffc104; color:#fff; line-height:32px; height:32px; border:none; text-align:center; border-radius:3px; font-size:1rem;}
.search_ico{ background:url(../image/search_ico.gif) no-repeat; background-size:contain; display:inline-block; width:14px; height:11px; left:10px; top:5px;}

.detail-title{text-align:center; font-size:1.6rem; color:#000; padding:10px 0;}
.detail-content{ padding:5px 12px 60px; line-height:1.4; color:#5b5b5b; font-family:SimHei !important; font-size:1rem;}
.detail-content img{max-width:100% !important; height:auto !important; margin:6px auto; }
.detail-content p{text-indent:0 !important;  font-family:SimHei !important;}
.detail-content span,.detail-content a{ font-family:SimHei !important;}
.text-con{ margin:0 !important;}

.game_tit a{display:block; float:left; width:33.3%; line-height:26px; padding:10px 0; text-align:center;}

.game-row {width: 94%;padding: 12px 4% 12px 2%; border-top: #F4F2F2 solid 1px; vertical-align:top; position:relative;}
.game-link {width: 70%}
.game-down {width: 30%}
.game-icon {width: 30%;max-width: 60px}
.game-icon img {width: 100%}
.game-msg {box-sizing:border-box;padding-left: 10px;width: 70%;line-height: 20px}
.gamei-title {color: #343434; line-height:20px; font-size:1.4rem;}
.game-msg .iconfont {font-size: 1rem; color: #999}
.game-summary {color: #9a9a9a;font-size: 1rem}
.game-lbnum {color: #9a9a9a;font-size: 1rem}
.game-lbnum span {color: #f7625f;padding-left: 5px}
.game-down-btn {width: 25%;max-width:120px;height: 30px;line-height: 30px;margin-top: 15px; float:right;}
.game-down-btn a {width: 90%; display: block; color: #fff; text-align: center; margin: 0 auto;}

.inside_con_card{background:#f1f2f3; padding-bottom:20px;}
.inside_con_card .game_tit{background:#fff; margin-top:0;}
.game-row-new {width: 88%;padding: 12px 2% 12px 2%; border-radius:5px; box-shadow:0 3px 0 #e9e9e9; background:#fff; margin:10px 4% 0; vertical-align:top; position:relative}
.game-link-new {width: 75%}
.game-down-new {width: 28%}
.game-icon-new {width: 30%;max-width: 60px}
.game-icon-new img {width: 100%; vertical-align:top;}
.game-msg-new {box-sizing:border-box;padding-left: 10px; line-height: 20px}
.game-msg-new .game-summary{ text-indent:6px;}
.gamei-title-new {color: #343434; line-height:1.5;}
.game-msg-new .iconfont {font-size: 1em; color: #999}
.game-down-btn-new{position:absolute; top:12px; right:3%; width:24%;}
.game-down-btn-new a{margin:0;}
.progress-box { font-size: 1rem; color: #999; line-height: 16px; margin:0 0 0 6px;}
.progress { display: inline-block; vertical-align: middle; width:60%; height: 11px; margin-right: 10px; border-radius: 10px; overflow: hidden; position: relative; background: #e5e5e5;}
.progress i { width: 80%; height: 11px; border-radius: 10px; position: absolute; top: 0px; left: 0px; }
.progress i { background: #f2d54b;
			  background: -moz-linear-gradient(left, #f2d54b 0%, #9ced44 100%);
			  background: -webkit-linear-gradient(left, #f2d54b 0%,#9ced44 100%);
			  background: -o-linear-gradient(left, #f2d54b 0%,#9ced44 100%);
			  background: -ms-linear-gradient(left, #f2d54b 0%,#9ced44 100%);
			  background: linear-gradient(to right, #f2d54b 0%,#9ced44 100%);
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d54b', endColorstr='#9ced44',GradientType=0 );
}
	
.other_game_tit{margin:0 2% 0 2%; width:96%;}			
.user_list{ padding-top:5px;}
.user_list li{height:50px; line-height:50px; border-bottom:1px solid #efefef; padding:0 12px;}
.user_list li a{color:#5b5b5b; display:block;}
.user_list li:first-child {border-top:none;}
.user_list li em{display:inline-block; background:url(../image/user_icos.png) no-repeat; width:16px; height:20px; background-size:16px 124px; margin-right:10px; vertical-align:middle;}
.user_list li em.u1{background-position:0 0;}
.user_list li em.u2{background-position:0 -21px;}
.user_list li em.u3{background-position:0 -44px;}
.user_list li em.u4{background-position:0 -66px;}
.user_list li em.u5{background-position:0 -88px;}
.user_list li em.u7{background-position:0 -108px;}
.user_list li em.u8{display:inline-block; background:url(../image/idc_icos.png) no-repeat; width:16px; height:20px; margin-right:10px; vertical-align:middle;}
.log_out{ background:#e4e4e4; width:100%; height:36px; line-height:36px; text-align:center; font-size:1em; border-bottom:10px solid #fff;}
.log_out a{ color:#00a8fd;}
.red{ color:#fe3c3c;}
.card_main{padding:0 12px;}
.card_bg{background:#c1c1c1; width:100%; height:28px; text-indent:5px; line-height:28px; color:#fff; font-size:0.9em;}
.card_down a{background:#fe3c3c; color:#fff; height:42px; line-height:42px;  width:100%; display:block; text-align:center; border-radius:3px; margin:12px 0;}
.card_con{border:1px solid #f1f1f1; width:96%; padding:2%; color:#777; line-height:24px;}

.gift_tab .game_tit a,.game_tab .game_tit a{width:50%;}


.news_title ul{ width:100%; height:36px; background:#f7f6f6; border-bottom:1px solid #ebe8e8;} 
.news_title li{float:left; width:20%; margin:0 6%; text-align:center; height:36px; line-height:36px; color:#333;}
.news_title li.cur{border-bottom:2px solid #00a2ff;}
.index-news-list{ padding:0 15px; text-align:center;}
.index-news-list img{max-width:100%;}
.nd-list ul{margin:10px 0; height:170px; overflow:hidden;}
.nd-list li{line-height:28px; color:#383838; padding:0 15px;}
.nd-list li a{color:#383838;}



.picScroll{ position:relative; overflow:hidden; width:100%; }
.picScroll .hd{ height:28px; line-height:28px; }
.picScroll .hd li{ display:inline-block; width:12px; height:12px; border-radius:100%; background:#D4B9B9; text-indent:-9999px; overflow:hidden; margin:0 5px; }
.picScroll .hd li.on{ background:#00a2ff;  }
.picScroll .bd{ position:relative; z-index:0; }
.picScroll .bd li{ position:relative; float:left; text-align:center; width:100%; height:100%;}
.picScroll .bd li img{ vertical-align:top;}


.backarea{height:30px; background:#00a9fe; padding:8px 2%; width:96%;}
.backbtn{ display:block; width:19px; height:30px; background:url(../image/back_btn.gif) no-repeat; background-size:contain;}
.user_area{padding-top:15px; background:#fff; width:100%; min-height:300px;}
.section-tit{font-size:1.1em; text-indent:2%; padding-bottom:10px;}
.w-item{margin-top:15px; width:100%; vertical-align:top; overflow:hidden;}
.w-label{ display:block; float:left; font-size:0.9em; color:#9B9B9B; width:28%; text-align:right; vertical-align:middle; line-height:36px;}
.w-input,.w-select-l{display:block; float:left; border:1px solid #f0f0f0; text-indent:5px; height:36px; background:#fff; width:68%; vertical-align:middle;}
.w-input-s{border:1px solid #f0f0f0; text-indent:5px; height:36px; background:#fff; width:38%;}
.code-btn{ background:#00a9fe; height:36px; width:40%; margin-left:30%; border:0; border-top:1px solid #009dfc; color:#fff;}
.g-btn{ background:#67c201; height:44px; line-height:44px; text-align:center; border-radius:3px; width:68%; font-size:1.25em; color:#fff; border:none;}
.w-div{display:block; float:left; width:68%; line-height:36px; font-size:1em;}

.form-tips{margin-top:30px; width:96%; padding:2% 2%; border-top:1px solid #F9F9F9; font-size:0.9em; line-height:1.5; color:#999;}
.form-tips h4{font-size:1em; margin-bottom:5px; color:#666;}
.cb{clear:both;}
.c-red{ display:block; width:80%; padding-left:20%; color:#8B8585; font-size:0.9em;}
#img_sec{vertical-align:middle;}
.phone-msg{ padding:0 3%; line-height:1.4; font-size:0.9em; color:#B5B4B4;}

/*客服中心*/
.kefu_body { padding-top: 50px; background: #f1f2f3; max-width:640px; margin:0 auto;}
.kefu-bd { overflow: hidden;}
.kefu-bd a { display: block; width: 75%; margin: 8% auto; }
.ss-wrap { padding: 0 2%; background: #f1f2f3;}
.ss-tit { font-size: 1.2em; line-height: 42px; color: #777; border-bottom: 1px solid #d2d2d2;}
.ss-list { padding-bottom: 30px; overflow: hidden;}
.ss-list li { width: 98%; border-bottom: 1px solid #dfdfdf; padding: 3% 0; overflow: hidden;}
.ss-list .item { display: block;}
.ss-list .item .img { width: 15%; margin: 0 5%; float: left;}
.ss-list .item .info { width: 71%; float: left;}
.ss-list .item h4 { color: #ff6b01; font-size: 1rem; margin-bottom: 4px;}
.ss-list .item p { color: #777; font-size: 0.7rem; line-height: 18px;}
.btn-sszz { height: 20px; line-height: 20px; font-size: 0.8em; margin: 6px 6px 0 0; border-radius: 3px; color: #fff; padding: 5px 10px; background: #ff6b01;}
/*注册页面*/
::-webkit-input-placeholder { font-family: 'microsoft yahei';}
.form-register .w-label, .icon-reg4 { background: url(../image/register_icos_2x.png) no-repeat; background-size: 24px;}
.register-wp { width: 100%; height: 100%; overflow: hidden; background: #55c7ec url(../image/register_bg.jpg) bottom center no-repeat; background-size:contain; font-family: 'microsoft yahei';}
.r-tit { text-align: center; color: #727272; font-size: 18px;}
.register-box { width: 66%; padding: 5% 10%; margin: 100px auto 0; border-radius: 10px; background: #fff;}
.register-tab { display: block; width: 100%; height: 38px; border-bottom: 1px solid #dededf; }
.register-tab li { width: 50%; height: 38px; line-height: 36px; text-align: center; color: #999; font-size: 16px; position:relative; bottom: -1px; cursor: pointer; float: left;}
.register-tab .active { height: 36px; line-height: 36px; border-bottom: 2px solid #3fb2e8; color: #333; cursor: default;}
.form-register { }
.form-register .w-item { margin: 10px 0; overflow: hidden;}
.form-register .w-label { width: 16%; height: 36px;}
.form-register .w-input { width: 84%; border: 0 none; border-bottom: 1px solid #d3d3d3;}

.form-register .icon-reg1 { background-position: 8px 10px;}
.form-register .icon-reg2 { background-position: 9px -25px;}
.form-register .icon-reg3 { background-position: 9px -58px;}
.form-register .reverse { 
	-ms-filter: invert(100%);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.form-register .reverse-half { 
	-ms-filter: invert(50%);
	-moz-filter: invert(50%);
	-o-filter: invert(50%);
	-webkit-filter: invert(50%);
	filter: invert(50%);
}
.ag-txt { text-align: center; color: #999; font-size: 0.8em; margin: 20px 0 0 0!important;}
.ag-txt a { color: #4769f2;}
.ag-txt .ag-wp { display: inline-block; vertical-align: top; width: 18px; height: 18px; position: relative;}
.ag-txt .ag-wp input { outline: 0 none; width: 0px; height: 0px;}
.ag-txt2 { text-align: left; width: 84%; padding-left: 16%;}
.icon-reg4 { width: 18px; height: 18px; background-color: #fff; background-position: 0 -150px; position: absolute; top: 0px; left: 0px; z-index: 2;}
.icon-reg4.selected { background-position: 0 -97px;}
.btn-register { background: #6d97f8; color: #fff; font-size: 16px; text-align: center; width: 100%; height: 40px; border: none; border-radius: 4px; font-family: 'microsoft yahei';}
.other-login { padding: 16px 0; text-align: center; position: relative;}
.other-login .line { width: 100%; height: 0px; overflow: hidden; border-bottom: 1px solid #d8d8d8; position: absolute; top: 50%; left: 0px;}
.other-login .ol-item { padding: 0 10px; color: #9c9c9c; font-size: 90%; background: #fff; position: relative; z-index: 2;}
.other-login i { display: inline-block; vertical-align: top; width: 24px; height: 24px; background: url(../image/other_login_icos_2x.png) no-repeat; background-size: 81px;}
.other-login .i-qq { background-position: 0px 0px;}
.other-login .i-wx { background-position: -29px 0px;}
.other-login .i-wb { background-position: -57px 0px;}
.has-account { color: #9c9c9c; text-align: center; font-size: 90%;}
.has-account a { color: #4769f2;}
.reg-tip { color: #f00; font-size: 80%; padding: 10px 0;}
.reg-tip-al { width: 84%; padding-left: 16%;}
.register-phone .w-item { position:relative; }
.register-phone .w-input { box-sizing: border-box; width: 100%; height: 38px; line-height: 38px;  }
/* .register-phone .w-input-s { width: 50%; margin-right: 10px; } */
.register-phone .w-button { width: 92px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #ccc; border-radius: 0; background: #f9f9f9; font-family: 'microsoft yahei'; position: absolute; top: 0px; right: 0px; }
.register-phone .php-code { position: absolute; top: 7px; right: 7px; cursor: pointer; }
@media only screen and (max-width: 320px){ /*iphone5*/
    .register-box { width: 76%; padding: 0 5% 5%; margin: 50px auto 0;}
}
.pwd_strong{ height: 22px; line-height: 22px; text-align: center; background-color: #ccc;}
.pwd_strong span{width: 32%; display: inline-block;}
.pwd_strong span:nth-child(1).pwd_strong_active{background-color: red; color: #fff;}
.pwd_strong span:nth-child(2).pwd_strong_active{background-color: #ffcc33; color: #fff;}
.pwd_strong span:nth-child(3).pwd_strong_active{background-color: #009900; color: #fff;}

/*玩家自助问题列表*/
.schedule-wp { padding: 50px 0; font-family: 'microsoft yahei';}
.sche-hd { width: 100%; height: 44px; line-height: 44px; font-size: 120%; text-align: center; color: #5aaffc; background: #d7ecff;}
.sche-tab { width: 100%; overflow: hidden;}
.sche-tab li { width: 50%; height: 42px; line-height: 44px; border-bottom: 2px solid #fff; text-align: center; color: #777; background: #fff; float: left;}
.sche-tab .active { color: #5aaffc; border-bottom-color: #5aaffc;}
.sche-bd { font-size: 0.9rem;}
.sche-box .sche-item { padding: 2% 4%; margin: 8px 0px; background: #fff;}
.sche-box .si-box { overflow: hidden;}
.sche-box .si-box:first-child { border-bottom: 1px solid #eaeaea;}
.sche-box .si-box span { height: 40px; line-height: 40px; text-align: center; color: #777; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
.sche-box .si-box .si-1 { width: 20%;}
.sche-box .si-box .si-2 { width: 40%;}
.sche-box .si-box .si-3 { width: 20%;}
.sche-box .si-box .si-4 { width: 20%;}
.sche-box .si-box-2 .si-1 { color: #5aaffc;}
.sche-box .si-box-2 .si-2 { color: #f00;}
.sche-box .si-box-2 a { display: inline-block; width: 100%; height: 26px; line-height: 26px; color: #fff; border-radius: 4px; background: #5aaffc;}

.sche-footer { width: 100%; height: 44px; line-height: 44px; text-align: center; background: #fff; position: fixed; bottom: 0px; left: 0px;}
.btn-subsche { display: inline-block; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 0.8rem; padding: 0 8px; border-radius: 4px; background: #5aaffc;}
@media only screen and (max-width: 320px){ /*iphone5*/
	.sche-bd, .btn-subsche { font-size: 0.8rem;}
}
/*账号异常*/
.l_exception{background:#f1f2f3;}
.user_error_tit{height:50px; width:94%; padding:0 3%; line-height:50px; background:#639ddb; color:#fff; font-size:1.1em; }
.user_error_tit a{ float:right; background:#4ec6f3; color:#fff; font-size:0.9em;  border-radius:20px; width:140px; height:32px; margin-top:9px; text-align:center; line-height:32px;}
.user_error_tips{ border-bottom:1px solid #c2c2c2; padding-bottom:3%; margin-bottom:3%}
.user_error_tips h4{color:#31bbef; margin-bottom:8px; font-size:1em;}
.user_error_tips h4 em{ display:inline-block; margin-right:5px; width: 0; height: 0; border-top: 6px solid transparent;   border-left: 10px solid #31bbef;   border-bottom: 6px solid transparent;}
.blue_col{color:#31bbef;}
.l_exception_con{padding:3% 2%; color:#999; line-height:1.5;}
.l_exception_con form{}
.captcha_input{ width:92%; height:40px; border-radius:20px; border:1px solid #4ec6f3; overflow:hidden; margin-bottom:10px; outline:none;}
.cap_input{width:68%; float:left; background:#f1f2f3; height:40px; border:none; text-align:center;}
.cap_submit_btn{width:32%; float:right; height:40px; line-height:40px; color:#fff; background:#4ec6f3; border:none; font-size:1em;}
.yanzhen_btn,.out_login{ display:block; width:54%; height:42px; line-height:42px; background:#4ec6f3; border-radius:20px; color:#fff; font-size:1em; margin:20px auto 0; text-align:center; border:none;}
.yanzhen_btn{ background:#4ec6f3; font-weight:bold;}
.out_login{background:#b5c1c5;}
/*找回密码*/
.c-blue { color: #31bbef;}
.bbi { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.getpass-body { background: #f1f2f3;}
.getpass-wp { padding: 50px 0; font-family: 'microsoft yahei';}
.getpass-tab { overflow: hidden; background: #fff;}
.getpass-tab li { width: 33.33%; height: 42px; line-height: 42px; font-size: 0.9em; text-align: center; color: #31bbef; border-bottom: 2px solid #fff; float: left;}
.getpass-tab li a { color: #acacac;}
.getpass-tab .active { border-bottom: 2px solid #31bbef;}
.getpass-tab .active a { color: #31bbef; }
.usercen-validator { padding: 20px 8% 0;}
.gp-item { overflow: hidden; line-height: 30px; margin: 26px 0; font-size: 0.8em;}
.gp-item .gp-label, .gp-item .gp-span, .gp-item .gp-div { width: 30%; height: 30px; color: #999; border-radius: 5px 0 0 5px; float: left;}
.gp-item .gp-label { color: #fff; text-align: center; background: #4ec6f3;}
.gp-item .gp-div { width: 70%;}
.gp-item .gp-input, .gp-item .gp-input-s, .gp-item .gp-select { width: 70%; height: 30px; line-height: 32px; border: 1px solid #4ec6f3; padding: 0 8px; border-radius: 0 5px 5px 0; float: left;}
.gp-item .gp-input-s { width: 42%;}
.gp-item .img-sec { margin-top: 2px;}
.btn-gp-submit, .btn-gp-submit-s { display: block; width: 70%; height: 36px; line-height: 36px; border: 0 none; font-family: 'microsoft yahei'; border-radius: 5px; color: #fff; font-size: 16px; margin: 0 auto; background: #4ec6f3;}
.btn-gp-submit-s { width: 24%; height: 30px; line-height: 30px; font-size: 0.8em;}
.user_error_tips a { color: #31bbef;}

/*微信下载实效弹窗*/
.omg-fixwx { width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0px; left: 0px; z-index: 101; background: rgba(0,0,0,0.9) url(../image/fixwx.png) center top no-repeat; background-size:contain; display: none;}
/*微信下载实效弹窗*/


/* 20170410新增优化  */
.news_tab{font-size:1.2rem;}
.tab .tit,.tab .tit li{cursor:default;}
.tab .tit.cur,.tab .tit .cur{cursor:pointer;}
.tab .txt{display:none;}
.tab .txt.cur{display:block;}
.ser_tab {width:100%; height:36px; border-bottom:1px solid #efefef;}
.ser_tab li{ float:left; width:50%; text-align:center;height:34px; line-height:34px;}
.ser_tab li.cur{border-bottom:2px solid #ff6c00;}
.sertable { border-bottom: #f2f2f2 solid 1px; height:416px; overflow:hidden;}
.server-table {width:100%; font-size:1.2rem;}
.kafu_tit{background-color: #f7f6f6;height: 36px;text-align: center;}
.kafu_tit li{float:left; line-height:34px; font-weight:bold; color:#666;}
.kafu_tit li.th1{width:30%;}
.kafu_tit li.th2{width:22%;}
.kafu_tit li.th3{width:24%;}
.kafu_tit li.th4{width:12%;}
.kafu_tit li.th5{width:12%;}
.server-table {}
.server-table tr{height:41px;}
.server-table td{color: #999;height: 40px;border-top: #f2f2f2 solid 1px;}
.server-table td a{color: #666;}
.ser_down{ display:block; background-position:0 -168px;  background-size:cover;  width:26px; height:22px; margin:0 auto;}
.get_more_ser{width: 100%;height: 26px;line-height: 26px;font-size: 1em;text-align: center; padding: 8px 0;}
.get_more_ser a{box-sizing:border-box;width: 100%;height: 100%;display: block ;color:#b9b9b9; text-shadow: 0 1px 0 #fff;}
.ser_more_ico{ display:inline-block; margin-left:6px; width:18px; height:16px;background:url(../image/down_ico.gif) center top no-repeat; background-size:contain; vertical-align:middle;}

.game-box{position:relative; min-height:120px;}
.game-box .letter_area{position:fixed; top:33%; right:3px; z-index:10;}
.letter_area a{display:block; padding:3px 0; font-size:13px; color:#a9a9a9;}
.game_center_tit{ position:relative;}
.g_center_title{ display:block; background:#f1f1f1; height:30px; line-height:30px; color:#999; padding-left:2%; width:98%;}
.g_placeholder{position: absolute; 
 display:block;  width:100px;  height:50px; top: -50px;}
.game_center_hot_tit{ background:#f1f1f1; height:40px; line-height:40px; color:#999; padding-left:2%; width:98%;}
.k_gift_ico{ display:block; background-position:0 -137px;  background-size:cover;  width:26px; height:22px; margin:0 auto;}


/* 弹窗 */
* html body{position:relative; height:100%;}
* html .pop-box{position:absolute; top:expression(eval(document.documentElement.scrollTop)+300);}
* html .mask{position:absolute; top:expression(eval(document.documentElement.scrollTop));}
.mask{width:100%; height:100%; position:fixed; top:0px; left:0px; opacity:0.7; background:#000; filter:alpha(opacity=50); z-index:101;}
.pop-box{position:fixed; top:10%; left:0%; width:98%; min-height:200px; max-width:640px;  color:#9f9f9f; font-size:16px; z-index:102; background:url(../image/qq_popbg.png) no-repeat;}
.pop-close{position:absolute; top:92px; right:10px; width:25px; height:25px; z-index:9; color:#FFF; font-family:mircosoft yahei;font-size:24px;}
.pop-tit{font:20px/70px \5FAE\8F6F\96C5\9ED1; color:#fff; padding-top:78px; height:70px; text-align:center; }
.pop-main{padding:20px 3%; background:#fff; margin-left:17px; min-height:170px;}

.input_pop{ width:70%; height:35px; padding-left:10px; font-size:18px; line-height:34px; background:#f2f2f2; border:1px solid #adadad;}
.check_btn{ display:block; background:#0090ff; width:45%; height:40px; font-size:18x; color:#fff; text-align:center; line-height:40px; margin:0 auto;}
.check_btn_gray{ display:block; background:#ebebeb; width:45%; height:40px; font-size:18px; color:#818181; text-align:center; line-height:40px; margin-left:5%;}
.success_btns{ width:100%; margin-top:30px;}
.success_btns a{float:left;}
.msg_holder{margin:20px auto;}
.msg_holder label{color:#494949; font-size:18px;}
.red{color:red;}
.mt30{margin-top:30px;}

.reg_areas{width:100%;}
.reg_tiplist{ padding-bottom:20px;border-bottom:1px solid #c3c3c3; margin-bottom:20px;}
.reg_page_left{ float:left; width:51%; border-right:1px solid #c3c3c3; padding:0 0 10px 0;}
.reg_page_left p{color:#adadad; font-size:16px; margin-top:10px;}
.reg_page_left a{display:block; margin-top:15px; width:80%; height:40px; background:#0192f8; border-radius:10px; text-align:center; line-height:40px; color:#fff;}
.reg_page_left a{opacity:0.95;}
.reg_page_right{float:right; width:40%; padding-left:7%; padding-top:10px;}
.reg_page_right p{color:#adadad; margin-bottom:10px;}
.reg_page_right li {margin-bottom:3px;}
.reg_page_right li a{color:#3c3c3c;}
.reg_page_right li a em{width:24px; height:24px; display:inline-block; vertical-align:middle; overflow:hidden; margin-right:5px; background:url(../image/other_login_icos.png) no-repeat;}
.reg_page_right li a:hover { opacity: .8;}
.reg_page_right .qq_gray { background-position: 0px 0px;}
.reg_page_right .wx_gray { background-position: -28px 0px;}
.reg_page_right .wb_gray { background-position: -57px 0px;}

/*  游戏中心  */
.game-type{ width: 96%; height: 24px; overflow: hidden; padding: 0 2%; margin:8px 0;}
.game-type .bd{ width: 100%; height: 36px; overflow-y: hidden; overflow-x: auto;}
.game-type a { display: block; float:left; color: #999; width:auto !important; font-size: 1.2rem; padding: 3px 10px; text-align:center; height:18px; line-height:18px; margin: 0 0 0 5px; border-radius: 5px;}
.game-type a:hover, .game-type a.active { color: #fff; background: #03b4f5;}
.game_tab .tit{ width:100%; height:auto;border-bottom:1px solid #ebe8e8;} 
.game_tab .tit ul { overflow:hidden; }
.game_tab .tit li{float:left; width:33%;  text-align:center; height:38px; line-height:38px; color:#333;}
.game_tab .tit li span{display:inline-block;height:38px; line-height:38px; padding:0 5px; font-size:1.6rem;}
.game_tab .tit li.cur span{border-bottom:2px solid #00a2ff;}

.tj_game_pic {width: 100%; padding:2% 0;}
.tj_game_pic img {width:100%;border-radius:5px;display: block;}
.tj_game_pic li{ float:left; margin:0 1%; width: 48%;}
.tj_game_pic li a {width: 100%;display: block;margin-bottom: 4%;}

 .spring_chicken{background:url('../image/slogen.png') center top no-repeat; background-size:contain;  width:46px; height:13px; float:left; margin:13px 0 0 5px; overflow:hidden; position:relative;}
.spring_chicken:after { content: ''; width: 120%; height: 100%; position:absolute; top: 0px; left: -20%; background-image:-webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); transition: left 1s linear;}
.spring_chicken_ani:after { left: 100%; }

/* 底部版权 */
.xfooter { text-align: center; padding-top: 10px; line-height: 20px }
.xfooter a { color: #63c2f8; }
.red { color: #f00; }
.legal-1, .legal-2, .legal-3, .legal-4, .legal-5, .legal-6 { display: inline-block; width: 25px; height: 25px; margin-top: 10px; background: url('../image/footer-ico.png') no-repeat; background-size: 75px 50px;}
.legal-2 { background-position: 0 -25px;}
.legal-3 { background-position: 0 -50px;}
.legal-4 { background-position: -25px 0;}
.legal-5 { background-position: -25px -25px;}
.legal-6 { background-position: -25px -50px;}

/* 弹窗 */
.verphone-pop .close, .common-pop .close { width: 50px; height: 50px; line-height: 46px; font-size: 30px; text-align: center; position:absolute; top: 0px; right: 0px; color: #b2b2b2; z-index: 2; }
.verphone-pop .close:hover, .common-pop .close:hover { color: #888; }
.verphone-pop { width: 94%; height: auto; border-radius: 8px; overflow: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; background: #fff;}
.verphone-pop .hd { height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #666; background: #f3f3f3; position:relative; }
.verphone-pop .bd { height: auto; padding: 0 10px 10px; overflow:hidden;}
.verphone-pop .w-div { width: 142px;}
.verphone-pop .w-label { width: 80px; }
.verphone-pop .w-input { width: 100px; margin-right: 5px; } 
.verphone-pop .vp-submit { width: 100%; height: 40px; line-height: 40px; color: #fff; background: #03b4f5; border-radius: 3px; font-size: 14px; border-color: #03b4f5; }
.verphone-pop .vp-submit:hover { background: #37c5f9;; }


/* 身份认证 */
.idc-pop .close, .common-pop .close { width: 50px; height: 50px; line-height: 46px; font-size: 30px; text-align: center; position:absolute; top: 0px; right: 0px; color: #b2b2b2; z-index: 2; }
.idc-pop .close:hover, .common-pop .close:hover { color: #888; }
.idc-pop { width: 80%; height: auto; border-radius: 8px; overflow: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; background: #fff;}
.idc-pop .hd { height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #666; background: #f3f3f3; position:relative; }
.idc-pop .bd { height: auto; padding: 0 10px 10px; overflow:hidden;}
.idc-pop .w-div { width: 142px;}
.idc-pop .w-label { width: 80px; }
.idc-pop .w-input { margin-right: 5px; } 
.idc-pop .vp-submit { width: 90%; height: 40px; line-height: 40px; color: #fff; background: #67c201; border-radius: 3px; font-size: 14px; border-color: #67c201; }
.idc-pop .vp-submit:hover { background: #67c201; }
.idc-pop .blue{ color:#00a2ff}
.idc-pop .font{  width:90%; margin: 15px auto 25px auto;  white-space:normal; word-break:break-all;  word-wrap: break-word; text-align:justify; line-height: 18px;}

/* 公用 */
.w-button { width: auto; color: #999; padding: 0 10px; height: 38px; line-height: 38px; border-radius: 3px; background: #e0dfdf!important;
	background:-moz-linear-gradient(top, #fff, #e0dfdf)!important;
    background:-webkit-linear-gradient(top,#fff,#e0dfdf)!important;
    background:-o-linear-gradient(top, #fff, #e0dfdf)!important;}
.w-button:hover { border-color: #c7c7c7; color: #666;}   

.common-pop { width: 70%; height: auto; padding: 40px 30px 20px; border-radius: 8px; overflow: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; background: #fff; font-size: 16px; text-align: center;}
.common-pop .btn-cpop { display: block; height: 50px; line-height: 50px; border-radius: 3px; overflow:hidden; margin: 20px auto 0; color: #fff; background: #03b4f5; }
.common-pop .btn-cpop:hover { background: #37c5f9; }
.color-red { color: #f00; }