refactor(web):改造成vue工程
This commit is contained in:
kubbo
143
public/static/home/css/Gw.css
Normal file
143
public/static/home/css/Gw.css
Normal file
@@ -0,0 +1,143 @@
|
||||
/*<2A><>¼<EFBFBD>ɹ<EFBFBD><C9B9><EFBFBD>css<73><73>ʽ*/
|
||||
.loged{padding:0 0 27px 15px;}
|
||||
.loged li{color:#fff;;}
|
||||
.loged li a{color:#fff;}
|
||||
#logout{color:#ddd075;}
|
||||
.loged li a:hover{text-decoration: underline;}
|
||||
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><D0B1><EFBFBD>ʽ*/
|
||||
.quickJump ul li{height: 40px;line-height: 40px;font-size: 14px;}
|
||||
.quickJump ul li a:hover{color:#ddd075;text-decoration: underline;}
|
||||
/*<2A>õ<EFBFBD>CSS*/
|
||||
#slideBox {width: 506px;height: 286px;position: relative;}
|
||||
#slideBox .hd {padding: 0;position: absolute;bottom: 5px;right: 5px;z-index: 2;width: auto;height: auto;background: none;}
|
||||
#slideBox ul {}
|
||||
#slideBox .hd li {margin: 0 3px 0 0;float: left;list-style: none;width: 18px;height: 18px;line-height: 18px;background: #000;color: #fff;font-size: 11px;font-family:Arial;cursor: pointer;text-align: center;border: 1px solid #E6CAB4;}
|
||||
#slideBox .bd ul, #slider .bd li {margin: 0;padding: 0;list-style: none;}
|
||||
#slideBox .bd li {width: 506px;height: 286px;overflow: hidden;}
|
||||
#slideBox .bd li img {width: 506px;height: 286px;}
|
||||
#slideBox .hd li.on{background:#f15900; color:#fff;}
|
||||
|
||||
|
||||
/*ͷ<><CDB7><EFBFBD>ײ<EFBFBD><D7B2><EFBFBD>ʽ*/
|
||||
*{margin: 0;padding: 0;}
|
||||
#top{position:relative;z-index: 100;width: 100%;font-size: 12px;color:#666;background: url("../img/ytbg.gif") repeat-x;height: 38px;}
|
||||
.top-wrap a{font-size: 12px;color:#666;text-decoration: none;}
|
||||
.top-wrap{width: 1000px;margin: 0 auto;position: relative;}
|
||||
|
||||
.top-wrap .show-flash{position: absolute;left: 0;top: -2px;width: 1000px;height: 188px;z-index: 9999;display: none;}
|
||||
.top-wrap .default-flash{width: 360px;height: 38px;}
|
||||
.top-wrap .top-log{width: 124px;height: 35px;display: block;float: left;/*background:url("../img/top-logo.png") no-repeat 0 0;*/}
|
||||
.top-wrap .top-log a{width: 100%;height: 100%;display: block}
|
||||
.top-wrap .top-flash{width: 360px;height: 38px;float: left;margin: 0 150px 0 40px;}
|
||||
.top-wrap .top-flash object{width: 100%;height: 100%;display: block}
|
||||
.top-wrap .top-other{position: absolute;right: 93px;height: 38px;line-height: 38px;z-index: 15}
|
||||
.top-wrap .top-other .top-login{color:#3c3c3c;text-align: center;}
|
||||
.top-wrap .top-other .fenge{margin: 0 6px;}
|
||||
.top-wrap .top-other .top-login:hover{text-decoration: underline;}
|
||||
.top-loginCon{position: absolute;width:206px;top:10px;left: 0;display: none;}
|
||||
.top-loginCon .top-longin-t{width: 206px;border-bottom: 1px solid #d5d5d5;height: 35px;}
|
||||
.top-loginCon .top-longin-t a{width: 38px;height: 35px;border: 1px solid #999;background: #FFF;display: block;border-bottom:none;text-align: center;line-height: 23px;font-weight: bold;color: #000;}
|
||||
.top-loginCon .layer{padding: 10px;border:1px solid #999;border-top: none;text-align: center;background: #fff}
|
||||
.top-loginCon input{width: 100%;height: 24px;;display:block;line-height: 24px;outline: none;margin-bottom: 5px;border: 1px solid #eee;}
|
||||
.top-loginCon .forget{text-align: right;display: block;margin-bottom:5px;height: 15px;line-height: 15px;color: #000}
|
||||
.top-loginCon .forget:hover{text-decoration: underline}
|
||||
.top-loginCon .top-submit{display: block;height: 30px;margin: 0 auto;background: #da3a0e;text-align: center;overflow: hidden;border-radius: 5px;line-height: 30px;color:#fff}
|
||||
.top-loginCon .top-submit:hover{}
|
||||
.top-other .top-register{margin-right: 20px;color:#3c3c3c;}
|
||||
.top-other .top-pay{margin-right: 20px;display: inline-block;background: url("../img/tubiaoji.png") no-repeat 0 -168px;padding-left: 15px;}
|
||||
.top-other .top-pay:hover{background-position: 0px -459px;}
|
||||
.top-other .top-kefu{display:inline-block;margin-right:15px;background: url("../img/tubiaoji.png") no-repeat 0 -218px;padding-left: 15px;}
|
||||
.top-other .top-kefu:hover{background-position: 0 -506px;}
|
||||
.top-other .top-register:hover,.top-other .top-pay:hover,.top-other .top-kefu:hover{text-decoration: underline}
|
||||
.top-wrap .mobile-game {height: 38px;line-height: 38px;width: 68px;padding-left: 25px;position: absolute;right: -90px;background: url(../img/icon-8.png) 5px -201px no-repeat;z-index: 10;}
|
||||
.top-wrap .mobile-game:hover{background-position: -89px -201px;}
|
||||
.top-wrap .g-all-game {height: 38px;line-height: 38px;width: 68px;padding-left: 25px;position: absolute;right: 0;background: url(../img/icon-8.png) 5px -87px no-repeat;z-index: 10;}
|
||||
.top-wrap .g-all-game.active {background: url(../img/icon-8.png) -88px -87px no-repeat;background-color: #fff;border: 1px solid #d9d9d9;box-shadow: 0 -3px 3px rgba(0,0,0,.2);}
|
||||
.top-wrap .g-all-game-list {width: 760px;height: 262px;position: absolute;right: 0;top: 38px;background: #fff;border: 1px solid #d9d9d9;box-shadow: 0 0 3px rgba(0,0,0,.2);display: none;line-height: 30px;z-index: 999}
|
||||
.top-wrap .g-all-game-list .g-all-game-img {width: 400px;height: 262px;position: absolute;left: 0;top: 0;}
|
||||
.top-wrap .g-all-game-list .g-all-game-img .all-game-txt {width: 215px;height: 100px;line-height: 20px;overflow: hidden;color: #6c6c6c;
|
||||
position: absolute;
|
||||
left: 17px;
|
||||
top: 130px;
|
||||
}
|
||||
.g-all-game-list .all-game-hot {
|
||||
width: 330px;
|
||||
left: 400px;
|
||||
padding: 0 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.g-all-game-list dl {
|
||||
height: 262px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
.g-all-game-list dt {
|
||||
height: 44px;
|
||||
font: 700 14px/44px 'Microsoft Yahei','\5b8b\4f53';
|
||||
color: #6c6c6c;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.all-game-hot a{font-size: 12px;}
|
||||
|
||||
.all-game-hot dd.last-dd {
|
||||
width: 300px;
|
||||
clear: both;
|
||||
text-align: right;
|
||||
}
|
||||
.all-game-hot dd {
|
||||
width: 110px;
|
||||
height: 23px;
|
||||
line-height:23px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#footer_b {width: 100%;background:#eee;padding: 40px 0;text-align: center;font-size: 14px;color: #666;}
|
||||
#footer_b .top {width: 560px;height: 50px;overflow: hidden;margin: 0 auto;}
|
||||
#footer_b .footer_logo {/*background: url("../img/jt602logo.png") no-repeat;*/float: left;}
|
||||
#footer_b .footer_link {float: left;height: 35px;line-height: 35px;}
|
||||
#footer_b .footer_logo_a {width: 30px;height: 35px;display: block;overflow: hidden;margin-left: 108px;text-indent: -1000px;}
|
||||
#footer_b .footer_info {width: 100%;overflow: hidden;line-height: 24px;}
|
||||
#footer_b .footer_link a, #footer_b .footer_link a:hover {color: #666;}
|
||||
#footer_b .footer_link a:hover {text-decoration: underline;}
|
||||
#footer_b .footer_1002{width: 100%;}
|
||||
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ*/
|
||||
.vido{position:fixed;width:100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.4);display: none;z-index: 999}
|
||||
.closed{top: -5px;right: -49px;display: block;width: 44px; height: 44px;background: url(../img/gb.jpg) no-repeat;z-index: 9;position: absolute}
|
||||
.vido_m{width: 100%;height: 100%;overflow: hidden;background: #ffffff;}
|
||||
.vido .layer{width:400px;height:250px;margin-left:-200px;margin-top:-125px; position: absolute;left: 50%;top: 50%;border: 5px solid #505050;background: #fff;}
|
||||
.vido_m .closed{top: -5px;right: -49px;display: block;width: 44px; height: 44px;background: url(../img/gb.jpg) no-repeat;z-index: 9;position: absolute}
|
||||
|
||||
.user_box{border-radius: 5px;}
|
||||
.form_item{margin: 15px 0 15px 0;}
|
||||
.form_item label{height: 25px;line-height: 25px;width: 60px;display: inline-block;text-align: right;margin-right: 10px;font-size: 14px;}
|
||||
.form_item input{height: 25px;line-height: 25px;width:220px;font-size: 14px;border: 1px solid #999}
|
||||
.login_links{margin:20px 0 20px 35px; }
|
||||
.login_links input{float:left;margin-top: 3px;}
|
||||
.login_links a{margin-left: 10px;font-size: 12px;text-decoration: none;color: #666666;}
|
||||
.user_submit{display:block; width: 196px;height: 38px;border:none;text-indent: -999px;cursor: pointer;background: url(../img/btn.jpg) no-repeat 0 0;margin: 0 auto;}
|
||||
.user_submit:hover{background-position: 0 100%;}
|
||||
|
||||
.loged-panel li{font-size: 14px;color:#fff;overflow: hidden;line-height: 21px;}
|
||||
.loged-panel .logout{color:red}
|
||||
|
||||
body{font-family:"Microsoft Yahei",SimSun; color:#464646;}
|
||||
body,div,ul,li{padding:0px; margin:0px;}
|
||||
img {border:0px;}
|
||||
ul,li{list-style-type:none;}
|
||||
#newsList{padding-top: 33px;font-size: 12px;}
|
||||
#newsList li{height: 26px;line-height: 26px;overflow: hidden;}
|
||||
#newsList li a{color:#b3b3b3;text-decoration:none;}
|
||||
#newsList li a:hover{color:#fff;}
|
||||
#newsList span{float:right;color:#fff}
|
||||
|
||||
.log-box{padding: 30px 0 10px 20px;;position: relative}
|
||||
.log-box .mr{margin-bottom: 10px;}
|
||||
.log-box .mr input{width: 148px;height:25px;line-height: 25px;background: #d1d1d1;color: #333;border-radius:3px;padding-left: 5px}
|
||||
.log-box .login-btn{position:absolute;left:190px;top:30px;width: 76px;height: 68px;background: url(../img/icon.png) -28px -263px;cursor: pointer}
|
||||
.log-box .login-btn:hover{-webkit-filte:brightness(1.1); filter:brightness(1.1);}
|
||||
.log-box .other {overflow: hidden;font-size: 12px;color: #fff;}
|
||||
.log-box .other a{color: #fff}
|
||||
.log-box .other>div{float:left;margin-right: 8px;height: 20px;line-height: 13px;}
|
||||
.log-box .other>div input{-webkit-appearance:checkbox;}
|
||||
17
public/static/home/css/base.css
Normal file
17
public/static/home/css/base.css
Normal file
@@ -0,0 +1,17 @@
|
||||
body, h1, h2, h3, h4, p, a, input, img, ul, li, ol, dl, dt, dd { margin: 0; padding: 0;word-break: break-all;}
|
||||
body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;min-width: 1280px; height: auto; }
|
||||
a{text-decoration:none; cursor: pointer; }
|
||||
em { font-style: normal; }
|
||||
ul, li, ol { list-style: none; }
|
||||
img { border: 0; }
|
||||
em,i{font-style:normal;}
|
||||
input { outline: none; }
|
||||
.clearfix::after,.listNy::after,.yy-list::after{ content: ""; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; zoom: 1; }
|
||||
.fl { float: left; }
|
||||
.fr { float: right; }
|
||||
body { font-family: "微软雅黑","PingFang SC", "Microsoft YaHei", Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; }
|
||||
header, footer, section, nav, main, aside, article { display: block; }
|
||||
body { font-size: 14px; color: #555555; position: relative; }
|
||||
.cyou_bottom { background-color: #282725; color: #626262; }
|
||||
img{ display: block; }
|
||||
.wrapSj{display:none;}
|
||||
125
public/static/home/css/idangerous.swiper2.7.6.css
Normal file
125
public/static/home/css/idangerous.swiper2.7.6.css
Normal file
@@ -0,0 +1,125 @@
|
||||
/*
|
||||
* Swiper 2.7.6
|
||||
* Mobile touch slider and framework with hardware accelerated transitions
|
||||
*
|
||||
* http://www.idangero.us/sliders/swiper/
|
||||
*
|
||||
* Copyright 2010-2015, Vladimir Kharlampidi
|
||||
* The iDangero.us
|
||||
* http://www.idangero.us/
|
||||
*
|
||||
* Licensed under GPL & MIT
|
||||
*
|
||||
* Released on: February 11, 2015
|
||||
*/
|
||||
/* ===============================================================
|
||||
Basic Swiper Styles
|
||||
================================================================*/
|
||||
.swiper-container {
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
direction:ltr;
|
||||
-webkit-backface-visibility:hidden;
|
||||
-moz-backface-visibility:hidden;
|
||||
-ms-backface-visibility:hidden;
|
||||
-o-backface-visibility:hidden;
|
||||
backface-visibility:hidden;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index:1;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
position:relative;
|
||||
width:100%;
|
||||
-webkit-transition-property:-webkit-transform, left, top;
|
||||
-webkit-transition-duration:0s;
|
||||
-webkit-transform:translate3d(0px,0,0);
|
||||
-webkit-transition-timing-function:ease;
|
||||
|
||||
-moz-transition-property:-moz-transform, left, top;
|
||||
-moz-transition-duration:0s;
|
||||
-moz-transform:translate3d(0px,0,0);
|
||||
-moz-transition-timing-function:ease;
|
||||
|
||||
-o-transition-property:-o-transform, left, top;
|
||||
-o-transition-duration:0s;
|
||||
-o-transform:translate3d(0px,0,0);
|
||||
-o-transition-timing-function:ease;
|
||||
-o-transform:translate(0px,0px);
|
||||
|
||||
-ms-transition-property:-ms-transform, left, top;
|
||||
-ms-transition-duration:0s;
|
||||
-ms-transform:translate3d(0px,0,0);
|
||||
-ms-transition-timing-function:ease;
|
||||
|
||||
transition-property:transform, left, top;
|
||||
transition-duration:0s;
|
||||
transform:translate3d(0px,0,0);
|
||||
transition-timing-function:ease;
|
||||
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.swiper-free-mode > .swiper-wrapper {
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-ms-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.swiper-slide {
|
||||
float: left;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/* IE10 Windows Phone 8 Fixes */
|
||||
.swiper-wp8-horizontal {
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.swiper-wp8-vertical {
|
||||
-ms-touch-action: pan-x;
|
||||
}
|
||||
|
||||
/* ===============================================================
|
||||
Your custom styles, here you need to specify container's and slide's
|
||||
sizes, pagination, etc.
|
||||
================================================================*/
|
||||
.swiper-container {
|
||||
/* Specify Swiper's Size: */
|
||||
|
||||
/*width:200px;
|
||||
height: 100px;*/
|
||||
}
|
||||
.swiper-slide {
|
||||
/* Specify Slides's Size: */
|
||||
|
||||
/*width: 100%;
|
||||
height: 100%;*/
|
||||
}
|
||||
.swiper-slide-active {
|
||||
/* Specific active slide styling: */
|
||||
|
||||
}
|
||||
.swiper-slide-visible {
|
||||
/* Specific visible slide styling: */
|
||||
|
||||
}
|
||||
/* ===============================================================
|
||||
Pagination Styles
|
||||
================================================================*/
|
||||
.swiper-pagination-switch {
|
||||
/* Stylize pagination button: */
|
||||
|
||||
}
|
||||
.swiper-active-switch {
|
||||
/* Specific active button style: */
|
||||
|
||||
}
|
||||
.swiper-visible-switch {
|
||||
/* Specific visible button style: */
|
||||
|
||||
}
|
||||
317
public/static/home/css/index.css
Normal file
317
public/static/home/css/index.css
Normal file
@@ -0,0 +1,317 @@
|
||||
.main-wrap { position: relative; }
|
||||
.wrap{ position: relative; height: 100%; }
|
||||
.section{ width: 100%;}
|
||||
.section.sec1{background: url(../img/banner_top.jpg) top center no-repeat;}
|
||||
.container{width:1200px;margin:0 auto;position:relative;}
|
||||
.section.sec1 .container{height: 364px;}
|
||||
.logo{position:absolute;top:14px;left:32px;}
|
||||
.menu-list{ position:absolute;right:0;top: 26px; }
|
||||
.menu-list li {width: 120px; float: left; text-align: center;}
|
||||
.menu-list a { color: #ccc; font-size: 15px; text-align: center;}
|
||||
.menu-list a:hover{ color: #e1bc98; }
|
||||
.menu-list span{ font-family: Arial; color: #999; font-size: 12px; text-align: center; }
|
||||
.download{ position: absolute; top:584px;left:0; padding: 50px 0 0 20px; width: 399px; height: 190px; }
|
||||
.download img { border: 10px solid #fff;height: 152px; }
|
||||
.b_down { margin-left: 14px; }
|
||||
.b_down a{overflow:hidden;text-indent:-9999px;display:block;background:url(../img/download.jpg) no-repeat; width: 200px;height: 51px;}
|
||||
.b_down a+a{margin-top:10px;}
|
||||
.b_down .i-b_ios{background-position: 0 -60px;}
|
||||
.b_down .i-b_pc{background-position: 0 -120px;}
|
||||
.b_down .i-b_android:hover{background-position:-204px 0px;}
|
||||
.b_down .i-b_ios:hover{background-position:-204px -60px;}
|
||||
.b_down .i-b_pc:hover{background-position:-204px -120px;}
|
||||
|
||||
.btns { position: absolute; top:584px; right: 60px; }
|
||||
.btns a { margin: 5px 0;display:block; }
|
||||
|
||||
.section.sec2{background: url(../img/sec2.jpg) top center no-repeat;height:1638px;}
|
||||
.sec2Top{height:300px;width:100%; padding-top: 40px;}
|
||||
.banner { width: 520px; height: 300px; position: relative; background: url(../img/banner.jpg) top center no-repeat;}
|
||||
.banner .banner_swiper{position: absolute;top: 7px;}
|
||||
.banner .banner_swiper img, .banner .banner_swiper{height: 286px; width:506px;}
|
||||
.banner .pagination{z-index: 100;position: absolute;height:36px;width:100%;left:0;bottom:0;background: url(../img/pagination.jpg) top center no-repeat;}
|
||||
.banner .pagination .swiper-pagination-switch{float: left; height: 36px; line-height: 36px; width: 25%; text-align: center;color: #dbc2a5; font-size: 14px; cursor: pointer;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;}
|
||||
.banner .pagination .swiper-active-switch {background: url(../img/banneract.jpg) top center no-repeat;}
|
||||
|
||||
.news{width:665px;height:300px;background: url(../img/news.jpg) top center no-repeat;position:relative;}
|
||||
.news .newsTab{background: url(../img/tab.jpg) repeat-x;}
|
||||
.more1{width: 45px;height: 20px;position: absolute;display: block;right: 18px;top: 18px;background: url(../img/sp.png) -811px -324px no-repeat;overflow: hidden;transition: all .3s;text-indent: -9999px;}
|
||||
.more1:hover{right: 21px;}
|
||||
.section.secRole{background: url(../img/secrole.jpg) top center no-repeat;}
|
||||
.section.secRole .container{height:468px;}
|
||||
.b_nextTop{position: absolute;top:55px;color: #787878;right: 605px; display: flex;}
|
||||
|
||||
.xszdBox{height: 429px;float: left;width: 390px;}
|
||||
.xszdBoxXZD{width: 390px;height:308px;background: url(../img/xszdboxxzd.jpg) no-repeat;overflow:hidden;}
|
||||
.xszdBoxXZD ul{margin-top: 91px;float: left;margin-left: 42px;height: 216px;}
|
||||
.xszdBoxXZD li{width:148px;height:56px;float:left;margin-right:12px;margin-bottom:13px;}
|
||||
.xszdBoxXZD li a{width:148px;height:56px;float:left;background:url(../img/xszdn.jpg) no-repeat;overflow:hidden;text-indent:-99999px;}
|
||||
.xszdBoxXZD li a.zd2{background-position:-160px 0px;}
|
||||
.xszdBoxXZD li a.zd3{background-position: 0px -69px;}
|
||||
.xszdBoxXZD li a.zd4{background-position: -160px -69px;}
|
||||
.xszdBoxXZD li a.zd5{background-position:0px -138px;}
|
||||
.xszdBoxXZD li a.zd6{background-position: -160px -138px;}
|
||||
.xszdNav{height:101px;width:100%;margin-top: 20px;}
|
||||
.xszdNav a{float:left;width:124px;height:101px;background:url(../img/xszdnav.jpg) no-repeat; overflow:hidden;text-indent:-999px;}
|
||||
.xszdNav a+a{margin-left:9px;}
|
||||
.xszdNav a.n2{background-position:-133px 0px;}
|
||||
.xszdNav a.n3{background-position:-266px 0px;}
|
||||
|
||||
.roleBox{height:429px;width:100%;padding-top:40px;}
|
||||
.role{ width:790px; height: 429px;background: url(../img/role.jpg) no-repeat;float:right;}
|
||||
.role .role_swiper,.wrapper{ position: relative; width: 100%; height: 100%;}
|
||||
.role .pagination a { position: absolute; top: 186px; z-index: 100; }
|
||||
.role .pagination a i { display: block; margin:25px 0 0 36px; }
|
||||
.role .pagination a.i-b_pre { left: 0; }
|
||||
.role .pagination a.i-b_next { right: 0; }
|
||||
.role .pagination a.i-b_next i { margin-left: 20px; }
|
||||
.role .slide { width: 100%; height: 429px; position: absolute; top: 0; display: none; }
|
||||
.role .slide.show { display: block; }
|
||||
.role .content {width: 100%;height: 429px; margin: 0 auto;position: relative; }
|
||||
.role .content p { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-writing-mode: tb-rl; writing-mode: tb-rl; margin: 0 5px; }
|
||||
.role .content p span { display: inline-block; }
|
||||
.role .content .explain { height: 512px;background:url(../img/explain.jpg) no-repeat; width: 132px;position: absolute;right: 672px;top: -25px;color: #9c9690; }
|
||||
.role .content .explain .i-r_zs, .role .content .explain .i-r_fs, .role .content .explain .i-r_ds { margin:22px auto; }
|
||||
.role .content .explain p { height: 348px; margin: 20px 0 0 27px;line-height: 25px;}
|
||||
.role .content .i-r_w { margin: 5px 0 40px; }
|
||||
.role .content .btns { height: 100%; }
|
||||
.role .content .to_detail { padding: 6px; height: 70px; border: 1px solid #b76048; color: #b76048; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-writing-mode: tb-rl; writing-mode: tb-rl; }
|
||||
.roleBoxRw{width:440px;height:392px;position: absolute;right: 130px;bottom: 20px;}
|
||||
.wrapperNav{width:82px;position:absolute;top:82px;right:30px;}
|
||||
.wrapperNav a{width:82px;float:left;height:82px;margin-bottom:8px;background:url(../img/wrappernav.png) no-repeat;overflow:hidden;text-indent:-9999px;}
|
||||
.wrapperNav a.nZ{background-position: -87px 0;}
|
||||
.wrapperNav a.nF{background-position:-86px -88px}
|
||||
.wrapperNav a.nD{background-position:-86px -180px}
|
||||
.wrapperNav a.nZ.act{background-position:0 0;}
|
||||
.wrapperNav a.nF.act{ background-position: 0px -88px;}
|
||||
.wrapperNav a.nD.act{background-position:0px -180px}
|
||||
|
||||
.rtImg{float:right;position: relative;z-index: 99;}
|
||||
.roleBoxBg{width: 260px;position: absolute;-webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px);-ms-filter: blur(7px);filter: blur(7px);top: 14px;right: 132px;}
|
||||
.roleBoxBg img{width:100%;}
|
||||
.zsMan{background:url(../img/zs_m_1.png) no-repeat}
|
||||
.zsWoman{background:url(../img/zs_w_1.png) no-repeat;}
|
||||
|
||||
.main-wrap .news, .main-wrap .gl { width: 660px; }
|
||||
.main-wrap .news .box, .main-wrap .gl .box { margin-top: .3rem; background-color: #fff; }
|
||||
.roleTab{height: 118px;position: absolute; z-index: 999;width: 50px;right: 540px;top: 54px;}
|
||||
.roleTab a{width: 50px;height: 50px;margin-bottom:10px;float:left;background:url(../img/sp.png) -808px -159px no-repeat;color:#908a84;font-size:14px;text-align:center;line-height:50px;}
|
||||
.roleTab a.i-r_w_a,.roleTab a.i-r_m_a{background-position:-808px -100px;color:#ddc2a5;}
|
||||
.main-wrap .i-more2 { position: absolute; top: 17px; right: 0; transition: all .3s; overflow:hidden;text-indent:-999px;}
|
||||
.main-wrap .i-more2:hover { right: 3px; }
|
||||
.section.sec3{background: url(../img/sec3.jpg) top center no-repeat;}
|
||||
.section.sec3 .container{height:1256px;}
|
||||
.xtjs,.wfjs{width:521px;height:168px;}
|
||||
.wfjs{background:url(../img/wfjs.jpg) no-repeat;}
|
||||
.xtjs{background:url(../img/xtjs.jpg) no-repeat;margin-top: 7px;}
|
||||
|
||||
|
||||
.ctZl{padding-top:40px;width:100%;}
|
||||
.yxzl,.yxgl{position: relative;}
|
||||
.i-t_yxgl,.i-t_yxzl{margin-bottom: 20px;overflow:hidden;text-indent:-9999px;}
|
||||
.yxzl .i-bc_m{width: 520px;}
|
||||
.yxzl .link{color: #766e66;padding: 32px 20px 0 193px;line-height: 36px;}
|
||||
.yxzl .link p{height: 30px; line-height: 30px; font-size:16px;}
|
||||
.yxzl .link span{ display: block; float: left; margin: 0 3px; }
|
||||
.yxzl .link a{color: #766e66; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;font-size:16px; }
|
||||
.yxzl .link a:hover { color: #C4AF91;}
|
||||
.yxgl .i-bc_m{width:660px; height: 343px;background:url(../img/yxgl.jpg) no-repeat;position:relative;}
|
||||
.yxzl .link a.linkMore{background: #766E66;color: #0E0805;font-size: 12px;padding: 3px 8px;}
|
||||
|
||||
.yxgl .tab,.news .newsTab{height: 45px; width: 648px;position: absolute;left: 5px;top: 7px;}
|
||||
.yxgl .tab{background:url(../img/yxglx.jpg) repeat-x;}
|
||||
.yxgl .tab a,.news .newsTab a{padding: 0 15px;height:45px;text-align:center;line-height:45px;color:#6f645c;font-size:18px;float: left;}
|
||||
.yxgl .tab a.act,.news .newsTab a.act{background:url(../img/tabact.jpg) repeat-x;color:#ddceb9;}
|
||||
.yxgl .slide,.news .newSlide{width:596px;position:absolute;left:50%;margin-left:-298px;top:62px;display:none;}
|
||||
.yxgl .slide ul li,.news .newSlide ul li{height:35px;width:100%;line-height:35px;}
|
||||
.yxgl .slide ul li+li,.news .newSlide ul li+li{border-top:1px dashed #322D2A;}
|
||||
.yxgl .slide ul li a,.news .newSlide ul li a{color:#a0887a;font-size:14px;}
|
||||
.yxgl .slide ul li a span,.news .newSlide ul li a span{float:right;}
|
||||
.yxgl .slide ul li a:hover,.news .newSlide ul li a:hover{color:#d0b9aa;}
|
||||
.system {margin-top: 20px;margin-bottom:70px;}
|
||||
.system li { float: left; position: relative; }
|
||||
.system li .left { padding: 30px 0 0 10px; width: 50%; }
|
||||
.system li .left h4 { margin: 0 auto 10px; position: relative; left: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
|
||||
.system li .left a { width: 75px; height: 20px; border: 1px solid #8f6b56; color: #8f6b56; line-height: 20px; text-align: center; display:block;border-radius: 10px; margin: 0 auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
|
||||
.system li .left a:hover { color: #d0b9aa; border: 1px solid #d0b9aa; }
|
||||
.system li .img { position: absolute; top: 72px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 7%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
|
||||
.system li:hover h4 { left: -5px; }
|
||||
.system li:hover .img { -webkit-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); }
|
||||
.yyzx { width: 651px; position: relative; }
|
||||
.yyzx .video_box{ background:url(../img/video_box.jpg) no-repeat;height:241px;width:651px;}
|
||||
.i-t_yyzx,.phb .i-t_phb,.mrt .i-t_mrt{margin-bottom:20px;overflow:hidden;text-indent:-9999px;}
|
||||
.yyzx .video {width: 633px;height: 224px;position: relative;overflow: hidden;margin: 8px 9px;float: left;}
|
||||
.descrip{ width: 100%; height: 30px; line-height: 30px; text-align: center; background-color: rgba(0, 0, 0, 0.7); color: #B59C7D; position: absolute; bottom: -30px; z-index: 100; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
|
||||
.yyzx .video img { width: 100%; position: absolute; top: 0;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
|
||||
.yyzx .video:hover img { -webkit-transform: translateY(0) scale(1.1); -ms-transform: translateY(0) scale(1.1); transform: translateY(0) scale(1.1); }
|
||||
.yyzx .video:hover .descrip { bottom: 0; }
|
||||
.yyzx .i-mask { position: absolute; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10; }
|
||||
.yyzx .i-b_player, .yyzx .i-b_watch { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; }
|
||||
.yyzx .pic_box { margin-top: 12px; }
|
||||
.yyzx .pic_box li {width: 256px; height:210px;float: left;background:url(../img/pic_box.jpg) no-repeat;position:relative;}
|
||||
.yyzx .pic_box li+li{margin-left:8px;}
|
||||
.yyzx .pic_box .content {width: 239px;height: 195px;overflow: hidden;left: 8px;position: absolute;top: 7px;}
|
||||
.yyzx .pic_box .content img{width: 100%; height:100%; position: absolute; top:0;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
|
||||
.yyzx .pic_box .content .i-b_watch { display: none; z-index: 1000; }
|
||||
.yyzx .pic_box .content .descrip { bottom: 0; background-color: transparent; }
|
||||
.yyzx .pic_box .content .i-mask { height: 30px; bottom: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
|
||||
.yyzx .pic_box .content:hover img { -webkit-transform: translateY(0%) scale(1.1); -ms-transform: translateY(0%) scale(1.1); transform: translateY(0%) scale(1.1); }
|
||||
.yyzx .pic_box .content:hover .descrip { bottom: 20px; }
|
||||
.yyzx .pic_box .content:hover .i-mask { height: 100%; }
|
||||
.yyzx .pic_box .content:hover .i-b_watch { display: block; }
|
||||
.mrt { width: 520px; position: relative; margin-left: 29px; }
|
||||
.mrt .player,.phb .i-bc_m{background:url(../img/gy.jpg) no-repeat;width:520px;height:241px;}
|
||||
.mrt .player ul{margin: 23px 16px;
|
||||
float: left;}
|
||||
.mrt .player li {height:194px; width:229px;margin:0 7px; float: left;overflow: hidden; position: relative;background:#4D4D4D;}
|
||||
.mrt .player li img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%;}
|
||||
.mrt .player li .descrip { bottom: 0; }
|
||||
.mrt .player li a:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
|
||||
.mrt .player li a{width:280px;height:200px;display:block;}
|
||||
.phb { width: 320px; position: relative; }
|
||||
.phb .phbWrap{width:280px;padding:20px;}
|
||||
.phb .select { color: #b59c7d;font-size:14px;text-align: center; height: 30px; line-height: 30px;width:100%; }
|
||||
.phb .select select{ outline: none;background:url(../img/select.jpg) no-repeat; height: 30px; width: 72px; text-align: center; text-indent: 5px; border: 0 none; background-color: #015d4c; color: #000;}
|
||||
.phb .select select option{background:#fff;}
|
||||
.phb .rank li.title { background:url(../img/rank.jpg) no-repeat; margin: 20px 0 10px;}
|
||||
.phb .rank li.title p{color:#000;}
|
||||
.phb .rank li p { float: left; height: 32px; line-height: 32px; color: #6c5d4a; text-align: center; }
|
||||
.phb .rank li p i { display: block; margin: 0 auto; line-height: 22px; color: #ffd200; }
|
||||
.phb .rank li .num { width: 20%; }
|
||||
.phb .rank li .ser { width: 30%; }
|
||||
.phb .rank li .name { width: 50%; }
|
||||
.mask {display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; }
|
||||
.mask a { display: block; }
|
||||
.mask .close { height: 40px; width: 40px; background-color: #b10808; position: absolute; top: 0; right: -40px; }
|
||||
.mask .close span { display: block; margin: 11px 0 0 11px; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; }
|
||||
.mask .close:hover span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
|
||||
.message_mask { display: none; width: 420px; height: 300px; padding: 19px; background-color: #fff; position: absolute; top: 30%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
|
||||
.message_mask .content { width: 400px; height: 280px; border: 1px solid #dfdfdf; position: relative; padding: 10px 10px; }
|
||||
.message_mask .content .i-b_submit { margin: 0 auto; }
|
||||
.message_mask .content p { text-align: center; line-height: 26px; color: #666666; }
|
||||
.message_mask .content textarea { display: block; margin: 10px auto 15px; width: 370px; font-size: 14px; border: 1px solid #dfdfdf; background-color: #f5f5f5; }
|
||||
.message_mask .content span { display: block; position: absolute; width: 8px; height: 8px; }
|
||||
.message_mask .content .tl { background-color: #fff; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; top: -1px; left: -1px; }
|
||||
.message_mask .content .tr { background-color: #fff; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; top: -1px; right: -1px; }
|
||||
.message_mask .content .bl { background-color: #fff; border-right: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; bottom: -1px; left: -1px; }
|
||||
.message_mask .content .br { background-color: #fff; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; bottom: -1px; right: -1px; }
|
||||
|
||||
.ImgBoxBottom{padding-top:40px;width:100%;height:290px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*******内页*****/
|
||||
.main{width:1280px;margin:0 auto;position:relative;}
|
||||
.nyTop{background:url(../img/ny.jpg) top center no-repeat;}
|
||||
.nyTop .main{height:980px;}
|
||||
.nyBottom{background:url(../img/nybottom.jpg) top center no-repeat;}
|
||||
.nyBottom .main{height:818px;}
|
||||
.nyBox{top:-400px;position:absolute;left:0;width:100%;}
|
||||
.nyLeft{border:1px solid #49403A;background:#291815;width:238px;height:398px;float:left;}
|
||||
.nyRight{float:right;background:#0E0805;width:1040px;height:1160px;}
|
||||
.nyEwm{width:100%;height:210px;margin-top:5px;position:relative;}
|
||||
.nyEwm .downloadEwm{position:absolute;top:0;left:10px;background: url(../img/sp.png) -639px 0px no-repeat;width: 34px;height: 212px;z-index:9;}
|
||||
.nyEwm img{height: 170px;width: 170px;border: 2px solid #000;left: 38px;top: 10px;position: absolute;padding: 5px;background: #fff;}
|
||||
.nyLeft .b_down{margin:5px auto 0 auto;width: 200px;}
|
||||
/*.nyLeft .b_down .i-b_ios {margin: 8px 0 0 -8px;}*/
|
||||
.listRtxt{height:60px;width:1000px;background:url(../img/listrtxt.jpg) no-repeat;padding:0 20px;}
|
||||
.listRtxtName{float:left;}
|
||||
.listRtxtName span{color: #956c51;font-size: 12px;line-height: 67px;margin-left: 5px;}
|
||||
.listRtxtName h3{color:#b59c7d;font-size:24px;line-height:60px;float:left;font-family:SimSun;}
|
||||
.listRtxt p{float:right;line-height:60px;color:#9e8564;font-size:14px;height: 60px;}
|
||||
.listRtxt p a{color:#9e8564;}
|
||||
.listRtxt p a:hover{text-decoration:underline;}
|
||||
|
||||
.listNy{padding:30px 60px;}
|
||||
.listNyTab{border-bottom:1px solid #464646;width:100%;height:58px;line-height:58px;margin-right:15px;}
|
||||
.listNyTab a{display:inline-block;width:120px;color:#585857;font-size:18px;text-align:center;float: left;}
|
||||
.listNyTab a.act,.listNyTab a:hover{border-bottom:2px solid #986449;color:#986449;height:57px;}
|
||||
.listNyList{float: left; margin-top: 20px; width: 100%;height:auto;}
|
||||
.listNyList li{ width: 100%;float: left;height: 50px;line-height: 50px;color: #3B3B3B;border-bottom:1px dashed #3B3B3B;}
|
||||
.listNyList li a{font-size:14px;color:#616161;}
|
||||
.listNyList li a:hover,.listNyPage a:hover{color:#986449}
|
||||
.listNyList li p{margin-right:5px;font-size:14px;float:left;width:850px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
|
||||
.listNyList li span{color:#666;float:right;font-size:14px;}
|
||||
.listNyPage{width:100%;text-align:center;height:28px;line-height:28px;font-size:14px;padding:40px 0; float: left;}
|
||||
.listNyPage a{ padding:0 3px; color: #555;}
|
||||
.listNyPage a:hover{text-decoration:underline;}
|
||||
|
||||
.nyTit{border-bottom:1px solid #2D2D2D;height:112px;text-align:center;}
|
||||
.nyTit h3{color:#888;font-size:22px;width:100%;float:left;padding-top: 30px;padding-bottom: 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
|
||||
.nyTit p{width:100%;float:left;color:#565656;font-size:14px;}
|
||||
.nyTxt{width: 100%;color: #fff;font-size: 14px;line-height: 26px;margin-top: 30px;max-height: 860px;overflow-y: auto;}
|
||||
.nyTxt img{max-width:698px;display:block;margin:10px auto;}
|
||||
.nyTxt p{text-indent:2em;padding:10px 0;}
|
||||
.page_ny_xq_zhm {text-align: center;background:#383838;color: #fff;font-size: 14px;font-weight: bold;padding:30px; line-height:36px;width: 100%;}
|
||||
.page_ny_xq span {display: inline-block;color: #8d8d8d;width: 33.33%;margin-top: 20px;}
|
||||
.page_ny_xq_zhm a {display: inline-block;vertical-align: middle;width: 78px;height: 26px;line-height: 26px;background-color: #A71E18;border-radius: 3px;font-size: 12px;color: #fff;margin-left: 6px;}
|
||||
.page_ny_xq_zhm a:hover{background:#AF8C32}
|
||||
.page_ny_xq_zhm select,.page_ny_xq_zhm input{width: 200px; height: 24px;line-height: 24px;}
|
||||
.picBox{width:100%;float:left;}
|
||||
.picBox ul{width:948px;}
|
||||
.picBox ul li{float: left;margin-right: 20px;margin-bottom: 20px;width:243px;height:207px;overflow:hidden; text-align: center;}
|
||||
.picBox ul li img{width: 243px;height:173px;}
|
||||
.nyTxt::-webkit-scrollbar{border-radius: 10px;width: 5px;height: 5px;}
|
||||
.nyTxt::-webkit-scrollbar-track{background-color:#2B2A28;border-radius: 5px;}
|
||||
.nyTxt::-webkit-scrollbar-thumb{background-color:#666;border-radius: 5px;}
|
||||
.gift-list{width:100%;overflow:hidden;}
|
||||
.gift-lb{padding: 40px;float: left;}
|
||||
.gift-lb li{width:300px;height: 160px;float: left;margin: 10px;background:url(../img/gift-lb.jpg) no-repeat;}
|
||||
.gift-way{margin:18px}
|
||||
.game-gift-name{color:#f5f5f5;width:100%;margin-bottom:6px;display:block;line-height:25px;font-size:18px;overflow:hidden}
|
||||
|
||||
.gift-way .info{height:48px;line-height:20px;overflow:hidden;color:#f5f5f5;font-size:14px;}
|
||||
.surplus{position:relative;margin-top:10px;color:#b06832;line-height:35px}
|
||||
.ling-gift-btn{position:absolute;top:0;right:0;padding:0 28px;border:1px solid #8fd33e;font-size:14px;display:block;color:#8fd33e;text-align:center;line-height: 30px;height:30px;}
|
||||
.ling-gift-btn:hover{background:#8fd33e;color:#363636;}
|
||||
.gift-tc{display:none;}
|
||||
.tcbg{background-color:#000;width:100%;height:100%;left:0;top:0;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;z-index:99;position:fixed;}
|
||||
.tc-n{position:fixed;left:50%;top:50%;margin-left:-350px;margin-top:-83px;width:690px;height:156px;z-index:999;background:#313131;border:5px solid #4A4A4A;}
|
||||
.gift-close{width:40px;height:40px;position:absolute;right: -45px;top: -5px;background:#986449 url(../img/tc-close.png) no-repeat;}
|
||||
.tc-sr{margin-top: 24px;}
|
||||
.tc-sr p{color:#fff;text-align:center;height:30px;line-height:30px;margin-bottom:15px;font-size:24px;}
|
||||
.tc-sr p input{border:0;text-align: center;color:#000;height:30px;width:290px;margin-right:15px;}
|
||||
.tc-sr p span{height:30px;background:#DB5E41;width:100px;color:#fff;text-align:center;line-height:30px;cursor:pointer;font-size: 12px;padding: 7px 12px;}
|
||||
|
||||
.yy-list{float: left;width: 100%;overflow: hidden;margin-top:40px;}
|
||||
.yy-list ul{float: left;width: 928px;height:714px;}
|
||||
.yy-list ul li{width:220px;float:left;margin-right:12px;overflow:hidden;height: 192px;margin-bottom:33px;}
|
||||
.yy-list ul li img{width:220px;float:left;height:145px;}
|
||||
.yy-list ul li i{width: 100%;display: block;font-size: 14px;line-height: 21px;margin-top: 3px;float:left;}
|
||||
.yy-list ul li a{color:#645443;display:block;float:left;}
|
||||
.yy-list ul li a:hover{color:#956c51;}
|
||||
|
||||
/******2020.6.24********/
|
||||
.gzhBox{width:120px;height:152px;background:url(../img/gzh.jpg) no-repeat;}
|
||||
.gzhBox img{width:104px;height:104px;padding:40px 8px 8px 8px;}
|
||||
|
||||
|
||||
#dlq_url{
|
||||
overflow: hidden;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
background: url(../img/download.png) no-repeat;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
#dlq_url:hover {
|
||||
background-position: -125px 0;
|
||||
}
|
||||
|
||||
/*开始游戏*/
|
||||
.start_btn{ width: 200px; height: 100px; background-position:0 0; position: absolute; bottom: 20px; left: 20%; overflow: hidden; text-indent: -100px;}
|
||||
.start_btn:hover, .log_btn:hover, .ser_btn:hover, .ban:hover{-webkit-filte:brightness(1.1); filter:brightness(1.1);}
|
||||
.ico {background: url(../img/icon.png) no-repeat; background-size: 105%; }
|
||||
|
||||
|
||||
407
public/static/home/css/sprite.css
Normal file
407
public/static/home/css/sprite.css
Normal file
@@ -0,0 +1,407 @@
|
||||
|
||||
|
||||
.i-b_message:hover {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -193px -629px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-b_message {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -484px -485px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-b_next {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -104px -390px;
|
||||
width: 93px;
|
||||
height: 87px;
|
||||
}
|
||||
|
||||
.i-b_player {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -678px -341px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.i-b_pre {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -202px -390px;
|
||||
width: 93px;
|
||||
height: 87px;
|
||||
}
|
||||
|
||||
.i-b_server:hover {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -443px -629px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-b_server {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -318px -629px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-b_submit {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -339px -485px;
|
||||
width: 140px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.i-b_submit:hover {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -194px -485px;
|
||||
width: 140px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.i-b_watch {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -213px;
|
||||
width: 45px;
|
||||
height: 39px;
|
||||
}
|
||||
|
||||
.download {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px 0px;
|
||||
width: 420px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.i-bc_s {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -245px;
|
||||
width: 240px;
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
.i-close {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -819px -350px;
|
||||
width: 17px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.i-i_bj {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -678px -259px;
|
||||
width: 75px;
|
||||
height: 77px;
|
||||
}
|
||||
|
||||
.i-i_cp {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -89px -485px;
|
||||
width: 100px;
|
||||
height: 79px;
|
||||
}
|
||||
|
||||
.i-i_sl {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -485px;
|
||||
width: 84px;
|
||||
height: 102px;
|
||||
}
|
||||
|
||||
.i-i_xy {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -394px;
|
||||
width: 99px;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.i-i_ys {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -678px 0px;
|
||||
width: 80px;
|
||||
height: 98px;
|
||||
}
|
||||
|
||||
.i-icon1 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -796px -350px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.i-icon1_a {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -834px -83px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.i-icon_bc {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -298px;
|
||||
width: 2px;
|
||||
height: 158px;
|
||||
}
|
||||
|
||||
.i-icon_tj {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -83px;
|
||||
width: 66px;
|
||||
height: 31px;
|
||||
}
|
||||
|
||||
.i-logo {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -245px -245px;
|
||||
width: 174px;
|
||||
height: 91px;
|
||||
}
|
||||
|
||||
.i-more1 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -815px -330px;
|
||||
width: 35px;
|
||||
height: 7px;
|
||||
}
|
||||
|
||||
.i-more2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -770px -330px;
|
||||
width: 40px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.i-mouse_b {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -166px;
|
||||
width: 48px;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.i-mouse_w {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -119px;
|
||||
width: 48px;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.i-r_ds {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -95px -629px;
|
||||
width: 93px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.i-r_fs {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -697px;
|
||||
width: 88px;
|
||||
height: 59px;
|
||||
}
|
||||
|
||||
.i-r_m {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -816px -166px;
|
||||
width: 35px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-r_m_a {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -813px -213px;
|
||||
width: 35px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-r_w {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -257px;
|
||||
width: 35px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-r_w_a {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -816px -119px;
|
||||
width: 35px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-r_zs {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -629px;
|
||||
width: 90px;
|
||||
height: 63px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.i-rank2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -770px -350px;
|
||||
width: 21px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.i-rank3 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -835px -257px;
|
||||
width: 21px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.i-s_bj {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -88px -697px;
|
||||
width: 105px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-s_cp {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -203px -697px;
|
||||
width: 96px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-s_sl {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -563px -629px;
|
||||
width: 112px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-s_xy {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px 0px;
|
||||
width: 95px;
|
||||
height: 37px;
|
||||
}
|
||||
|
||||
.i-s_ys {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -42px;
|
||||
width: 95px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-star-a {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -770px -381px;
|
||||
width: 15px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.i-star {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -841px -350px;
|
||||
width: 15px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.i-t_lbzx2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -517px -592px;
|
||||
width: 151px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
.i-t_mrt {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -592px;
|
||||
width: 196px;
|
||||
height: 32px;
|
||||
|
||||
}
|
||||
|
||||
.i-t_phb {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -425px -340px;
|
||||
width: 200px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.i-t_xwzx2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -201px -592px;
|
||||
width: 153px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.i-t_yxgl {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -300px -390px;
|
||||
width: 235px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.i-t_yxgl2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -194px -540px;
|
||||
width: 227px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
.i-t_yxzl {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -245px -341px;
|
||||
width: 170px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.i-t_yxzl2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -359px -592px;
|
||||
width: 153px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.i-t_yyzx {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -300px -427px;
|
||||
width: 228px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.i-t_yyzx2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -426px -540px;
|
||||
width: 160px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
.i-w_d {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -686px -105px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-w_download {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -639px 0px;
|
||||
width: 34px;
|
||||
height: 212px;
|
||||
}
|
||||
|
||||
.i-w_f {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -686px -154px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-w_z {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position:-686px -199px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
63
public/static/home/css/style.css
Normal file
63
public/static/home/css/style.css
Normal file
@@ -0,0 +1,63 @@
|
||||
|
||||
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
|
||||
input{
|
||||
outline: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-moz-user-select: none;
|
||||
-webkit-appearance:none;
|
||||
border: none;
|
||||
}
|
||||
.AlertLoginCH{position: fixed;top: 0;left: 0;z-index:9998;width: 100%;height: 100%;;background: #000;opacity: .5;filter:Alpha(opacity=50);}
|
||||
.AlertLoginCH-main{position: fixed;top: 50%;left: 50%;z-index: 9999;margin:-175px 0 0 -235px;width: 270px;background: #fff;border-radius: 5px;overflow: hidden;padding:30px 90px ;font:12px/1.5 Microsoft yahei;}
|
||||
.AlertLoginCH-main .LoginCH-closed{position: absolute;top:15px;right:15px;width: 16px;height: 16px;background: url("../img/ico.png") no-repeat -15px -15px}
|
||||
.AlertLoginCH-main .LoginCH-closed:hover{background-position: -47px -15px;}
|
||||
.LoginCH{display: block}
|
||||
.LoginCH .loginCH-tit{height: 30px;line-height: 30px;overflow:hidden}
|
||||
.LoginCH .loginCH-tit .loginCHname{color:#666;font-size:18px;font-weight: 400;float: left}
|
||||
.LoginCH .loginCH-tit .loginCH-goregister{float: right;padding-right: 20px;height: 30px;background: url("../img/ico.png") 100% -1px;color:#0cacff}
|
||||
.LoginCH .loginCH-tit .loginCH-goregister:hover{color: #ff5757;background-position: 100% -32px;}
|
||||
.LoginCH .LoginCH-mr{padding-left: 35px;width: 235px;height: 38px;position: relative;left: 0;top: 0;margin-top:10px;border: 1px solid #ccc;background: url("../img/ico.png") no-repeat}
|
||||
.LoginCH .LoginCH-mr.Alertfocus{border-color:#00A5FF}
|
||||
.LoginCH .LoginCH-mr.blur{border-color:red}
|
||||
.LoginCH .LoginCH-mr.u{background-position:0 -60px;}
|
||||
.LoginCH .LoginCH-mr.p{background-position:-37px -60px;}
|
||||
.LoginCH .LoginCH-mr.y{background: url("../img/icon-3.png") no-repeat 7px 11px;display: none}
|
||||
.LoginCH .other{margin-top: 10px;overflow: hidden}
|
||||
.LoginCH .other .jz{overflow: hidden;float: left;color: #666}
|
||||
.LoginCH .other .jz label{}
|
||||
.LoginCH .other .jz input{vertical-align: middle;}
|
||||
.LoginCH .other .forgetpass{float: right;color:#ba9568}
|
||||
.LoginCH .other .forgetpass a{color:#ba9568}
|
||||
.LoginCH .LoginCH-mr input{height:36px;line-height: 36px;width: 220px;border:0;}
|
||||
.LoginCH .loginch-btn{display: block;margin-top:10px;height:40px;line-height: 40px;text-align: center;background:#FF5757;border-radius: 5px;color: #fff;text-decoration: none;font-size: 18px;font-weight: 400;}
|
||||
.LoginCH .loginch-btn:hover{background:#FF4141;}
|
||||
.LoginCH-qqlogin{margin-top: 16px;}
|
||||
.LoginCH-qqlogin .tit{height: 21px;line-height: 21px;background:url(../img/ico.png) no-repeat -16px -109px;text-align: center;color: #999;}
|
||||
.LoginCH-qqlogin a{display:block; float:left;width: 40px;height: 40px;background: url("../img/other-btn.png") no-repeat 0 0;text-indent:-999px;}
|
||||
.LoginCH-qqlogin .qq{background-position:0 0;margin:9px 0 0 60px;}
|
||||
.LoginCH-qqlogin .qq:hover{background-position:0 100%;}
|
||||
.LoginCH-qqlogin .wx{background-position:-69px 0;margin:9px 0 0 60px;}
|
||||
.LoginCH-qqlogin .wx:hover{background-position:-69px 100%;}
|
||||
|
||||
|
||||
.RigisterCH{display: none}
|
||||
.RigisterCH .RigisterCH-tit{height: 30px;line-height: 30px;overflow:hidden}
|
||||
.RigisterCH .RigisterCHname{color:#666;font-size:18px;font-weight: 400;float: left}
|
||||
.RigisterCH .RigisterCH-gologin{float: right;padding-right: 20px;height: 30px;background: url("../img/ico.png") 100% -1px;color:#0cacff;text-decoration: none}
|
||||
.RigisterCH .RigisterCH-mr{padding-left: 35px;margin-top:10px;border: 1px solid #ccc;background: url("../img/ico.png") no-repeat}
|
||||
.RigisterCH .RigisterCH-mr.Alertfocus{border-color:#00A5FF}
|
||||
.RigisterCH .RigisterCH-mr.blur{border-color:red}
|
||||
.RigisterCH .RigisterCH-mr.succ{border-color:green}
|
||||
.RigisterCH .RigisterCH-mr.u{background-position:0 -60px;}
|
||||
.RigisterCH .RigisterCH-mr.p{background-position:-37px -60px;}
|
||||
.RigisterCH .RigisterCH-mr.p2{background-position:-37px -60px;}
|
||||
.RigisterCH .RigisterCH-mr.code{background-position:-37px -60px;}
|
||||
.RigisterCH .RigisterCH-mr input{height:36px;line-height: 36px;width: 220px;border:none;}
|
||||
|
||||
.RigisterCH .RigisterCH-mr.code input{width: 150px;}
|
||||
.RigisterCH .RigisterCH-mr.code img{width: 70px;height: 36px;vertical-align: top}
|
||||
|
||||
.RigisterCH .register-btn{display: block;margin-top:10px;height:40px;line-height: 40px;text-align: center;background:#FF5757;border-radius: 5px;color: #fff;text-decoration: none;font-size: 18px;font-weight: 400;}
|
||||
.RigisterCH .register-btn:hover{background:#FF4141;}
|
||||
|
||||
.AlertLoginCH-main .AlertLogintip{padding-top: 10px;font-size: 12px;color: red;height: 17px;}
|
||||
Reference in New Issue
Block a user