@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;font-family:"Microsoft YaHei"}
body{padding:0;margin:0;font-size:14px; background-image: linear-gradient(to right, #2e63d8, #6f188a);}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none;outline:0;-moz-outline:0}
body,textarea,input,button{color:#62a1c9}
html,body{width:100%;min-height:930px;height:auto}
a,a:hover {text-decoration:none;outline:0;-moz-outline:0}
.container{width: 1200px; height: 1080px; margin: 0 auto;}
/*顶部*/
.nav{height:110px; overflow: hidden;}
.logo{display: inline; float: left; margin: 45px 0 0 46px;}
/* .reg-logo a{color: #333; font-size: 20px; font-weight: bold;} */
.nav-r{ float:right; display:inline;margin-top:40px; text-align: right; line-height: 28px;}
.nav-r a{margin-left:72px; display:inline; font-size: 20px; color: #fff; transition: all .1s;}
.nav-r a:hover{color: #e2eaf7;}
/* 首页内容 */
.index-bg{background: url(../img/bg01.jpg) center 0 no-repeat;}
.index-bg .container{background: url(../img/bg02.jpg) no-repeat;}
.index-main{padding: 204px 0 0 46px;}
.index-main p{color: #8f9bde; font-size: 24px; margin: 25px 0 62px; line-height: 52px;}
.index-main a{font-size: 30px; color: #fffffb; width: 210px; height: 74px; line-height: 74px; text-align: center; border-radius: 14px; border: solid 2px #acb6f9; display: block;}
.index-main a:hover{background: url(../img/btn.png) no-repeat; width: 214px; height: 78px; line-height: 78px; border: none;}
/* 音乐内容 */
.music-bg{background: url(../img/bg01.jpg) center 0 no-repeat;}

.music-bg .container{height: 1342px;}
.music-main, .about-main, .game-main{padding: 150px 46px 0;}
.music-main h2, .about-main h2, .game-main h2{font-weight: normal; line-height: 22px; font-size: 20px; color: #83bbf2;}
.music-main h2 i, .about-main h2 i, .game-main h2 i{width: 4px; height: 22px; line-height: 22px; display: inline-block; vertical-align: top; background: url(../img/ico.jpg) no-repeat; margin-right: 10px;}
.music-banner{margin: 44px auto 0; width: 944px; display: block}
.tabs-main{width: 944px; height: 706px; margin: 0 auto; padding-top: 30px; background: url(../img/conbg.jpg) no-repeat;}
.tabs{line-height: 35px; padding-bottom: 10px;}
.tabs span{display: inline; vertical-align: top; font-size: 16px; color: #a9afcd; margin: 0 25px 0 4px;}
.tabs span.active{font-size: 18px; color: #fff;}
.tabs-cons{width: 100%; position: relative;}
.tabs-cons ul{width: 1024px; position: absolute; top: 0; left: 0; display: none;}
.tabs-cons ul li{width: 252px; margin: 20px 0 20px 4px; display: inline-block; float: left; position: relative;}
.tabs-cons ul li img{width: 84px; height: 83px; position: absolute; top: 0; left: 0; cursor: pointer;}
.tabs-cons ul li span{font-size: 14px; color: #fff; padding: 0px 0 5px 92px; display: block}
.tabs-cons ul li a{display: block; margin: 0 0 0 92px; width: 75px; height: 20px; line-height: 20px; border: solid 1px #d1d9f1; border-radius: 3px; color: #d5d0e7; text-align: center;}
.tabs-cons ul li a:hover{background: url(../img/btn02.png) no-repeat; width: 77px; height: 22px; line-height: 22px; border: none;}
/* 支付页面 */
.pay-bg{background: url(../img/bg01.jpg) center 0 no-repeat;}
.pay-main{width: 944px; height: 725px; margin: 246px auto 0; background: url(../img/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: #7f7ed2;}
.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(../img/btn03.png) no-repeat; margin: 0 14px;}
.pay-main dl dd i{font-style: normal; width: 117px; background: url(../img/btn04.png) no-repeat; margin: 0 10px;}
/* 关于我们 */
.about-main p{font-size: 20px; line-height: 50px; color: #b9d8f6; text-indent: 2em; padding: 86px 82px 0; background: url(../img/conbg_about.jpg) no-repeat; width: 780px; height: 426px; margin: 48px auto 0;}
/* 证件 */
.imgs{text-align: center; width: 1000px; margin: 0 auto;}
/*底部*/
.footer{ background:url(../img/footer.jpg) center 0 no-repeat; height: 76px; padding: 8px 22px 0;}
.footer .container{ height: auto;}
.footer p{ text-align:center; color:#a19cd8; line-height:24px;}
.footer p a{ color:#a19cd8; margin:0 8px;}
.footer p a:hover{color: #aca6e3;}
/* 登录弹层 */
#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;}
/*清*/
.container:after,.nav:after,.focus:after,.conbox:after,.listbox:after,.hot_box:after,.content:after,.footer:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}