﻿@charset "UTF-8";
/**
  *   @authors    SBLD
  *   @date       2015.65
  *   @verson     1.0
  */

@charset "UTF-8";
/**
  *   @authors    SBLD
  *   @date       2015.65
  *   @verson     1.0
  */
.public-top-box{
   
    width: 100%;
    height: 60px;
   
    background:#191919;
}

.public-top-fixed{
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 1000;
    background:#2998e1;
    top: 0;
}

.public-top-box .ico{
    position: absolute;
    background-size:contain;
    width: 44px;
    height: 44px;
    margin: 7px 0 0 15px;
    z-index: 2;
}

.public-top-box .content{
    position: relative;
    padding: 7px 0 0 65px;
}

.public-top-box .content h1{
    position: relative;
    font-size: 1.6rem;
    color:#ffffff;
}

.public-top-box .content h2{
    position: relative;
    margin:6px 0 0 0;
    font-size: 1.1rem;
    color:#fff;
}

.public-top-box .downloadbtn{
    position: absolute;
    right: 10px;
    margin: 17px 0 0 0;
    z-index: 2;
}

.btn-blue{
    display: block;
    width: 84px;
    height: 21px;
    padding-top:5px;
    font-size: 1.4rem;
    text-align: center;
    background: #00a0e0;
    color: #ffffff;
    border-radius: 10px;
}

.yellow-btn{
    display: block;
    width: 70px;
    height: 26px;
    padding-top:2px;
    font-size: 1.4rem;
    text-align: center;
    background: #f3d944;
    color: #761215;
    border-radius: 5px;
}

.blue-style02-btn{
    display: block;
    width: 70px;
    height: 26px;
    padding-top:2px;
    font-size: 1.4rem;
    text-align: center;
    background: #008de0;
    color: #ffffff;
    border-radius: 3px;
}


.public-menu-box{
    position: fixed;
    display: block;
    width: 100%;
    height: 55px;
    bottom: 0;
    background: #21beee;
    z-index: 10;
}

.public-menu-box .btn{
    float: left;
    width: 25%;
    height:20px;
    text-align: center;
    padding: 35px 0 0 0;
    font-size: 1.4rem;
    color: #ffffff;
    background: #21beee;
}

.public-menu-box .home{
    background:url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/home.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/home.png*/ no-repeat center 15px;
    background-size: 20px 17px;
}

.public-menu-box .new{
    background:url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/news.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/news.png*/ no-repeat center 15px;
    background-size: 20px 17px;
}

.public-menu-box .strategy{
    background:url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/info.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/info.png*/ no-repeat center 15px;
    background-size: 20px 17px;
}

.public-menu-box .info{
    background:url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/in.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/in.png*/ no-repeat center 15px;
    background-size: 20px 17px;
}

.public-menu-box .active{
    background-color: #1db0dd;
}

.public-footer{
     
    padding: 12px 18px;
    background: url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/bottom_dot.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/bottom_dot.png*/ repeat;
    background-size: 1.5px 3px;
}

.public-footer p{
    text-align: center;
    color:#ffffff;
    font-size: 1.1rem;
}

.public-footer .mobile{
    font-size: 1.4rem;
    color: #50b4de;
    background: url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/mobile.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/mobile.png*/ no-repeat  6px 4px;
    background-size: 8px 14px;
    padding: 3px 15px 3px 20px;
    border-right: 1px solid #ffffff;
    height: 16px;
}

.public-footer .pc{
    font-size: 1.4rem;
    color: #ffffff;
    margin-left: 15px;
    background: url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/pc.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/pc.png*/ no-repeat;
    background-size: 14px 14px;

    padding: 0 0 0 20px;
    height: 16px;
}

.public-footer-btn{
    position: relative;
    margin-top: 10px;
    text-align: center;
}

.public-footer-btn-text{
    border-top: 1px solid #4b4b54;
    position: relative;
    margin-top: 20px;
    padding: 10px 4px 0 4px;
}

.public-child-title{
    font-size: 0px;
    position: relative;
    height: 45px;
    
    display: block;
    overflow: hidden;
    background:#e7e7e7;
}

.public-child-title .return{
    position: absolute;
    text-align: center;
    margin: 10px 0 0 0;
    height: 26px;
    width: 50px;
    vertical-align: top;
    line-height: 200%;
    background: url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/back.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/back.png*/ 5px 10px no-repeat;
    background-size:10px;
    font-size: 1.4rem;
    padding: 0 0 0 5px;
    color: #444444;
}

.public-child-title .return:visited{
    color: #696969;
}

.clear{
    clear: both;
}

