.gameclass{border:1px solid #e5e5e5;overflow:hidden;padding:10px 30px 20px 30px;} .titi{font-size:22px;color:#DC2D11 ;height:28px;margin:10px 0px; font-weight:bold;} .titi span{font-size:20px;font-weight:normal;color:#666;display:inline-block;margin-left:2px} .gameclasslist{overflow:hidden} .gameclasslist li{height:35px;font-size:14px;} .gameclasslist li span{width:80px;float:left;font-weight:bold;line-height:35px;font-size:16px;} .gameclasslist li p{float:left;} .gameclasslist li p a{display:inline-block; border-radius: 4px; border:1px solid #e5e5e5;background:#fafafa;margin:0px 10px;text-align:center; padding:0 10px;line-height:35px;} .gameclasslist li p a:hover,.gameclasslist li p a.curr{background:#DC2D11 ;color:#FFF;position:relative;top:1px;left:1px;transition:all ease-in-out 0.3s} .gameslist{overflow:hidden;width:1230px;margin:20px 0px} .gameslist li{width:585px;border:1px solid #e5e5e5;position:relative;overflow:hidden;margin:0 25px 20px 0;float:left} .gameslist li:hover{box-shadow: 0px 0px 10px 1px #ededed;} .gampi{position:absolute;width:53px;height:53px;background:url(../images/homeIcon.png) no-repeat 0 -888px;top:0px;right:0px} .gx{background-position:-129px -109px} .gh{background-position:-129px -109px} .gt{background-position:-76px -162px} .gameslistl{display:inline-block;float:left;width:115px;margin:20px} .gameslistl img{ width:115px; height:115px;} .gameslistr{width:430px;float:left;overflow:hidden;padding:10px 0px} .gameslistr h3{ font-size:18px; padding-bottom:10px;} .gameslistr h3 a:hover{color:#DC2D11 ;position:relative;top:1px;left:1px;} .gameslistr p{overflow:hidden; font-size:14px;} .gameslistr span{ margin-right:10px;} .jianjie{line-height:1.7; padding:6px 0 10px 0;} .jianjie a{ color:#999;} .jianjie a:hover{color:#DC2D11 } .ganlink a{display:inline-block;border-radius: 4px; width:74px;border:1px solid #ededed;background:#fcfcfc;text-align:center;float:left;margin-right:10px; line-height:30px;} .ganlink a:hover{background:#DC2D11;top:1px;left:1px;color:#FFF;transition:all ease-in-out 0.3s} #giftlist{ margin-top:20px; } #giftlist ul{width:1400px;} #giftlist li{width:585px;border:1px solid #e5e5e5;position:relative;overflow:hidden;margin:0 25px 20px 0;float:left; height:160px;} #giftlist li:hover{box-shadow: 0px 0px 10px 1px #ededed;} #giftlist li .l{ width:115px; float:left; padding:20px;} #giftlist li .l img{width:115px; height:115px;} #giftlist li .r{width:430px;float:left;overflow:hidden;padding:20px 0 0 0} #giftlist li .r h3{ font-size:18px;} #giftlist li .r .ct{ font-size:14px; padding:6px 0; color:#999;} #giftlist li .r .cm{font-size:14px;} #giftlist li .r .bn{ position:absolute;right:20px; bottom:20px;} #giftlist li .r .bn a{display:block;width:90px;border:1px solid #ededed;background:#DC2D11 ;text-align:center;line-height:30px;color:#FFF;} #giftlist li .r .bn a:hover{position:relative;top:1px;left:1px;color:#FFF;transition:all ease-in-out 0.3s;background:#DC2D11 ;} #newlist{} #newlist .l{ width:892px; float:left;} #newlist .l .tabNavigation{border-bottom:1px solid #e1e1e1;} #newlist .l .tabNavigation li a { float:left; font-weight:normal; color:#999999; margin-right:30px; padding:0 25px; font-size:18px; line-height:48px; margin-bottom:-1px;} #newlist .l .tabNavigation li a.on{color:#333333;border-bottom:2px solid #28b95a;font-size:24px;} .ntab ul{} .ntab li { border-bottom:1px solid #f0f0f0; padding:20px 0;} .ntab li:hover{ background:#f6f6f6;} .ntab li img{ width:170px; height:110px;} .ntab li span{ float:left; margin-right:15px;} .ntab li h4{ font-size:20px; line-height:36px;} .ntab li p{ color:#999999;} .ntab li p.ptwo{ margin:7px 0 0 0;} #newlist .r{ width:276px; float:right;} .title span{font-size:24px;line-height:30px;} .title em a{font-size:12px;line-height:15px;color:#666;padding:0 17px;} .game-ranklist{border: 1px solid #ececec;margin-top:15px;} .game-ranklist dl{ border-bottom:1px solid #ececec; padding:20px 5px;} .game-ranklist dl:last-child{ border-bottom:0} .game-ranklist dl dt{width:97px;overflow:hidden; float:left} .game-ranklist dl dt span{ display:block; float:left;} .game-ranklist dl dt span.ranknum{width:20px; height:20px; text-align:center; line-height:20px; background:#b3c6d2; color:#fff} .game-ranklist dl dt span.num1{background:#67CD0D;} .game-ranklist dl dt span.num2{background:#F90;} .game-ranklist dl dt span.num3{background:#F30;} .game-ranklist dl dt span.num4{} .game-ranklist dl dt span.rankpic{width:68px; height:68px; overflow:hidden; border-radius:6px; margin-left:6px;} .game-ranklist dl dt span.rankpic a{ display:inline-block;width:100%; height:100%} .game-ranklist dl dt span.rankpic img{ width:100%; max-width:100%;} .game-ranklist dl dd{width:162px; margin-left:5px; float:left;} .game-ranklist dl dd h3{ font-size:14px; font-weight:bold; color:#5d5d5d} .game-ranklist dl dd p{ margin-top:4px;} .game-ranklist dl dd .rank-mark{color:#CCC;font-size:14px;background: url(../images/star.png) no-repeat 33px 2px;height:18px; width:110px;} .game-ranklist dl dd .rank-checkin a{ border:1px solid #DC2D11;color:#DC2D11;height:22px; line-height:22px; text-align:center; border-radius:4px; display:inline-block;padding:0 2px;} .game-ranklist dl dd .rank-checkin a:hover{ background:#DC2D11; color:#fff;padding:0 2px;} .game-ranklist dl dd .rank-checkin .gift{border:1px solid #F90;color:#F90;} .game-ranklist dl dd .rank-checkin a.gift:hover{background:#F90; color:#fff;} #newshow .title{height:30px;line-height: 30px;font-weight: bold;margin: 20px auto 10px auto;text-align: center;display: block;color:#333;overflow:hidden;font-size:24px;} #newshow .meta{height: 20px;line-height: 20px;text-align: center;display: block;color: #333;overflow: hidden;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 5px;width: 912px;} #newshow .meta em{margin-right:15px;} #newshow .meta span{margin-right:15px;} #newshow .meta a{ color:#F82800;} #newshow .cons{display: block;font-size: 14px;overflow: hidden;line-height: 1.9;padding-top: 10px;font-size: 14px;color: #555;width: 912px;} #gameshow{} #gameshow .l{width:892px; float:left;} .gameinti{border:1px solid #e5e5e5;padding:30px 0px 20px 0px;overflow:hidden} .gameintile{width:250px;float:left;position:relative;text-align:center} .score{display:inline-block;width:70px;height:70px;position:absolute;top:-22px;right:22px;background:url(../images/homeIcon.png) -130px 0px;z-index:1;color:#FFF;font-family:Impact;font-size:38px;font-style:italic;line-height:70px} .score b{font-size:30px;font-weight:normal} .share{height:28px;margin-top:10px;padding-left:50px;} .gameintiri{float:left;overflow:hidden;width:580px;} .gameintiritit{width:320px;float:left;font-size:14px;} .gameintiritit h3{font-size:20px;font-weight:normal;height: 35px;line-height: 35px;margin: 5px 0px;} .gameintiritit p{ line-height:1.8;} .gaminwex{width:230px;float:right;text-align:center;padding:5px 0px} .gaminwex span{float:right;} .gaindow{height:42px;clear:both; font-size:14px; padding-top:10px;} .gaindow a{display:inline-block;width:150px;float:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;color:#FFF;line-height:42px;margin-right:10px} .gaindow a i{display:inline-block;width:16px;height:19px;float: left;} .doandrnone,.doiosnone{background:gray;} .doandr{background:#DC2D11;text-align: center;} .doandr i,.doandrnone i{background:url(../images/homeIcon.png) -47px -229px;margin: 10px 8px 0px 31px;} .doandr:hover{background:#BE1A00} .gameincount .gamtiti{border-bottom:1px solid #e1e1e1; margin-top:20px;} .gameincount .gamtiti span{color:#333333;border-bottom:2px solid #28b95a;font-size:24px; padding:0 25px;line-height:48px; margin-bottom:-1px; display:inline-block;} .gameincount .intro{ font-size:14px; padding:20px 20px 10px 20px; line-height:1.8;} .gameincount .gaminimg{ padding-top:15px;} .gameincount .gaminimg div{ width:920px;} .gameincount .gaminimg img{ width:210px; float:left; margin-right:16px;} #gameshow .r{width:276px; float:right;} #service{} #service_box{background:#fff;} #service_main{border-bottom: 1px solid #eee; margin:0 30px;} #service_main h3{ font-size:18px;border-bottom:1px solid #ddd;padding-bottom:10px; padding-top:15px; margin-bottom:10px;} #service_main ul{ padding:30px 0 50px 0;} #service_main li{ width:100px; float:left; margin:0 40px;} #service_main li a{ display:block; margin-right:10px; height:100px; width:100px;text-align:center;border-radius: 50%; position:relative;} #service_main li a span{ position:absolute; width:100px; bottom:-25px; left:0; text-align:center;} #service_main li a:hover{color:#333;} #service_main #q_01 a{background:#eee url(../images/s_ico_01.png) center 20px no-repeat;} #service_main #q_01 a:hover{background:#ddd url(../images/s_ico_01.png) center 20px no-repeat;} #service_main #q_02 a{background:#eee url(../images/s_ico_02.png) center 20px no-repeat;} #service_main #q_02 a:hover{background:#ddd url(../images/s_ico_02.png) center 20px no-repeat;} #service_main #q_03 a{background:#eee url(../images/s_ico_03.png) center 20px no-repeat;} #service_main #q_03 a:hover{background:#ddd url(../images/s_ico_03.png) center 20px no-repeat;} #service_main #q_04 a{background:#eee url(../images/s_ico_04.png) center 20px no-repeat;} #service_main #q_04 a:hover{background:#ddd url(../images/s_ico_04.png) center 20px no-repeat;} #service_main #q_05 a{background:#eee url(../images/s_ico_05.png) center 20px no-repeat; color:#F00;} #service_main #q_05 a:hover{background:#ddd url(../images/s_ico_05.png) center 20px no-repeat;color:#F00;} #service_bot{margin:0 30px;} #service_bot #left{ float:left; width:600px;} #service_bot #left #left_t{border-bottom: 1px solid #eee; padding:20px 0 15px 0;} #service_bot #left #left_t .l{ float:left; font-size:16px;} #service_bot #left #left_t .r{ float:right; width:200px;} #service_bot #left #left_t .r input{ display:block; float:left;} #service_bot #left #left_t .r .txt{ border:1px solid #ddd; width:120px; height:25px} #service_bot #left #left_t .r .sub{ background:#eee; border:none;height:27px; width:50px;} #left_ms{} #left_ms li{border-bottom: 1px solid #eee; height:40px; line-height:40px; overflow:hidden;} #service_bot #right{ float:right; width:270px; padding-top:15px;} #service_bot #right .right_each h2{font-size:16px;margin-bottom: 16px; font-weight:blod;} #service_bot #right .right_each .con{height:80px;padding-bottom:15px;margin-bottom: 20px;border-bottom: 1px solid #eee; padding-left:78px;} #service_bot #right #right_01{background:url(../images/ico_people.png) 0 40px no-repeat;} #service_bot #right #right_01 a{ display:block; width:85px; height:25px; line-height:25px; text-align:center; background:#F82800; color:#FFF; margin-bottom:7px;} #service_bot #right #right_02{background:url(../images/ico_tell.png) 0 40px no-repeat;} #service_bot #right #right_02 span{ font-size:22px;} #service_bot #right #right_03{background:url(../images/erwm.jpg) 0 40px no-repeat;} #service_bot #right #right_03 p{ padding-top:25px;} #service_top{background:#fff url(kefu_bg.jpg) 0 0 no-repeat;height:240px;} #service_top div{ padding:40px 0 0 600px; font-size:14px; line-height:1.7;} #service_top div h4{ font-size:18px; font-weight:bold; padding-bottom:10px;} #ser_sub{} #ser_sub #l{ float:left; width:140px; height:300px; background:#fff; padding:20px;-webkit-border-radius: 5px; border-radius: 5px;} #ser_sub #l ul{ padding:0px 0 0 0;} #ser_sub #l li{ font-size:14px; line-height:40px; height:40px;} #ser_sub #l li a{ display:block; line-height:40px; height:40px;} #ser_sub #r{ float:right; width:760px; background:#fff; padding:0 20px;-webkit-border-radius: 5px; border-radius: 5px;} #ser_sub #r h4{ font-size:24px; line-height:55px;border-bottom:1px solid #ebebeb;} #ser_sub #r ul{ font-size:14px;} #ser_sub #r ul li{border-bottom: 1px solid #e1e1e1} #ser_sub #r ul li .q{background: #f4f4f4;font:14px/40px "\5FAE\8F6F\96C5\9ED1";color: #262626;padding: 0 10px 0 5px;height: 40px; font-weight:bold;} #ser_sub #r ul li .q em {color: #cbcbcb;padding-right: 5px;} #ser_sub #r ul li .a{color:#666; line-height:1.7; padding:15px;} #sbox{ background:#fff; font-size:14px;} #sbox button{ cursor:pointer;} .info_fill { width:100%; padding:43px 0; font-size:1em; } .info_fill div:before, .info_fill div:after { content:''; display:table; } .info_fill div:after { clear:both; } .info_fill div label { width:110px; text-align:right; display:inline-block; height:30px; line-height:30px; } .info_fill div input { width:262px; height:16px; border:1px solid #ddd;margin:0; padding:7px 0; text-indent:6px; color:#6a6a6a; margin-left:8px; } .info_fill div em { font-style:normal; color:#FF6501; margin-left:10px; margin-top:6px; } .info_fill div span { white-space:nowrap; } .info_fill div.verify input { width:152px; } .info_fill div label.verify_img { width:84px; } .info_fill div label.verify_img img { width:100%; height:100%; } .info_fill div.verify span { height:30px; line-height:30px; margin-left:4px; } .info_fill div.verify span a { color:#458CCA; cursor:pointer; margin-left:4px; } .info_fill div.checkbox label { width:auto; height:30px; margin-left:80px; } .info_fill div.checkbox input { width:auto; height:auto; background:none; margin-right:4px; outline:none; } .info_fill div.checkbox a { color:#458CCA; } .info_fill div.checkbox span.error { float:none; } .info_fill div.button { height:55px; margin-top:20px } .info_fill div.button button { width:157px; height:55px; display:block; margin-left:140px; border:none; text-indent:-999999px; } .appeal_div{width:435px; margin:10px auto 0;} .appeal_div label{width:130px; vertical-align:top;} .appeal .pro-head{padding-bottom:20px;} .appeal_div{height:auto !important; white-space:nowrap} .appeal_textarea{margin-left:8px; padding:4px;border-radius:3px;border:1px solid #ccc;width:252px;height:100px;color:#6A6A6A;resize:none} .appeal_div em{margin-right:4px;} .appeal_div.ap_btn_next{margin-top:40px;} .appeal_div.ap_btn_next button{width:260px;height:40px;display:block; background:#F82800; color:#fff; font-size:16px;border:none;margin-left:93px;} .appeal_div.prev_next{margin-top:50px;} .appeal_div.prev_next button.prev{background:#F82800;margin-left:122px;} .appeal_div.prev_next button{width:125px;height:40px;display:block;background:#F82800;border:none;float:left;margin-right:10px; font-size:16px; color:#fff; margin-bottom:10px;} .appeal_div.prev_next button.final_sub{background:#F82800;} .appeal_div label.rd{width:auto !important;} .appeal_div label.rd input{width:auto; vertical-align:middle;} .appeal #step3 .upload input{background:none;border-radius:3px;border:1px solid #ccc;} .appeal #step3 .upload input.file{border:0 none;height:30px;padding:0;text-indent:0;} .appeal #step3 .upload input.sub{width:48px;padding:0;height:30px;margin:0;padding-right:10px;} .appeal_div div span{color:#f00;} .appeal_div b{font-weight:normal;color:#999} .appeal_div div b b{font-weight:normal;color:#f00} .appeal_div.description{margin:0 0 0 92px;} .appeal_div.description em{margin:0;} .appeal_div a.orange{color:#FF6501} .appeal .red{color:#f00; font-weight:bold;} .pro-head { height:48px; } .pro-head span { width:168px; height:48px; display:block; float:left; line-height:48px; text-align:center; color:#3c3c3c; background:url(../images/pro-a-bg.png) no-repeat -168px -48px; font-size:16px; } .pro-head span.current { background:url(../images/pro-a-bg.png) no-repeat -168px 0px; color:#012349 } .pro-head span.first { background:url(../images/pro-a-bg.png) no-repeat 0 -48px; } .pro-head span.second { background:url(../images/pro-a-bg.png) no-repeat 0 -0px; } .pro-head span.third { background:url(../images/pro-a-bg.png) no-repeat 0 -0px; } .pro-head span:first-child.current { background:url(../images/pro-a-bg.png) no-repeat 0 0px; color:#012349 } .upload_ar{float:left;width:262px;margin-left:12px} .uinfo{margin-bottom:10px;} .uinfo img{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:10px;} .btnok{display:block;border-radius:3px;-webkit-border-radius:3px;text-align:center;font-size:1em;color:#fff;background:#FE9D00;line-height:44px;padding:0 15px} #member{background:#fff;} #member_l{ float:left; width:220px; background:#fafafa; padding-bottom:20px; height:800px;} #member_l dl{ margin-top:20px;} #member_l dt{ margin:0 20px 10px 20px;font-size: 18px;font-weight: 400;line-height: 50px;color: #000;border-bottom: 1px solid #dfdfdf;} #member_l dd{line-height:40px; font-size:14px;} #member_l dd a{ display:block; height:40px; line-height:40px;padding:0 20px;} #member_l dd a.on,#member_l dd a:hover{border-left: 3px solid #DC2D11 ; padding-left:17px; color:#DC2D11 ;} #member_r{ float:right; width:900px;padding:30px; background:#fff;} #profile{} #profile .img{float:left;width: 80px;height: 80px;margin-right: 20px;} #profile .img .uc-avatar {width: 80px;height: 80px; display:block;border-radius: 40px;} #profile .otherinfo{ float:left; width:365px;} #profile .otherinfo p{font-size: 24px;font-weight: 400;line-height: 1.25;color: #6d6d6d; padding:5px 0 13px 0} #profile .otherinfo .info-notice{} #profile .otherinfo .info-notice .icon-common {display: inline-block;background-repeat: no-repeat;} #profile .otherinfo .info-notice .icon-safe{background: url(../images/icon-common.png) no-repeat -14px -22px;position: relative;top: 1px;width: 61px;height: 11px;} #profile .otherinfo .info-notice .icon-safe-open{background: url(../images/icon-common.png) no-repeat 0 0;position: relative;top: 2px;width: 13px;height: 13px;} #profile .otherinfo .info-notice .sep {margin: 0 5px;color: #dfdfdf;} .customer{ float:left; background:#f6f6f6; padding:10px;} .customer #left{ float:left; width:95px;} .customer #left img{ width:80px; display: block;border-radius: 40px;} .customer #right{ float:left; line-height:1.9;} .customer #right em{ color:#F82800;} .customer #right a{ display:block;background: #F82800; width:75px; height:25px; line-height:25px; text-align:center; color:#fff;} .game_mod{ margin-top:60px;} .game_mod h3{ border-bottom:1px solid #ddd; font-size:16px; padding-bottom:10px;} .game_mod h3 em{ float:right; font-size:12px; line-height:18px;} .game_mod h3 em a{color: #8c8c8c;} .game_mod li {width: 165px;float: left; padding:20px 0 0 15px;} .game_mod li .icon {width: 72px;height: 72px;padding-right: 14px;position: relative;float: left;} .game_mod li .icon img{border-radius:36px;} .game_mod li .title {display: block;/* height: 44px;line-height: 14px;font-size: 14px; */color: #999;overflow: hidden;} .game_mod li .title span {display: block;/* height: 30px;*/line-height: 28px;font-size: 12px; color: #333;overflow: hidden;cursor: pointer;} .game_mod li .status {display: block;padding-top: 4px;color:#09A500;} .game_mod li .status a {width: 60px;line-height:20px;font-size:10px;text-align: center;color: #fff; display:inline-block; background: #F82800; margin-top:4px;} .other_s{} .other_s h3{line-height: 50px;border-bottom:1px solid #ddd;} .other_s h3 span{font-size: 18px;font-weight: 400;float:left;} .other_s h3 em{ float:right;} .other_s h3 em a{ margin-left:15px;} .other_s h3 em a.on,.other_s h3 em a:hover{ color:#F82800;} .other_s .other_p{ width:450px; margin:0 auto;padding:60px 0 0 0;} .other_s .other_p h4{font-size: 30px;font-weight: 400;color: #333; text-align:center;} .other_s .other_p h4 em{ color:#F82800;} .other_s .other_p p{font-size: 14px;color: #999; text-align:center;} .other_s .other_btn a{ width:140px; height:40px; line-height:40px; font-size:14px;background: #F82800; display: block; margin:0 auto; text-align:center; color:#FFF; margin-top:20px;} .features{ padding-top:60px;} .features li {float: left;_display: inline;width:200px;margin: 0 20px;font-size: 12px;color: #8c8c8c;} .features li img{ display:block; margin:0 auto; padding-bottom:25px;} .other_dat{} .other_dat th{ font-weight:bold; font-size:14px; color:#999;} .other_dat th,.other_dat td{ padding:12px 0; border-bottom:1px solid #eee;} .other_dat th.dat_1{ width:150px; padding-right:10px;} .other_dat th.dat_2{ width:60px;} .other_dat th.dat_3{ width:80px;} .other_dat th.dat_4{ width:90px;} .other_dat th.dat_5{ width:90px;} .other_dat th.dat_6{ width:100px;} .other_dat th.dat_7{ width:70px;} .other_dat td a{} .other_dat td span.res_ok{ color:#999;} .other_dat td span.res_no{ color: #F00;} .meesage_ul{} .meesage_ul li{border-radius:10px; background:#eee; padding:20px; margin-top:20px;} .meesage_ul li p{} .meesage_ul li div{ text-align:right; color:#999;} .edit_info{ font-size:14px;} .edit_info .adw{ padding:15px 0 15px 10px;} .edit_info td{ padding:13px 0; vertical-align:top;} .edit_info .td_l{ width:80px; text-align:right;} .edit_info .td_r{} .edit_info .td_r a{color:#F82800;} .edit_info .td_r select{ border:1px solid #ddd; height:30px; padding:2px; width:80px; margin-right:7px;} .edit_info .td_r a.sum{ background:#F82800; width:120px; height:35px; line-height:35px; text-align:center; color:#FFF; display:block;} .edit_info .td_r img{ margin-right:10px; border:1px solid #ddd;} .edit_pass{} .edit_pass form div{ margin-top:30px;} .edit_pass form div .inp_txt{display:inline-block;position: relative;height: 16px;padding: 12px 10px 12px 10px;border: 1px solid #ddd; width:270px; font-size:14px;font-family:'\5b8b\4f53';} .edit_pass form div .inp_code{display:inline-block;position: relative;height: 16px;padding: 12px 10px 12px 10px;border: 1px solid #ddd; width:157px; font-size:14px;font-family:'\5b8b\4f53';vertical-align: middle;} .edit_pass form div img{ display:inline-block; vertical-align:middle; height:40px; border:1px solid #eee;} .edit_pass form div .sum{ background:#F82800; width:120px; height:40px; line-height:40px; text-align:center; color:#FFF; display:block; margin-left:53px;display: block;border: none;background: #F82800;height: 40px;line-height: 40px;cursor: pointer;font-size: 16px;color: #fff;font-weight: bold;} .edit_pass form div a.sum2{ background:#F82800; width:120px; height:40px; line-height:40px; text-align:center; color:#FFF; display:block; margin-left:73px;} .msg-success{color:green;margin-left:5px;} .msg-fail{color:red;}