1,281
回編集
差分
編集の要約なし
<body>
<div class="row page_content">
</div>
<hr>
3★：<span id="gyxf_r3_get">0</span>&emsp<br>
4★：<span id="gyxf_r4_get">0</span>&emsp<br>
5★：<span id="gyxf_r5_get">0</span>&emsp<br>
6★：<span id="gyxf_r6_get">0</span>&emsp<br>
<hr>
前回の6★オペレーター排出からのスカウト数：<span id="gyxf_r6_times">0</span>
</div>
</body>
<style>
.page_content{
display:none;
}
.page_loading{
padding-top:160px;
height:400px;
font-size:18px;
}
.gyxf_rank {
color: white;
}
.gyxf_rank3{
background-color: #bfbfbf;
}
.gyxf_rank4 {
background-color: #aaace4;
}
.gyxf_rank5 {
background-color: #fff8a3;
color: #948f55;
}
.gyxf_rank6 {
background-color: #ffca2c;
}
/* 手机 */
@media only screen and (max-width:899px){
.gyxf_chara {
display: inline-block;
text-align: center;
margin: 1px;
height: 110px;
padding-top: 0px;
width: 80px;
}
.gyxf_rank{
font-size:9px;
padding: 2px 0;
}
.gyxf_img img {
width: 50px;
}
.gyxf_job img {
width: 24px;
}
.gyxf_job {
margin: 5px 0 0 28px;
-moz-box-shadow: 0px 2px 5px #333333;
-webkit-box-shadow: 0px 2px 5px #333333;
box-shadow: 0px 2px 5px #333333;
width: 24px;
height: 24px;
}
.gyxf_box_c_m{
height: 470px;
}
}
/* PC端适配 */
@media only screen and (min-width: 900px){
.gyxf_chara {
display: inline-block;
text-align: center;
margin: 1px;
height: 280px;
padding-top: 66px;
}
.gyxf_job {
margin: 6px 0 0 20px;
-moz-box-shadow: 0px 2px 5px #333333;
-webkit-box-shadow: 0px 2px 5px #333333;
box-shadow: 0px 2px 5px #333333;
width: 40px;
height: 40px;
}
.gyxf_box_c {
height: 540px;
}
.gyxf_box_c_1 {
height: 200px;
}
.gyxf_box_c_2 {
height: 420px;
}
.animation1{
position:relative;
animation:chacard .4s;
-moz-animation:chacard .4s;/* Firefox: */
-webkit-animation:chacard .4s;/* Safari and Chrome: */
-o-animation:chacard .4s;/* Opera: */
}
.animation2{
position:relative;
animation:chacard2 .4s;
-moz-animation:chacard2 .4s;/* Firefox: */
-webkit-animation:chacard2 .4s;/* Safari and Chrome: */
-o-animation:chacard2 .4s;/* Opera: */
}
}
#gyxf_get_chara_box {
margin-bottom: 14px;
}
.gyxf_get_btn {
display: inline-block;
padding: 0px;
width:100px;
margin: 22px 6px;
font-weight: bold;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*过渡效果按钮*/
.defaultBtn{
transition: .2s;
-moz-transition: .2s; /* Firefox 4 */
-webkit-transition: .2s; /* Safari 和 Chrome */
-o-transition: .2s; /* Opera */
}
.defaultBtn:hover{
opacity:0.6;
}
.defaultBtn:active{
opacity:0.8;
}
.gyxf_box_t {
background-color: #4c4c4c;
padding: 6px 18px;
font-size: 16px;
font-weight: bold;
color: white;
}
.gyxf_box_c,.gyxf_box_c_2 {
background-color: #f3f3f3;
padding: 6px 10px;
margin-bottom: 6px;
}
.gyxf_box-bj{
background: url("") no-repeat 50% 0 #f3f3f3;
}
select#gyxf_select {
width: 100%;
margin: 6px 0 12px 0;
padding: 2px;
}
div#gyxf_re {
text-align: center;
background-color: #a5a5a5;
color: white;
padding: 6px;
cursor: pointer;
margin: 12px 16px;
}
.gyxf_phl {
color: #a5a5a5;
font-size: 9px;
padding: 1px 6px;
border-left: 3px solid #a5a5a5;
margin-top: 8px;
}
.gyxf_get_pay img {
position: absolute;
margin-left: -32px;
margin-top: -12px;
}
.gyxf_get_pay {
background-color: #828282;
color: white;
padding: 1px 4px 1px 32px;
text-align: left;
}
.gyxf_get_title {
padding: 6px;
background-color: #d6d5d5;
}
.gyxf_get_title_2 {
padding: 6px;
background-color: #f7d146;
}
@keyframes chacard
{
from {top: -15px;opacity:0;}
to {top: 0;opacity:1;}
}
@-moz-keyframes chacard /* Firefox */
{
from {top: -15px;opacity:0;}
to {top: 0;opacity:1;}
}
@-webkit-keyframes chacard /* Safari and Chrome */
{
from {top: -15px;opacity:0;}
to {top: 0;opacity:1;}
}
@-o-keyframes chacard /* Opera */
{
from {top: -15px;opacity:0;}
to {top: 0;opacity:1;}
}
@keyframes chacard2
{
from {top: 15px;opacity:0;}
to {top: 0;opacity:1;}
}
@-moz-keyframes chacard2 /* Firefox */
{
from {top: 15px;opacity:0;}
to {top: 0;opacity:1;}
}
@-webkit-keyframes chacard2 /* Safari and Chrome */
{
from {top: 15px;opacity:0;}
to {top: 0;opacity:1;}
}
@-o-keyframes chacard2 /* Opera */
{
from {top: 15px;opacity:0;}
to {top: 0;opacity:1;}
}
</style>
<script>
(window.RLQ = window.RLQ || []).push(function () {