.normative-list{
    width: 100%;
    display: inline-block;

}

    .normative-list li {
        position: relative;
        height: 45px;
        overflow: hidden;
        border-bottom: 1px solid #4B4B54;
        list-style: none;
    }

.normative-title{

}

.normative-title span{
    font-size: 1.6rem;
    display: block;
    
    padding: 0 0 0 3px;
    margin: 0 auto;
}

.normative-list .title-style01{
    float: left;
    width: 35px;
    height: 16px;
    margin: 16px 0 0 2%;
    border-radius: 10px;
    font-size: 1.2rem;
    text-align: center;
    color: #ffffff;
    background:#81bd60;
}

.normative-list .title-style02{
    float: left;
    width: 35px;
    height: 16px;
    margin: 16px 0 0 2%;
    border-radius: 10px;
    font-size: 1.2rem;
    text-align: center;
    color: #ffffff;
    background:#50b4de;
}

.normative-list .title-style03{
    float: left;
    width: 35px;
    height: 16px;
    margin: 16px 0 0 2%;
    border-radius: 10px;
    font-size: 1.2rem;
    text-align: center;
    color: #ffffff;
    background:#ef8545;
}



.normative-list .content{
    float: left;
    width: 65%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    min-width: 175px;
    height: 45px;
    margin: 15px 0 0 11px;
    vertical-align: top;
    font-size: 1.4rem;
    color: #FFF;
}

.normative-list .time{
    float: right;
    height: 45px;
    margin: 15px 15px 0 0;
    vertical-align: top;
    font-size:0.9rem;
    color: #696969;
}

.down-list{

}

.down-list li{
    position: relative;
    height: 75px;
    overflow: hidden;
    border-bottom: 1px solid #dedddd;
    list-style: none;
}

.down-list .img-style{
    float: left;
    width: 61px;
    height: 61px;
    padding: 7px 7px;
}

.down-list .img-style img{
    width: 57px;
    height: 57px;
}

.down-list .content{
    float: left;
    width: 175px;
    height: 75px;
    margin: 15px 0 0 0px;
    vertical-align: top;
    font-size: 1.4rem;
    color: #4a4a4a;
}

.down-list .content .title{
    font-size: 1.5rem;
    font-weight: bold;;
}

.down-list .content .text{
    font-size:1.1rem;
    color: #9e9e9e;
}

.down-list .down{
    float: right;
    display: block;
    width: 45px;
    height: 21px;
    padding: 6px 0 0 0;
    margin: 25px 15px 0 0;
    border: 1px solid #008de0;
    text-align: center;
    vertical-align: top;
    font-size:0.9rem;
    border-radius: 3px;
    color: #008de0;
}

.search-box{
    font-size: 0px;
    position: relative;
    height: 45px;
    display: block;
    overflow: hidden;
    background:url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/friendtitle.jpg)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/friendtitle.jpg*/ repeat;
}

.underline{
    width: 100%;
    height: 2px;
    background: #e9e9e9;
}

.underline .block{
    display: block;
    width: 90px;
    height: 2px;
    background: #50b4de;
}

.underline .newsList-block{
    float: right;
    margin: 0 160px 0 0;
    display: block;
    width: 80px;
    height: 2px;
    background: #50b4de;
}


.search-box .active{
    color: #FFF;
}

.search-box a{
    display: inline-block;
    width:140px;
    text-align: center;
    font-size:1.6rem;
    color: #FFF;
    margin: 10px 0 0 0;
    height: 26px;
}

.search-box a:nth-child(2){
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}

.search-box a:nth-child(4){
    float: right;
    width:10%;
    max-width: 50px;
    height: 26px;
}

.search-box a:nth-child(4) span{
    display: inline-block;
    width: 5px;
    height:5px;
    margin: 0 2px;
    background:#a2a2a2;
    border-radius: 20px;
}

.search-box-newsList{
    font-size: 0px;
    position: relative;
    height: 45px;
    display: block;
  
    overflow: hidden;
    background:#e7e7e7;
}

.search-box-newsList .active{
    color: #FFF;
}

.search-box-newsList a{
    display: inline-block;
    float: right;
    width:130px;
    text-align: center;
    font-size:1.6rem;
    color: #444444;
    margin: 10px 0 0 0;
    height: 26px;
}

.search-box-newsList a:nth-child(3){
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}

.search-box-newsList .return{
    float: left;
    width: 50px;
    vertical-align: top;
    line-height: 200%;
    background: url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/back.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/back.png*/ 5px 12px no-repeat;
    background-size:10px;
    font-size: 1.4rem;
    padding: 0 0 0 7px;
    color: #FFF;
}

.content-title{
    font-size: 18px;
    text-align: center;
    line-height: 260%;
}


