﻿*{

    padding: 0px;

    margin: 0px;

    font-family: "微软雅黑";

}

ul,li,dl,dd{

	list-style: none;

}

a:hover{

    color: grey;

}

.letu_nav{

    width: auto;

    height: auto;

    margin: 0px;

}

.letu_content{

    width: auto;

    margin: 0px auto;

    position: relative;



}

.letu-footer{

    width:auto;

    height: 400px;

}

.letu_logo{

    width: auto;

    height: 108px;

    background: #428ce8;

}

.logo{

    margin-left: 24%;

    margin-top: 35px;

}

.customPhone{

    margin-top: -32px;

    margin-left: 64%;

}

.customPhone span{

    margin-top: 5px;

    margin-left: 16px;

    color: white;

    position: absolute;

}

.banner{

    width: auto;

    height: auto;

    overflow: visible;

    position: relative;

}



/********user_form*********/

.user_form{

    width: 306px;

    height: 355px;

    position: absolute;

    top: 140px;

    left: 64%;

    background-color: white;

}

.user_form>span{

    font-size: 22px;

    margin-left: 25px;

    margin-top: 22px;

    line-height: 56px;

}

.user_form .gotoLicense{

    margin-left: 107px;

    font-size: 14px;

    color: #428ce8;

    text-decoration: none;

}

.userName{

    width: 236px;

    padding-left: 25px;

    height: 42px;

    background-color: #f5f5f5;

    border: 1px solid #d1d1d1;

    margin-left: 24px;

    margin-top: 19px;

}

#userNameHeader{

    position: absolute;

    left: 29px;

    top: 88px;

}

.password{

    width: 236px;

    padding-left: 25px;

    height: 42px;

    margin-top: 15px;

    margin-left: 24px;

    background-color: #f5f5f5;

    border: 1px solid #d1d1d1;

}

#passwordLock{

    position: absolute;

    left: 29px;

    top: 147px;

}

.validateCode{

    height: 34px;

    width: 98px;

    margin-left: 24px;

    margin-top: 22px;

    border: 1px solid #d1d1d1;



}

.code{

    display: block;

    width: 65px;

    height: 36px;

    position: absolute;

    right: 111px;

    margin-top: -36px;

    background-color: gainsboro;

}

.changeNew{

    margin-right: 10px;

    position: absolute;

    right: 11px;

    font-size: 14px;

    color: black;

    text-decoration: none;

    margin-top: 33px;



}

.remberLicense{

    position: absolute;

    left: 24px;

    bottom: 87px;

    width: 17px;

}

.remberLicenseText{

    margin-left: -64px;

    position: absolute;

    bottom: 84px;

    font-size: 14px;

    color: grey;

}

.forgetPas{

    position: absolute;

    right: 19px;

    color: gray;

    text-decoration: none;

    font-size: 14px;

    bottom: 81px;

}

.submit{

    background-color: #428ce8;

    width: 264px;

    height: 45px;

    position: absolute;

    bottom: 23px;

    right: 20px;

    border: none;

    color: white;

    font-size: 18px;

}







/********content*********/

.makeMiddle{

    margin: 0px auto;

}

.superiority{

    position: relative;

}

.superiority_text{/******五大平台优势模块******/

    font-size: 48px;

    color: #3f8ee1;

    margin-top: 5px;



    margin-left: 39%;

    margin-top: 72px;

}

.superiority_pic{

    width: 199px;

    height: 277px;

    border: 1px solid #ababab;

    margin-left: 36px;

    position: relative;

    float: left;

    text-align: center;

}

.superiority_pic img{

    margin-top: 50px;

}

.superiority_pic h3{

    position: absolute;

    bottom: 42px;

}

.superiority_ul{

    list-style: none;

    height: 279px;

    width: 1228px;

    margin: 0px auto;

    margin-top: 70px;

}

.speendExperience{ /****急速体验模块****/

    width: auto;

    height: 998px;

    margin-top: 100px;

    text-align: center;

    background-color: #f8f8f8;

    border: 1px solid #f8f8f8;

}

.speendExperience>h2{

    margin-top: 30px;

    color: #3f8ee1;

    font-size: 45px;

}

.licenseStep{

    width: 420px;

    height: auto;

    margin:0px auto;

    position: relative;

}

.license_common{

    width: 148px;

    height: 148px;

    line-height: 148px;

    font-size: 26px;

    color: #3f8ee1;

    position: absolute;

    border-radius: 50%;

    border:4px solid #3f8ee1;

}

.license_left{

    left: 0px;

}

