/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,span,a,em{margin:0;padding:0; font-family:'Microsoft YaHei';}
body{font-size:12px; font-family:'Microsoft YaHei'; background:url(../images/bg.jpg) repeat-x;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
em{font-style:normal;}
li{list-style:none outside none;}
img{border:0 none;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}
.main{width:980px; height:auto; display:block; margin:0 auto;}
.header{width:920px; height:62px; overflow:hidden; display:block; margin:2px 0 0 60px;}
.header .logo{display:inline; float:left;}
.header ul{display:inline-block; float:left; height:auto; overflow:hidden; margin:15px 0 0 25px;}
.header ul li{margin-left:42px;line-height:22px; display:inline; float:left; text-align:center; position:relative; z-index:9; width:64px;}
.header ul li.first{width:42px;}
.header ul li.on,.header ul li.active{ background:url(../images/topline.jpg) 0 20px repeat-x;}
.header ul li a{color:#333; font-weight:bold;}
.header ul li a:hover{text-decoration:none;}
.header ul li.gsyw div{width:220px; display:none; height:20px; position:absolute; top:22px; left:0; z-index:10;}
.header ul li.gsyw div a{color:#909090; font-weight:normal; display:inline; float:left; margin:0 25px 0 0;}
.header ul li.gsyw div a:hover,.header ul li.gsyw div a.aon{color:#fe9e0e;}
/* 焦点图 */
.focus{width:100%;height:540px;overflow:hidden;position:relative}
.focusbg{overflow: hidden;text-align:center;width:100%;height:100%;}
.focusbg ul{ width:100%; height:100%;}
.focus ul.focuslist{ width:1920px; position:absolute;top:0;left:50%; margin-left:-960px; height:540px;}
.focus ul.focuslist li{ text-align:center}
.focus ul.focuslist li img{ margin:0 auto;}
.focusbg li{ width:100%;height:100%;background-position:center top; position:absolute;left:0;top:0}
.focusbg li a{height:100%; display:block;}
.focus .focusbg li a{position:relative}
#f_Handler{position:absolute;width:100%;font-size:0; z-index: 20; height:14px;text-align:center;bottom:20px;}
#f_Handler a{display:inline-block;*display:inline;*zoom:1;vertical-align:top;cursor:pointer; background:#e5e5e5;overflow:hidden; width:14px;margin: 0 5px; height:14px; border-radius:7px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
#f_Handler a.active{background: #dabb48;}
/*内容*/
.conMain,.footer div{width:942px; height:auto; overflow:hidden; display:block; margin:0 auto;}
.content{width:840px; min-height:240px; _height:240px; display:block; margin:40px auto 0;}
.title{color:#333;  width:120px; text-align:center; margin:0 auto 12px;}
.en{font-family:Arial; font-size:12px;}
.ch{font-size:14px; border-bottom:solid 2px #fe9e0e; display:block; width:56px; margin:0 auto;}
.intro,.address,.index{color:#909090; font-family:'宋体'; line-height:22px; }
.index{margin-left:80px; text-align:center;}
.intro{text-indent:2em; line-height:30px;}
.links{margin:20px auto 83px; display:block; width:520px; text-align: center;}
.links li{width:70px; height:auto; display:inline-block; vertical-align: top; text-align:center; margin: 0 30px;}
.links li a{display:block;}
.links li a.word{color:#333; margin-top:5px;}
.address{font-size:14px; margin:29px auto 0; text-align:center;}
/*客服中心*/
.call{width:680px; display:block; margin:0 auto;}
.call dt{width:37px; display:inline-block; float:left; margin-top:7px;}
.call dd{width:552px; display:inline-block; float:left; margin-left:26px;line-height:30px;color:#909090;}
.call dd p{width:100%; display:block; overflow:hidden;}
.call dd p.tjzs span{font-family:'宋体'; display:inline; float:left;}
.call dd p.tjzs b{width:13px; height:11px; display:inline-block; float:left; background:url(../images/star.jpg) no-repeat; margin:9px 6px 0 0;}
.call dd em{font-style:normal;}
.call dd p.dhfw{font-family:'宋体';}
.call dd p.dhfw span{color:#3690fa;font-family:'宋体'; font-size:12px;}
.call dd p.dhfw b{color:#fe9e0e; font-size:14px; font-weight:normal;}
/*数字音乐*/
.nav{width:100%; height:34px; overflow:hidden; display:block; margin:26px 0 20px; background:#f2f1f1;}
.nav a{ height:22px; line-height:22px; display:inline-block; float:left; color:#454444; text-align:center; margin:6px 10px 0;}
.nav a.active{background:url(../images/btn.jpg) no-repeat; color:#fff;width:64px;}
.tabs-main{background: url(../images/m_bg.jpg) no-repeat; height: 753px;}
.tabs{line-height: 30px; padding: 38px 0 38px 50px;}
.tabs span{display: inline; vertical-align: top; font-size: 24px; color: #8d9ff6; margin: 0 38px 0 0;}
.tabs span.active{color: #ebeefd;}
.tabs-cons{width: 100%; position: relative;}
.tabs-cons ul{width: 880px; overflow: hidden;}
.tabs-cons ul li{width: 390px; margin: 0 0 26px 50px; display: inline-block; float: left; position: relative;}
.tabs-cons ul li img{width: 82px; height: 82px; position: absolute; top: 0; left: 0; cursor: pointer;}
.tabs-cons ul li span{font-size: 18px; color: #f5f6fd; padding: 18px 0 10px 96px; display: block}
.tabs-cons ul li span em{font-weight: normal; color: #9aa1f9;}
.tabs-cons ul li a{display: block; position: absolute; top: 22px; right: 0; width: 88px; height: 38px; line-height: 38px; border: solid 1px #bdc2f8; border-radius: 3px; color: #bdc2f8; text-align: center; font-size: 16px;}
.tabs-cons ul li a:hover{background: url(../images/btn02.png) no-repeat; width: 90px; height: 40px; line-height: 40px; border: none; text-decoration: none;}
/*.musicCon{width:910px; height:auto; overflow:hidden; display:block; margin:20px auto; background:#f2f1f1; padding:20px 15px;}
.musicCon p,.gameCon dl dd{font-family:'宋体'; color:#676666; line-height:22px; width:100%; display:block; overflow:hidden;}
.musicCon ul li{float: left;width: 283px;overflow: hidden;margin:10px;}
.musicCon ul li img{width:100%;}*/
/* 支付页面 */
/* .pay-bg{background: url(../img/bg03.jpg) center 0 no-repeat;}
.pay-bg .container{background: url(../img/bg04.jpg) center 0 no-repeat;} */
.pay-main{width: 944px; height: 725px; margin: 0 auto; background: url(../images/conbg_pay.jpg) no-repeat;}
.pay-main h2{width: 100%; font-size: 38px; text-align: center; line-height: 100px; color: #babef7; font-weight: normal; letter-spacing: 10px; margin-bottom: 48px;}
.pay-main img{width: 245px; height: 245px; margin: 0 auto; display: block;}
.pay-main dl{padding: 38px 0 0 56px; color: #a9aff9;}
.pay-main dl dt{line-height: 80px; font-size: 26px;}
.pay-main dl dd{padding-left: 112px; line-height: 40px; font-size: 22px;}
.pay-main dl dd span, .pay-main dl dd i{ height: 33px; line-height: 33px; text-align: center; margin: 3px 0 0; display: inline-block;}
.pay-main dl dd span{width: 86px; background: url(../images/btn03.png) no-repeat; margin: 0 14px;}
.pay-main dl dd i{font-style: normal; width: 117px; background: url(../images/btn04.png) no-repeat; margin: 0 10px;}
/*娱乐中心*/
.gameCon{width:920px; height:auto; overflow:hidden; display:block; padding:0 10px 25px; background:#f2f1f1;}
.gameCon dl{background:#fff; padding:20px 18px; height:auto; overflow:hidden; margin-top:12px; display:block; width:884px;}
.gameCon dl dt{display:inline; float:left;width:125px; height:150px; margin-top:5px;}
.gameCon dl dd{width:745px; display:inline; float:right;}
/*手机游戏*/
.mgame dl dt{margin-top:0;}
.mgame dl dt img{width: 100%;}
.syff{width:100%; height:auto; overflow:hidden; display:block; line-height:22px;color:#676666; margin-top:7px;}
.syff p{width:899px; height:auto; overflow:hidden; display:block; margin:3px 0 0 25px; font-family:'宋体';}
/*家长监护*/
body.jzjh{ background:url(../images/jk.jpg) top center no-repeat;}
body.jzjh .main{ width:979px; height:auto; margin:364px auto 0;}
.jnav{ width:959px; height:48px; background:#ebeced;padding-left:20px;margin-bottom:20px;}
.jnav li{ width:114px; height:48px; line-height:48px; float:left; display:inline; overflow:hidden}
.jnav li.cur{background:#42b86c; }
.jnav li.cur a{color:#fff;}
.jnav li a{ width:91px; height:39px; line-height:41px; color:#1c1c1c; font-family:"微软雅黑"; font-size:16px; display:inline-block;padding-left:23px;}
.jnav li a:hover{ text-decoration:none;}
.jbox{ margin-top:10px; background:#f5f5f5 url(../images/jbox.jpg) bottom center no-repeat;padding:0 13px 20px 18px; width:969px;}
.jbox .h2{ height:48px; line-height:48px; font-size:16px; font-family:"微软雅黑"; color:#575757; font-weight:bold;}
.jbox p,.jbox dl{ line-height:24px;color:#89898b; font-size:14px; font-family:'宋体'; overflow:hidden;}
.jbox p{ text-indent:24px; }
.jbox p.pzero{ text-indent:0px;}
.jbox .img{ float:left; display:inline; margin:10px 25px 0 0}
.jbox .liucheng{ width:892px; height:130px; margin:20px auto 10px;}
.jbox span{ float:left; color:#333; display:inline;padding-top:10px;}
.jbox p a{color:#1798fc; font-weight:bold; font-family:'宋体';}
.jbox dl{margin:10px 0 5px;padding-bottom:10px; display:inline-block;}
.jbox dl dt{ color:#4c4d4e; font-weight:bold; }
.jbox dl dd{font-family:'宋体';}
.jbox dl dd a{color:#89898b; text-decoration:none;font-family:'宋体';}
.jbox dl.faq.bgnone{ border:none;}
.jbox dl.faq dd.pten{padding-left:20px;}
/*底部*/
.footer{border-top:solid 2px #eee; margin-top:79px; _margin-top:59px; width:100%; height:auto; overflow:hidden; display:block; color:#909090; font-size:12px; text-align:center; line-height:20px; padding:13px 0 26px 0;}
.footer p{width:100%; display:block; height:auto; overflow:hidden; text-align:center;}
.footer a{color:#909090; float:left;}
.footer span{margin:0 13px; background:url(../images/line.jpg) no-repeat; width:1px; height:20px; overflow:hidden; display:inline-block; float:left;}
.footer img{margin:0 17px 0 1px; float:left;}
.copy{margin-top:8px;}
/* 注册登录 */
.navright{ float:right; display:inline;margin-top:20px;}
.navright a{ margin-left:15px; display:inline; color: #333;}
/* 登录弹层 */
#username,#logout{display: none;}
.login-box{width: 350px; height: 260px; position: fixed; top: 50%; left: 50%; margin: -125px 0 0 -175px; z-index: 1000; display: none; background: #fff; padding-top: 10px;}
.close{color: #999; position:absolute; top: 8px; right: 10px; font-size: 12px;}
.mask{width: 100%; height: 100%; position:fixed; top: 0; left: 0; background: #000; opacity: .5; z-index: 999; display: none;}
.txtCenter a,.txtCenter span{display: inline-block; vertical-align: top; float: none;}
/*清除浮动
:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}*/
/*.m-con .musicCon{margin: 0 auto;}
.musicCon h2{font-size: 24px; color: #3c3c3c; width: 100%; font-weight: normal; padding: 10px 0 28px 30px;}
.musicCon ul.m-list{text-align: center;}
.musicCon ul.m-list li{display: inline-block; vertical-align: top; margin: 0 12px; width: 411px; overflow: hidden; float: none;}
.musicCon ul.m-list li a{display: block; width: 100%; position: relative;}
.musicCon ul.m-list li p{text-align: left; font-size: 16px; color: #b6bfcd; position: absolute; bottom: 0; left: 0; padding: 8px 16px; width: 380px; font-family: 'Microsoft Yahei'; line-height: 22px; background: rgba(53,66,90,.78);transition: all .3s;}
.musicCon ul.m-list li a:hover p{ padding: 14px 16px;}
.musicCon ul.m-list li p span{font-size: 17px;}
.musicCon ul.jx li{margin: 0 12px 26px;}
.musicCon ul.jx li a{overflow: hidden;}
.musicCon ul.jx li img{display: inline-block; float: left;; width: 82px; height: 82px;}
.musicCon ul.jx li p{ border: solid 1px #f1f1f1; border-left: none; display: inline-block;  float: left; width: 306px;; padding: 16px 8px 16px 14px; color: #9e9e9e; font-size: 18px; background: none; position: static; line-height: 24px}
.musicCon ul.jx li p span{color: #575757; font-size: 18px;}
.musicCon ul.jx li a:hover p{ padding: 16px 8px 16px 14px; text-indent: -3px;}
.musicCon ul.jc{margin-left: 18px;}
.musicCon ul.jc li{width: 268px; float: left; overflow: hidden; margin-bottom: 22px;}
.musicCon ul.jc li img{width: 268px; height: 233px;}
.musicCon ul.jc li p{width: 236px;}*/

.login {
    position: absolute;
    top: 20px;
    right: 74px;
    width: 120px;
    font-size: 20px;
    /* color: #f69f1a; */
    color: #333;
    text-align: center;
    cursor: pointer;
    z-index: 4;
  }
  
    .login span:hover {
    text-decoration: underline;
  }
  
    .user {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    width: 300px;
    font-size: 20px;
    color: #333;
    text-align: center;
    cursor: pointer;
    z-index: 4;
  }
  
    .logout {
    color: #f00;
    margin-left: 10px;
    z-index: 4;
  }
  
    .logout:hover {
    text-decoration: underline;
  }

.popup-login {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
  }
  
  .popup-login .login .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 41px;
    cursor: pointer;
  }
  
  .popup-login .login {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 480px;
    height: 350px;
    background: #fff;
  }
  
  .popup-login .login .title {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #d1144d;
    text-align: center;
    margin-top: 20px;
    line-height: 50px;
  }
  
  .popup-login .login .input-box {
    width: 360px;
    margin: 0 auto;
    margin-top: 10px;
  }
  
  .popup-login .login .input-box input {
    width: 360px;
    height: 45px;
    line-height: 45px;
    margin: 20px auto 10px auto;
    border: 0;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0;
    color: #333;
    padding: 0 0px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #b3b3b3;
    padding: 0 10px;
  }
  
  .popup-login .login .login-button {
    width: 360px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border: 0;
    border-radius: 0;
    display: block;
    color: #fff;
    background-color: #d1144d;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
  }
  
  .popup-login .login .change {
    width: 360px;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
  }
  
  .popup-register {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
  }
  
  .popup-register .register {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 480px;
    height: 600px;
    background: #fff;
  }
  
  .popup-register .register .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 41px;
    cursor: pointer;
  }
  
  .popup-register .register .title {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #d1144d;
    text-align: center;
    margin-top: 20px;
    line-height: 50px;
  }
  
  .popup-register .register .input-box {
    width: 360px;
    margin: 0 auto;
    margin-top: 10px;
  }
  
  .popup-register .register .input-box input {
    width: 360px;
    height: 45px;
    line-height: 45px;
    margin: 5px auto 5px auto;
    border: 0;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0;
    color: #333;
    padding: 0 0px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #b3b3b3;
    padding: 0 10px;
  }
  
  .popup-register .register .register-button {
    width: 360px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border: 0;
    border-radius: 0;
    display: block;
    color: #fff;
    background-color: #d1144d;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
  }
  
  .popup-register .register .change {
    width: 360px;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 40px;
    margin: 0 auto;
    cursor: pointer;
  }
  
  .popup-register .rule {
    width: 360px;
    font-size: 12px;
    text-align: right;
    color: #f00;
    margin: 0 auto;
    margin-top: 10px;
  }