.head{
    position: relative;
    height: 345px;
}

.head img{

}

.new-box{
    width: 100%;
    overflow: hidden;
}



.normative-title {
    position: relative;
    height: 45px;
    background: #442E21;
}

.frend-titile{
    position: relative;
    height: 40px;
    background: #19a18a;
    background: url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/friendtitle.jpg)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/friendtitle.jpg*/ repeat;
}

.frend-titile span{
    float: left;
    font-size: 1.6rem;
    padding: 11px 0 0 13px;
    vertical-align: top;
    color: #444444;
}

.normative-title span{
    float: left;
    font-size: 1.6rem;
    padding: 11px 0 0 13px;
    vertical-align: top;
    color: #ffffff;
}

.normative-title a{
    float: right;
    width:53px;
    height: 40px;
    color: #696969;
    border-left: 1px solid #dedddd;
    background-size: 18px 18px;
}

.data-box{

}

.data-box nav{
    margin: 10px 0 15px 0;
}

.data-box .btn{
     display: inline-block;
     width:64px;
     height: 85px;
     text-align: center;
     color: #696969;
     font-size: 1.4rem;
 }

.data-box .btn:nth-child(1){
    margin-left: 15px;
}

.data-box .btn:nth-child(2){
    margin:0 48px;
}

.data-box .btn:nth-child(3){

}

.data-box .btn:nth-child(1) .junior{
    display:block;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background:url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/junior.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/junior.png*/ no-repeat center #38c5f0;
    background-size:26px 27px ;
}

.data-box .btn:nth-child(2) .junior{
    display:block;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background:url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/bet.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/bet.png*/ no-repeat center #38c5f0;
    background-size:26px 27px ;
}

.data-box .btn:nth-child(3) .junior{
    display:block;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background:url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/info.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/info.png*/ no-repeat center #38c5f0;
    background-size:26px 27px ;
}

.data-box .txt{
    margin-top: 5px;
    color:#696969;
    font-size: 1.4rem;
}

.friend-box{

}

.friend-box p{
    padding:0px 15px 15px 15px;
    display: block;
    border-bottom: 1px solid #dedddd;
}

.friend-box p a{
    display: inline-block;
    padding: 12px 0 0 0;
    font-size: 1.4rem;
    color: #444444;
    margin:0 20px 0 0;
}

.Carousel-box {
    width: 100%;
    display: block;
}

.Carousel-box img{
    display: block;
}

.Carousel-box .title-style{
    color:#19a18a;
}

.Carousel-box .photo-box{
    padding: 0px 0px 25px 0px;
    height: 218px;
}

.Carousel-box .photo-pic-box{
    position: relative;
    overflow: hidden;
    height: 214px;
}

.downBox{
    margin: 0 auto;
    font-size: 0;
    -webkit-text-size-adjust:none;
}

.downBox img{
    width: 71px;
}

.down-box{
    margin: -1px 0 0 0;
}

.download{
    position: absolute;
    display: block;
    width: 76%;
    left: 50%;
    margin: 0 0 0 -38%;
    padding-bottom: 13.3%;
    background: url(../../../../../../lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/btn_down.png)/*tpa=http://lkdownload.lkgame.com/LK_MS/m/Content/mgp/sjdt/btn_down.png*/ no-repeat #47b4a0;
    background-size: 100%;
}

.downBox a{
    width:100px;
    overflow: hidden;
    white-space:nowrap;
    margin: 16px 0 16px 0;
    color: #FFF;
    font-size: 1.4rem;
    text-align: center;
    display:inline-block;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.more{
    display: block;
    width:116px;
    height: 30px;
    line-height: 200%;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    margin:20px auto 20px auto;

    color: #444444;
    text-align: center;
}

.details-content-box {
    position: relative;
    color: #feb300;
    line-height: 160%;
    font-size: 1.6rem;
    padding: 15px;
}

    .details-content-box h1 {
        width: 80%;
        margin: 10px auto 0 auto;
        font-size: 1.6rem;
        font-weight: normal;
        text-align: center;
        color: #feb300;
    }

.details-content-box h2{
    font-size: 1.4rem;
    color: #acacac;
    font-weight:normal;
    text-align: center;
    margin: 0 0 10px 0;
}

.details-content-box h3{
    font-size: 1.4rem;
    text-align: right;
    font-weight:normal;
}

.details-content-box p{
   
    font-size: 1.4rem;
}

.details-content-box img{
    max-width: 100%;
}

.details-content-box table{
    width: 100%;
    margin: 0 auto;
}


.fixedBox{
    width:100%;
    z-index:100;
    position:fixed;
    top:0;
    height:110px;    
}

.other
{
    margin-top:110px;
    }