.license_right{

    right: 0px;

}

.small_circle{

    width:8px;

    height: 8px;

    left: 202px;

    position: absolute;

    border-radius: 50%;

    border:1px solid gray;

}

.immediatelyInsert{

    width: 178px;

    height: 53px;

    position: absolute;

    margin-top: 680px;

    margin-left: 110px;

    line-height: 52px;

    border: 1px solid #3f8ee1;

    border-radius: 31px;

}

.immediatelyInsert>a{

    text-decoration: none;

    color: #3f8ee1;

    font-size: 23px;

}

.first_VerticalLine{

    height: 126px;

    border: 1px solid #7e7e7e;

    position: absolute;

    top: 92px;

    left: 206px;

}

.second_VerticalLine{

    height: 126px;

    border: 1px solid #7e7e7e;

    position: absolute;

    top: 249px;

    left: 206px;

}

.third_VerticalLine{

    height: 126px;

    border: 1px solid #7e7e7e;

    position: absolute;

    top: 405px;

    left: 206px;

}



.cooperative{  /*****合作模块*****/

    width:auto;

    height: 514px;

    text-align: center;

}

.fourCoopereative{

    width: 1000px;

    height: 360px;

    margin: 0px auto;

}

.cooperative>h2{

    margin-top: 86px;

    color: #3f8ee1;

    font-size: 45px;

}

.overflowServer_ul{

    list-style: none;

    position: relative;

    height: 254px;

    width: 904px;

    margin: 0px auto;

    margin-top: 101px;

}

.server{

    float: left;

    width: 224px;

    height: 254px;

    border: 1px solid #ababab;

}

.server>img{

    margin-top: 30px;

}

.server h3{

    margin-top: 55px;

}

.partnerAndGame{

    width: auto;

    height: 288px;

    text-align: center;

    position: relative;

    margin-top: 156px;

}

.partnerAndGame>h2{

    color: #3f8ee1;

    font-size: 45px;

}

.companyList{

    list-style: none;

    width: 882px;

    height: 42px;

    margin: 0px auto;

    margin-top: 21px;

}

.company{

    float: left;

}

.game{    /****游戏模块****/

    width: 825px;

    height: 93px;

    margin: 0px auto;

    margin-top: 56px;

    overflow: hidden;

    position: relative;

}

#game_list{

    list-style: none;

    margin-top: 10px;

    margin-left: 31px;

}

.game_item{

    float: left;

    margin-left: 40px;

}

.game span{

    position: absolute;

    top:37px;

    display: block;

}

#game_left{

    left: 8px;

}

#game_left:hover{

    left: 4px;

    opacity: 0.8;



}

#game_right{

    right: 8px;

}

#game_right:hover{

    right: 4px;

    opacity: 0.8;



}





/******footer******/

.letu_footer{

    position: relative;

    margin-top: 216px;

    width:auto;

    height: auto;

    padding-top: 60px;

    background-color: #428ce8;

    border: 1px solid #428ce8;

}

.modal{  /****模态框模块****/

    width: 890px;

    height: 400px;

    margin: 0px auto;

    padding-top: 45px;

    position: relative;

    background-color: #255286;

}

.knowWe{

    width: 617px;

    height: 50px;

    margin-left: auto;

    margin-right: auto;

}

.knowWe span{

    float: right;

    margin-top: -23px;

    margin-right: 15px;

    font-size: 32px;

    color: white;

}

.introduce{

    width: 617px;

    height: 150px;

    margin-left: 135px;

}

.introduce_content{

    width: 417px;

    float: right;

    height: 145px;

    font-size: 17px;

    color: #f9ffff;

    line-height: 27px;

    margin-top: -142px;

}

.modal h2{

    color: #428ce8;

    font-size: 36px;

    margin-left: 150px;

    margin-top: 55px;

}

.licenseLogin{

    text-align: center;

    position: relative;

    margin: 0px auto;

    margin-top: -21px;

}

.licenseLogin>div{

    width: 892px;

    margin: 0px auto;

    position: relative;

    margin-top: 40px;

}

.custom{

    float: right;

}


.licenseLogin img{

    position: absolute;

    right: 20%;

}

.licenseLogin span{

    color: white;

    position: absolute;

    right: 0px;

    top: 4px;

}

.copyright{

    width: 890px;

    height: 50px;

    color: white;

    font-size: 18px;

    padding-top: 28px;

    padding-bottom: 30px;
    margin: 0px auto;

    border-top: 1px solid white;

    margin-top: 70px;

}

