/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:12px; font-family:Microsoft Yahei;}
ul,li{ list-style:none;}
.clearfix{display:block}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}
a{ outline:none;}

.header .logo,.header .nav li a,.header .login-wrap a,.footer .copyright a.logo,.introduction-content h4,.home-content h4{ background:url(https://img1.tiancitycdn.com/mobile/youxin/images/global.jpg) no-repeat scroll;}
.inner{ width:960px; margin:0 auto; position:relative;}
.header{ width:100%; height:156px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/header_bg.png) repeat-x scroll top center; _background:url(https://img1.tiancitycdn.com/mobile/youxin/images/header_bg_png8.png); position:relative; z-index:1;}
.header .logo{ display:block; width:180px; height:46px; background-position:0 -103px; text-indent:-999em; overflow:hidden; position:absolute; left:35px; top:66px;}
.header .nav{ width:600px; height:44px; position:absolute; left:310px; top:66px;}
.header .nav li{ float:left;}
.header .nav li a{ float:left; height:44px; text-indent:-999em; overflow:hidden;}
.header .nav li.home a{ width:118px; background-position:0 0;}
.header .nav li.home a.current,.header .nav li.home a:hover{ background-position:0 -49px;}
.header .nav li.introduction a{ width:170px; background-position:-118px 0;}
.header .nav li.introduction a.current,.header .nav li.introduction a:hover{ background-position:-118px -49px;}
.header .nav li.game a{ width:158px; background-position:-288px 0;}
.header .nav li.game a.current,.header .nav li.game a:hover{ background-position:-288px -49px;}
.header .nav li.tutorship a{ width:154px; background-position:-446px 0;}
.header .nav li.tutorship a.current,.header .nav li.tutorship a:hover{ background-position:-446px -49px;}
.header .login-wrap{ width:88px; height:23px; position:absolute; top:10px; left:860px;}
.header .login-wrap a{ float:left; width:42px; height:23px; text-indent:-999em; overflow:hidden;}
.header .login-wrap .login{ background-position:-523px -103px; margin-right:4px;}
.header .login-wrap .reg{ background-position:-569px -103px;}
.header .tip{position:absolute; top:113px; left:60px; color:#ff9f2d}
.tip1{position:absolute; top:-130px; left:100px; color:#ff9f2d}


.container{ background:url(https://img1.tiancitycdn.com/mobile/youxin/images/container_bg.jpg) repeat-y scroll top center #e2e4e3; margin:-20px 0 0 0; padding:0 0 74px 0;}

/* home */
.banner{ height:470px; position:relative;}
#gradual{ height:470px; overflow:hidden;}
.banner .b1{width:100%;height:470px;  background:url(https://img1.tiancitycdn.com/mobile/youxin/images/music_banner.jpg) no-repeat scroll top center; text-indent:-999em; overflow:hidden;}
.banner .b2{width:100%;height:470px;  background:url(https://img1.tiancitycdn.com/mobile/youxin/images/headed_banner.jpg) no-repeat scroll top center; text-indent:-999em; overflow:hidden;}
.banner a{ display:block; width:960px; height:470px; margin:0 auto;}

.banner ul.gPagenation{ height:51px; position:absolute; bottom:-51px; width:25%; padding-left:75%; z-index:20; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/pagination_bg.jpg) repeat-y scroll top center;} 
.banner ul.gPagenation li { width:40px; height:51px; float:left; cursor:pointer; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/pagination.jpg) no-repeat scroll -45px 0;}
.banner ul.gPagenation li.on{ background-position:0px 0;} 

.home-content{ width:864px; padding:0 58px 40px 38px; border:1px solid #ffa04a; background:#FFF; margin:97px auto 0;}
.home-content h4{ width:189px; height:46px; background-position:0 -159px; margin:-46px 0 50px -39px; text-indent:-999em; overflow:hidden;}
.home-content p{ padding:15px 15px 50px; line-height:1.5em; font-size:14px;}
.home-content p a{ border:1px solid #ff8a00; background:#ff9f2d; color:#FFF; padding:0 4px; border-radius:5px; text-decoration:none;}

/* guardianship */
.guardianship-banner{ width:100%; height:155px; background:#ffa04a url(https://img1.tiancitycdn.com/mobile/youxin/images/guardianship_banner.jpg) no-repeat scroll top center;}
.guardianship-content{ width:940px; height:752px; margin:0 auto; border:1px solid #CBCBCB; border-top:0; background:#FFF url(https://img1.tiancitycdn.com/mobile/youxin/images/guardianship_content.jpg) scroll 165px 54px no-repeat;}

/* introduction */
.introduction-banner{ width:100%; height:155px; background:#ffa04a url(https://img1.tiancitycdn.com/mobile/youxin/images/introduction_banner.jpg) no-repeat scroll top center;}
.introduction-content{ width:820px; height:640px; padding:0 60px; margin:0 auto;}
.introduction-content h4{ width:170px; height:40px; background-position:-346px -103px; margin:0 0 110px -10px; text-indent:-999em; overflow:hidden;}
.introduction-content p{ text-indent:2em; font-size:22px; line-height:1.8em; font-weight:400;}

/* headed */
.headed-banner{ width:100%; height:470px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/headed_banner.jpg) no-repeat scroll top center; text-indent:-999em; overflow: hidden;}
.headed-content{ width:100%; height:1039px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/headed_bg_4.jpg) no-repeat scroll bottom center; position:relative;}
.headed-content .top{ width:100%; height:280px; position:absolute; top:0; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/headed_bg_1.jpg) no-repeat scroll top center;}
.headed-content .top img{ position:absolute; left:66px; top:62px;}
.headed-content .middle{ width:100%; height:280px; position:absolute; top:280px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/headed_bg_2.jpg) no-repeat scroll top center;}
.headed-content .middle .google{ position:absolute; top:14px; left:87px;}
.headed-content .middle .appstore{ position:absolute; top:83px; left:87px;}
.headed-content .bottom{ width:100%; height:250px; position:absolute; top:560px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/headed_bg_3.jpg) no-repeat scroll top center;}
.headed-content .bottom img{ border:1px solid #454545;}
.headed-content .bottom .b-1{ position:absolute; left:71px; top:20px;}
.headed-content .bottom .b-2{ position:absolute; left:489px; top:20px;}
.headed-content .content{ width:100%; height:365px; position:relative; z-index:1; padding:170px 0 0 0;}
.headed-content .content p{ padding:0 30px 0 285px; font-size:18px; line-height:2em; font-weight:700; color:#303030;}
.headed-content .content p span{ font-size:20px; color:#ff8a00;}

/* music */
.music-banner{ width:100%; height:470px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/music_banner.jpg) no-repeat scroll top center; text-indent:-999em; overflow: hidden;}
.music-content{ width:100%; height:1040px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/music_bg_4.jpg) no-repeat scroll bottom center; position:relative;}
.music-content .top{ width:100%; height:280px; position:absolute; top:0; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/music_bg_1.jpg) no-repeat scroll top center;}
.music-content .top img{ position:absolute; left:66px; top:62px;}
.music-content .middle{ width:100%; height:182px; position:absolute; top:280px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/music_bg_2.jpg) no-repeat scroll top center;}
.music-content .middle .google{ position:absolute; top:14px; left:87px;}
.music-content .middle .appstore{ position:absolute; top:83px; left:87px;}
.music-content .bottom{ width:100%; height:400px; position:absolute; top:442px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/music_bg_3.jpg) no-repeat scroll top center;}
.music-content .bottom img{ border:1px solid #454545;}
.music-content .bottom .b-1{ position:absolute; left:71px; top:20px;}
.music-content .bottom .b-2{ position:absolute; left:489px; top:20px;}
.music-content .bottom .b-3{ position:absolute; left:71px; top:287px;}
.music-content .bottom .b-4{ position:absolute; left:489px; top:287px;}
.music-content .content{ width:100%; height:260px; position:relative; z-index:1; padding:170px 0 0 0;}
.music-content .content p{ padding:0 30px 0 285px; font-size:18px; line-height:2em; font-weight:700; color:#303030;}
.music-content .content p span{ font-size:20px; color:#ff8a00;}


.footer{ height:355px; background:url(https://img1.tiancitycdn.com/mobile/youxin/images/footer_bg.jpg) repeat-x scroll top center;}
.footer .way{ height:165px;}
.footer .way .content{ width:415px; height:68px; overflow:auto;line-height:1.8em; font-size:12px; font-family:simsun; position:absolute; left:360px; top:30px;}
.footer .way label{ position:absolute; left:170px; top:30px; color:#ff9f2d; font-size:14px;}
.footer .tip{ text-align:center; font-size:12px; color:#FFF;}
.footer .copyright a.logo{ position:absolute; left:100px; top:260px; display:block; width:146px; height:32px; background-position:-190px -103px; text-indent:-999em; overflow: hidden;}
.footer .copyright p{ position:absolute; left:260px; top:237px; color:#daba96; font-size:12px; line-height:2.2em;}
.footer .copyright p a{ color:#daba96; text-decoration:none;}
.footer .certificate{width:149px; position:absolute; right:45px; top:245px; background:#ff9f2d; padding:5px 0 5px 5px; border-radius:5px;}
.footer .certificate *{float:left;font-size:12px; color:#FFF!important; line-height:18px; vertical-align:baseline; }
.footer .certificate a{width:52px; text-decoration:none}
.footer .certificate span{width:94px;}
.footer .gn{ width:200px; height:20px; line-height:20px; position: absolute; top:295px; right:0; color:#daba96;}
.footer .gn img{ float:left;}
.footer .ccm {position: absolute;top: 250px;right: 250px;}
.footer .wen {position: absolute;top: 250px;right: 205px;}