You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
8.0 KiB
CSS
138 lines
8.0 KiB
CSS
2 years ago
|
/* banner */
|
||
|
|
.banner{width:100%;height:488px;overflow:hidden;position:relative}
|
||
|
|
.bannerimg{ width:100%; height:488px;}
|
||
|
|
.bannerimg a{ display: block;
|
||
|
|
color: #fff;
|
||
|
|
float:left;
|
||
|
|
margin: 0 auto; padding-top: 12%;}
|
||
|
|
.bannercont{ height:488px;}
|
||
|
|
.bannerimg a h3{font-size: 42px;font-weight: normal; margin-bottom: 40px;}
|
||
|
|
.bannerimg a span{ font-size:18px;}
|
||
|
|
.banner .carousel-nums{width:100%;overflow:hidden;position:absolute;bottom:20px;left:0;z-index:5;text-align:center}
|
||
|
|
.banner .carousel-nums li{display:inline-block;width:13px;height:13px;overflow:hidden;border:1px solid #fff;border-radius:50%;margin:0 2px;cursor:pointer}
|
||
|
|
.banner .carousel-nums li.active{background:#fff}
|
||
|
|
.carousel-main ul{width:100%;height:400px;position:relative;overflow:hidden}
|
||
|
|
.carousel-main .car-item{position:absolute;top:0;left:50%;margin-left:-500px;background-repeat:no-repeat;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
|
||
|
|
.carousel-main .active .car-item{opacity:1;filter:alpha(opacity=100)}
|
||
|
|
.carousel-main .car-bounce{-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}
|
||
|
|
.carousel-main li.active .car-bounce{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
|
||
|
|
.carousel-main .banner-btn{width:190px;padding:6px 12px;display:block;background:#fff;border-radius:5px;font-size:26px;color:#398439;letter-spacing:3px;line-height:1.5;cursor:pointer;position:absolute;top:218px;left:50%;margin-left:-375px}
|
||
|
|
.carousel-main a.banner-btn:hover{text-decoration:none}
|
||
|
|
.carousel-main li{width:100%;height:400px;opacity:0;filter:alpha(opacity=0);position:absolute;left:0;top:0;z-index:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
|
||
|
|
.carousel-main li.active{opacity:1;filter:alpha(opacity=100);z-index:2}
|
||
|
|
.carousel-main .banner-0{background:url(../images/banner.jpg) center 0 no-repeat #3fbeff}
|
||
|
|
.carousel-main .banner-0 .car-bounce{width:860px;height:400px;margin-left:-575px}
|
||
|
|
.carousel-main .banner-0 .banner-btn{width:156px;color:#3fbeff;top:170px;margin-left:-460px}
|
||
|
|
.carousel-main .banner-1{background:url(../images/banner3.jpg) center 0 no-repeat #0099cb}
|
||
|
|
.carousel-main .banner-1 .car-bounce{width:671px;height:278px;background-image:url(../images/3.png);top:30px;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
|
||
|
|
.carousel-main .banner-2{background-image:url(../images/banner2.jpg)}
|
||
|
|
.carousel-main .banner-2 .car-left{background-image:url(../images/2.png);width:432px;height:176px;margin-left:-732px;top:47px}
|
||
|
|
.carousel-main .banner-2.active .car-left{margin-left:-523px}
|
||
|
|
.carousel-main .banner-2 .car-right{background-image:url(../images/banner2-am.png);width:222px;height:201px;margin-left:178px;top:75px}
|
||
|
|
.carousel-main .banner-2.active .car-right{margin-left:-85px}
|
||
|
|
.carousel-main .banner-3{background-image:url(../images/banner.jpg)}
|
||
|
|
.carousel-main .banner-3 .car-top{background-image:url(../images/banner.png);width:472px;height:114px;top:-114px}
|
||
|
|
.carousel-main .banner-3.active .car-top{top:77px}
|
||
|
|
.carousel-main .banner-3 .car-bottom{background-image:url(../images/banner1-am.png);width:384px;height:310px;top:auto;bottom:-310px;margin-left:-150px}
|
||
|
|
.carousel-main .banner-3.active .car-bottom{bottom:0}
|
||
|
|
/* login */
|
||
|
|
.loginBox{width: 327px; padding: 15px; margin-top:50px;
|
||
|
|
height: 407px;background:#fff;text-align:left; float:right;}
|
||
|
|
.loginBox .welcomeTit{font-size:18px;padding:15px 30px;margin-bottom:20px;font-weight:400;border-bottom:1px solid #eee}
|
||
|
|
.loginBox .failmsg{font-size:18px;padding:0 30px 5px}
|
||
|
|
.loginBox .circle .poptip{width:120px}
|
||
|
|
.loginBox .circle .poptip i{top:18px}
|
||
|
|
.loginBox .uname{padding:10px 30px 15px}
|
||
|
|
.loginBox .btnArea{padding:0 30px}
|
||
|
|
.loginBox .btn{display:block}
|
||
|
|
.loginBox a.btn .poptip.bottom{top:45px;left:50%;width:212px;margin-left:-120px;color:#333}
|
||
|
|
.loginBox .change{height:40px;oveflow:hidden; text-decoration:underline;line-height:40px;padding:0 30px; font-size:15px;}
|
||
|
|
.loginBox .logErr{height:25px;line-height:25px;padding:0 30px;margin-top:-5px}
|
||
|
|
.loginTb{width:100%}
|
||
|
|
.loginTb tr{margin-top:15px;height:40px;line-height:40px}
|
||
|
|
.loginTb td,.loginTb th{padding:4px 5px}
|
||
|
|
.loginTb th{width:22%;font-weight:400}
|
||
|
|
.loginTb .form-control{width:90%}
|
||
|
|
.loginTb .code{width:35%;margin-right:10px}
|
||
|
|
.loginTb .btn{width:100%;float:none; height:52px;display:block;margin:0 auto;padding:4px 0; height: 52px; margin-top:30px;}
|
||
|
|
.loginTb .adaptive td,.loginTb .adaptive th{padding-top:0;padding-bottom:0}
|
||
|
|
|
||
|
|
/* main */
|
||
|
|
.sideBar{width:100%;float:right;overflow:hidden}
|
||
|
|
.sideBar li{color:#969696}
|
||
|
|
.kaifu,.newsPanel{width:46%}
|
||
|
|
.titA{padding:20px 0}
|
||
|
|
.titA .tname{font-size:24px;line-height:30px;font-weight:400;float:left;border-left:3px solid #FFC200}
|
||
|
|
.titA .tname span{cursor:pointer;padding:7px 20px;margin-right:15px}
|
||
|
|
.titA a.more{float:right;margin-top:18px}
|
||
|
|
.moduleA{padding-bottom:30px}
|
||
|
|
.moduleA h3.titB font{color:#ddd;font-size:22px}
|
||
|
|
.ind_titb{margin:15px;color:#656565;text-align:center;font-weight:400;font-size:22px}
|
||
|
|
.ind_titb font{color:#ddd;font-size:18px}
|
||
|
|
.txtlist li a{color:#353232;line-height:28px;}
|
||
|
|
/* contact us */
|
||
|
|
.cont_us li{ height:200px; width:25.3%; display:block; color:#969696; float:left; background:#fafafa; margin:0px 40px; padding:15px; text-align:center;}
|
||
|
|
.cont_us li a:hover{ text-decoration:none;}
|
||
|
|
.cont_us li b{ color:#FF8631; text-decoration:underline;}
|
||
|
|
.cont_us li span{ font-size:12px; margin-top:20px; display:block;}
|
||
|
|
.cont_us li:hover{border-bottom: 2px solid #FF8631; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
|
||
|
|
.cont_adress, .cont_phone, .cont_email{ display:block; width:55px; height:60px; background:url(../images/cont_icon.png) no-repeat; margin:0 auto; margin-top:25px; margin-bottom:15px;}
|
||
|
|
.cont_phone{ background-position:-5px 0px;}
|
||
|
|
.cont_email{background-position:-70px 0px;}
|
||
|
|
.cont_adress{background-position:-145px 0px;}
|
||
|
|
/* game */
|
||
|
|
.gameList li{float:left;width:240px;padding:22px 5px 17px;}
|
||
|
|
.gameList li:hover{}
|
||
|
|
.gameList li .sp1{margin-right:5px;}
|
||
|
|
.gameList li h3{font-size: 16px;font-weight:normal;}
|
||
|
|
.gameList li h3 a{color:#353232;}
|
||
|
|
.gameList li .gamestyle{padding: 1px 0 2px 0;color: #999;}
|
||
|
|
.gameList li .gamestyle { color: #999; padding: 5px 0 7px;}
|
||
|
|
.gameList li .gamedown {}
|
||
|
|
.gameList li .gamedown a {
|
||
|
|
border: 1px solid #67cd0d;
|
||
|
|
border-radius: 4px;
|
||
|
|
color: #67cd0d;
|
||
|
|
display: inline-block;
|
||
|
|
height: 25px;
|
||
|
|
line-height: 25px;
|
||
|
|
margin-right: 5px;
|
||
|
|
text-align: center;
|
||
|
|
width: 60px;
|
||
|
|
padding: 0 1px;
|
||
|
|
}
|
||
|
|
.gameList li .gamedown .gift { border: 1px solid #f90; color: #f90; }
|
||
|
|
.gameList li .gamedown a:hover {
|
||
|
|
background: #67cd0d none repeat scroll 0 0;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.gameList li .gamedown a.gift:hover {
|
||
|
|
background: #f90 none repeat scroll 0 0;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.gameList li img{width:70px;}
|
||
|
|
/* join us */
|
||
|
|
.join_us {color:#7F6259; width:1050px; margin:0 auto;}
|
||
|
|
.join_us span{ font-size:13px;}
|
||
|
|
.join_us .last{padding-right:0;width:17%}
|
||
|
|
.join_01,.join_02,.join_03,.join_04{background:url(../images/join_img.png) no-repeat;width:140px;height:140px;display:block;margin:0 auto}
|
||
|
|
.join_01{background-position:0 0}
|
||
|
|
.join_01:hover{background-position:0 -140px}
|
||
|
|
.join_02{background-position:-160px 0}
|
||
|
|
.join_02:hover{background-position:-160px -140px}
|
||
|
|
.join_03{background-position:-310px 0}
|
||
|
|
.join_03:hover{background-position:-310px -140px}
|
||
|
|
.join_04{background-position:-480px 0}
|
||
|
|
.join_04:hover{background-position:-480px -140px}
|
||
|
|
.addSteps ul li{float:left;font-size:20px;width:25%;text-align:center; color:#333;}
|
||
|
|
.addSteps ul a{overflow:hidden;color:#A9A9A9;margin:0 auto}
|
||
|
|
.addSteps ul a:hover{background-position:0 -60px;text-decoration:none}
|
||
|
|
.addSteps ul li.last{background:0 0;padding-right:0}
|
||
|
|
/* frendly links */
|
||
|
|
.frdlink{text-align:center;position:relative}
|
||
|
|
|
||
|
|
.frdlink a{padding:0px 10px;color:#969696;font-size:1.3em;line-height:50px;height:50px}
|
||
|
|
.frdlink a:hover{color:#666;}
|