.body{margin: 0px;background-color: #FFFFFF;height:621px;overflow-y: scroll;min-width: 732px;padding: 0px;}
.banner{width:100%;height:621px;overflow:hidden;position:relative;background:url(../images/youku/banner.jpg) center center no-repeat; text-align:center;}
.banner img{width:100%;}
.banner img.b{display: none;}

.youku-1,.youku-2,.youku-3,.youku-4,.youku-5{width:auto; overflow:hidden;}
.youku-1{text-align: center;background-image: url(../images/youku/youku1_background.png);width:100%;background-size: cover;padding: 50px 0;}
.youku-1-1{margin-left: auto;margin-right: auto;background-color: #FFFFFF;width: 40%;}
.youku-1-1 span{vertical-align: 150%;font-size: 25px;color:#808080;}
.youku-1-1 b{color: #54A4FF;font-size: 34px;}

.youku-2-main{width:1300px;margin:0 auto;}
.youku-2{width:100%; background:#FDD000; overflow:hidden;text-align: center;padding: 50px 0;}
.youku-2 h1{font-size: 40px;}
.youku-2>div>ul{width:calc(100% - 30px);}
.youku-2>div>ul>li{float:left;width:calc(50% - 24px); list-style-type:none;border:1px solid #959595;margin-left: 5px;height: 280px;}
.youku-2>div>ul>li:first-child{margin-right:32px}
.youku-2>div>ul>li p{width:100%; text-align:center;}
.youku-2>div>ul>li p b{display:inline-block;width:80px;height:80px; border-radius:50%;margin-right:5px;}
.youku-2>div>ul>li p b:last-child{margin-right:0;}
.youku-2>div>ul>li p b:before{content:"";display:inline-block;width:0;font-size:0;height:100%; vertical-align:middle;}
.youku-2>div>ul>li p b>span{font-size: 17px;display:inline-block; vertical-align:middle;color:#fff;}
.youku-2>div>ul>li p b span em{display:block;font-style: normal;font-size: 17px;}
.youku-2>div>ul>li p b span a{font-size:35px;color:#FFFFFF;}
.youku-2>div>ul>li>p b:nth-child(1){background:#FF6600;font-size: 17px;}
.youku-2>div>ul>li>p b:nth-child(2){background:#FF6666;margin-left: -10px;font-size: 17px;}
.youku-2>div>ul>li>p b:nth-child(3){background:#B968FF;margin-left: -10px;font-size: 17px;}
.youku-2>div>ul>li>p b:nth-child(4){background:#F99B3B;margin-left: -10px;font-size: 17px;}
.youku-2>div>ul>li:nth-child(2) p b{width:120px;height:120px;font-size: 17px;}
.youku-2>div>ul>li:nth-child(2) p b:nth-child(1){background:#FF4349;}
.youku-2>div>ul>li:nth-child(2) p b:nth-child(2){background:#5DB5E2;margin-left: -10px;}
.youku-2>div>ul>li:nth-child(2) p b:nth-child(3){background:#F99B3B;margin-left: -10px;}

.youku-2>div>ul>li div{margin:15px 0 0 0; overflow:hidden;padding:0 30px; text-align:center;}
.youku-2>div>ul>li div>ul{margin:0;padding:0;}
.youku-2>div>ul>li div>ul>li{float:left;width:40%;list-style-type:none;margin:0;padding:0;}
.youku-2>div>ul>li div ul li span{font-size: 17px;}
.youku-2>div>ul>li div ul li span b{display:inline-block; vertical-align:middle;color:#fff;font-size: 17px;}

.youku-2>div>ul>li div>ul>li{margin-left: 10%;width: 40%;}
.youku-2>div>ul>li div>ul>li:nth-child(1) span{display:inline-block;float:left;width:80px;height:80px;border-radius:50px;background-color: #F99B3B; text-align:center; vertical-align:top;margin-left: 13%}
.youku-2>div>ul>li div>ul>li:nth-child(2) span{display:inline-block;float:left;width:80px;height:80px;border-radius:50px;background-color: #5DB5E2; text-align:center; vertical-align:top;margin-left: -20%;}
.youku-2>div>ul>li div>ul>li span:before{content:"";display:inline-block;width:0;font-size:0;height:100%; vertical-align:middle;}
.youku-2>div>ul>li div>ul>li ul{display:inline-block;float:left;width:calc(100% - 150px);margin:0;padding:0;}
.youku-2>div>ul>li div>ul>li:nth-child(1) ul li{float:left;width:50%;margin:0;padding:0;list-style-type:none;font-size: 17px;}
.youku-2>div>ul>li div>ul>li:nth-child(2) ul li{margin:0;padding:0;list-style-type:none;float: left;width: 100%;text-align: left;font-size: 17px;}
.youku-2>div>ul>li:nth-child(2) div ul li{float:left;width: calc(33% + 1px);margin: 0px;}
.youku-2>div>ul>li:nth-child(2) div ul li div{text-align: center;}
.youku-2>div>ul>li:nth-child(2) div ul li div a{display: block;float:left;border-radius: 0px;background-color: inherit;vertical-align: top;font-size: 14px;}
.youku-2>div>ul>li:nth-child(2) div ul li div a img{float:left;width: 23px;}

.youku-2-title-1{color:#FF1D0E;font-size: 25px;background:-webkit-linear-gradient(left,#44A9D5,#FF1D0E 80%,#FF9C4D);-webkit-text-fill-color:transparent;-webkit-background-clip: text;}
.youku-2-title-2{color:#FF1D0E;font-size: 25px;background:-webkit-linear-gradient(left,#44A9D5,#FF1D0E 80%,#FF9C4D);-webkit-text-fill-color:transparent;-webkit-background-clip: text;}

.youku-3{text-align: center;margin-bottom: 2%;padding: 50px 0;}
.youku-3 h1{font-size: 40px;}
.youku-3 span.a{color:#FF1D0E;font-size: 75%;background:-webkit-linear-gradient(left,#44A9D5,#FF1D0E 50%,#FF9C4D);-webkit-text-fill-color:transparent;-webkit-background-clip: text;}
.youku-3 span.b{float: left;color: #000000;font-size: 100%;text-align: left;line-height: 200%;}
.youku-3-c{width: auto;margin-left: auto;margin-right:auto;padding:0 30px;}
.youku-3-c a{color:#FF0000;}
.youku-3-c img{width:100%;}
.youku-3-c div.a{float: left;width: 25%;}
.youku-3-c div.b{float:left;margin-left: 4px;width: calc(25% - 4px);}
.youku-3-main{width:1300px;margin:0 auto;overflow: hidden;}

.youku-4{background-color: #FDD000;text-align: center;padding: 50px 0;}
.youku-4 span{color: #000000;display: block;text-align: left;font-size: 17px;}
.youku-4 div{text-align: center;}
.youku-4 img.m{width:55%;margin: 0 auto;}
.youku-4 img.a{float:left;margin-top: 6px;margin-left: 21%;}
.youku-4 img.b{float:left;margin-top: 6px;margin-left: 30%;}
.youku-4 img.c{float:left;margin-top: 6px;margin-left: 45%;}
.youku-4-main{width:1300px;margin:0 auto;background:#FDD000;text-align: center;}

.youku-5{text-align:center;background-image: url(../images/youku/youku5_background.png);background-size: cover;padding:50px 0;}
.youku-5 h1{font-size:40px;}
.youku-5 span.a{color:#000000;font-size: 15px;}
.youku-5-1{width: auto;margin-left: auto;margin-right: auto;overflow: hidden;}
.youku-5-1 div{float: left;width: calc(33% - 6px);}
.youku-5-1 img{width: 65%;}
.youku-5-2{margin-left: auto;margin-right: auto;width:100%;text-align: center;overflow: hidden;}
.youku-5-2 span{display: inline-block;color:#000000;float: left;}
.youku-5-2 span.a{width:50%;text-align: center;font-size: 20px;}
.youku-5-2 span.b{width:50%;text-align: center;font-size: 20px;}
.youku-5-3{margin:0 auto;width:calc(100% - 20px);text-align: center;float: none;}
.youku-5-3 img{width:45%;}
.youku-5-4{margin-left: auto;margin-right: auto;width:70%;text-align: left;}
.youku-5-4 span{color:#000000;font-size: 20px;}
.youku-5-4 span.a{font-size: 20px;}
.youku-5-4 span.b{margin-left: 3%;}
.youku-5-4 span.c{margin-left: 4%;}
.youku-5-4 span.d{margin-left: 5.8%;}
.youku-5-4 span.e{margin-left: 5%;}
.youku-5-4 span.f{margin-left: 10%;}
.youku-5-4 span.g{margin-left: 10%;}
.youku-5-5{margin-top: 7%;margin-left: auto;margin-right: auto;width:100%;text-align: left;}
.youku-5-5 img{float: left;width: 40%;margin-left: 8%;}
.youku-5-5-c{width:40%;margin-top: 5%;margin-left:5%;float: left;}
.youku-5-5 span.a{color: #000000;vertical-align: top;margin-top: 10px;font-size: 30px;}
.youku-5-5 span.b{color: #000000;width:150px;line-height: 200%;font-size: 20px;}
.youku-5-5 b{font-size: 37px;}
.youku-5-5-main{width:1300px;margin:0 auto;overflow: hidden;}

@media screen and (max-width: 1300px){
    .body{margin: 0px;background-color: #FFFFFF;height:621px;overflow-y: scroll;min-width: 732px;padding: 0px;}
    .banner img.a{display: none;}
    .banner img.b{display: inline-block;}
    .youku-1,.youku-2,.youku-3,.youku-4,.youku-5{width:auto; overflow:hidden;}
    .youku-1{text-align: center;background-image: url(../images/youku/youku1_background.png);width:100%;background-size: cover;}
    .youku-1 img.a{width:20%;}
    .youku-1 img.b{width:90%;}
    .youku-1-1{margin-left: auto;margin-right: auto;background-color: #FFFFFF;width: 100%;}
    .youku-1-1 span{vertical-align: 80%;font-size: 18px;color:#808080;}
    .youku-1-1 b{color: #54A4FF;font-size: 24px;}

    .youku-2-main{width:100%;}
    .youku-2 h1{font-size: 30px;}
    .youku-2>div>ul>li p{width:100%; text-align:center;display: inline-block;margin-left:10px;}
    .youku-2>div>ul>li div ul li span b{font-size: 20px;}
    .youku-2>div>ul>li p b{display:inline-block;width:100px;height:100px; border-radius:50%;margin-right:5px;}
    .youku-2>div>ul>li{width:100%;border: none;}
    .youku-2>div>ul>li{height: auto;margin: 0 auto;}
    .youku-2>div>ul>li div>ul>li ul:nth-child(1){float:left;width:50%;margin:0 auto;padding:0;list-style-type:none;}
    .youku-2>div>ul>li div>ul>li ul:nth-child(2){float:left;width:50%;margin-left:0px;padding:0;list-style-type:none;}
    .youku-2>div>ul>li div>ul>li:nth-child(2) ul li{margin-left: 15px;}
    .youku-2>div>ul>li p b{width:175px;height:175px;font-size: 20px;}
    .youku-2>div>ul>li p b span a{font-size:23px;color:#FFFFFF;}
    .youku-2>div>ul>li:nth-child(1) p b{width:80px;height:80px;}
    .youku-2>div>ul>li:nth-child(2) p b{width:90px;height:90px;}
    .youku-2>div>ul li:nth-child(1) p b span{font-size: 25px;}
    .youku-2>div>ul>li:nth-child(2) p b span{font-size: 17px;}
    .youku-2>div>ul>li div>ul>li:nth-child(1) span{display:inline-block;float:left;width:70px;height:70px;border-radius:90px;background-color: #F99B3B; text-align:center; vertical-align:top;margin-left: -24%;}
    .youku-2>div>ul>li div>ul>li:nth-child(2) span{display:inline-block;float:left;width:70px;height:70px;border-radius:90px;background-color: #5DB5E2; text-align:center; vertical-align:top;margin-left: -20%;}
    .youku-2>div>ul>li:nth-child(2) div ul li{float:none;width: calc(100%);margin: auto;}
    .youku-2>div>ul>li:nth-child(2) div ul li div{text-align: center;}
    .youku-2>div>ul>li:nth-child(1) div ul li:first-child{text-align:right;}
    .youku-2>div>ul>li:nth-child(1) div ul li ul li{font-size: 12px;}
    .youku-2>div>ul>li:nth-child(1) div ul li span{font-size: 20px;}
    .youku-2>div>ul>li:nth-child(2) div ul li div a{display: block;float:left;border-radius: 0px;background-color: inherit;vertical-align: top;font-size: 17px;}
    .youku-2>div>ul>li:nth-child(2) div ul li div a img{width: 20px;vertical-align: middle;}


    .youku-2-title-1{font-size: 24px;margin-left: 30px;}
    .youku-2-title-2{font-size: 24px;}

    .youku-3{text-align: center;margin-bottom: 2%;}
    .youku-3 h1{font-size: 30px;}
    .youku-3 span.a{color:#FF1D0E;font-size: 25px;background:-webkit-linear-gradient(left,#44A9D5,#FF1D0E 50%,#FF9C4D);-webkit-text-fill-color:transparent;-webkit-background-clip: text;}
    .youku-3 span.b{float: left;color: #000000;font-size: 20px;text-align: left;line-height: 140%;}
    .youku-3-c{margin-left: auto;margin-right: auto;width: 100%;}
    .youku-3-c a{color:#FF0000;font-size:20px;}
    .youku-3-c div.a{float: none;width: 87%;margin: auto;text-align: center;}
    .youku-3-c div.b{float: none;margin: auto;width: 87%;text-align: center;}
    .youku-3-c img{width: 62%;float: left;margin-left: 18px;}
    .youku-3-main{width:100%;}

    .youku-4{background-color: #FDD000;text-align: center;font-size: 130%;padding-left: 5px;padding-right: 5px;}
    .youku-4 span{font-size: 100%;color: #000000;text-align: left;}
    .youku-4 div{text-align: left;}
    .youku-4 img.m{width:100%;}
    .youku-4 img.a{float:left;margin-top: 6px;width: 0px;margin-left: 0px;}
    .youku-4 img.b{float:left;margin-top: 6px;width:0px;margin-left: 0px;}
    .youku-4 img.c{float:left;margin-top: 6px;width:0px;margin-left: 0px;}
    .youku-4-main{width:100%;}

    .youku-5{text-align:center;background-image: url(../images/youku/youku5_background.png);background-size: cover;}
    .youku-5 h1{font-size: 30px;}
    .youku-5 span.a{color:#000000;font-size: 20px;}
    .youku-5 img.a{width: 25%;}
    .youku-5 img.b{width: 25%;}
    .youku-5 img.c{width: 25%;}
    .youku-5-5-main{width:100%;}

    .youku-5-1{width: 100%;margin-left: auto;margin-right: auto;}
    .youku-5-1 div.a{float: left;width: 100%;}
    .youku-5-1 div.b{float: left;width: 100%;}
    .youku-5-1 div.c{float: left;width: 100%;}
    .youku-5-2{margin-left: auto;margin-right: auto;width:100%;text-align: center;}
    .youku-5-2 span.a{color:#000000;font-size: 15px;}
    .youku-5-2 span.b{color:#000000;font-size: 15px;}
    .youku-5-3{margin-left: auto;margin-right: auto;width:100%;text-align: center;}
    .youku-5-3 img.a{width: 45%;}
    .youku-5-3 img.b{width: 45%;}
    .youku-5-4{margin-left: auto;margin-right: auto;width:100%;text-align: left;}
    .youku-5-4 span.a{color:#000000;font-size: 11px;margin-left: 3%;}
    .youku-5-4 span.b{margin-left: 1%;color:#000000;font-size: 11px;}
    .youku-5-4 span.c{margin-left: 1%;color:#000000;font-size: 11px;}
    .youku-5-4 span.d{margin-left: 1%;color:#000000;font-size: 11px;}
    .youku-5-4 span.e{margin-left: inherit;color:#000000;font-size: 11px;float: right;margin-right: 4%;}
    .youku-5-4 span.f{margin-left: inherit;color:#000000;font-size: 11px;float: right;margin-right: 4%;}
    .youku-5-4 span.g{margin-left: inherit;color:#000000;font-size: 11px;float: right;margin-right: 4%;}
    .youku-5-5{margin-top: 7%;margin-left: auto;margin-right: auto;width:100%;text-align: center;}
    .youku-5-5 img{float:none;margin-left:auto;margin-right:auto;width: 80%;}
    .youku-5-5-c{width:100%;margin-top: 5%;margin-left:auto;margin-right:auto;float: none;}
    .youku-5-5 span.a:before{vertical-align: middle;content:"";height: 100%;}
    .youku-5-5 span.a{color: #000000;margin-top: 10px;font-size: 16px;vertical-align: middle;}
    .youku-5-5 span.b{color: #000000;width:100%;line-height: normal;font-size: 16px;}
    .youku-5-5 b{font-size: 23px;}
}
@media screen and (max-width: 767px)
{
    .youku-2-circle div.juji{width:105px;height:105px;border-radius:70px;border:solid #FF4349 1px;background-color: #FF4349;text-align: center;float: left;margin-left: -10px;} span{margin-left: auto;margin-right: auto;color: #FFFFFF;font-size: 150%;}
    .youku-2-circle div.zhongyi{width:105px;height:105px;border-radius:70px;border:solid #FF6600 1px;background-color: #FF6600;text-align: center;float:left;margin-left: -10px;}
    .youku-2-circle div.dianyin{width:105px;height:105px;border-radius:70px;border:solid #FF6666 1px;background-color: #FF6666;text-align: center;float:left;}
    .youku-2-circle div.dongman{width:105px;height:105px;border-radius:70px;border:solid #B968FF 1px;background-color: #B968FF;text-align: center;float:left;margin-left: -10px;}
    .youku-2-circle div.fanyure{width:85px;height:85px;border-radius:70px;border:solid #F99B3B 1px;background-color: #F99B3B;text-align: center;float:left;margin-top: 8%;} span.fanyure{font-size: 120%;}
    .youku-2-circle div.fanwenhua{width:85px;height:85px;border-radius:70px;border:solid #5DB5E2 1px;background-color: #5DB5E2;text-align: center;float:left;margin-bottom: 4%;} span.fanwenhua{font-size: 120%;}
    .youku-2-circle ul{font-size: 100%;float:left;list-style: none;margin-left: -10%;margin-top: 6.1%;} a.a{font-size: 157%;} a.b{font-size: 105%;}
    .youku-2-circle div.a{width:105px;height:105px;border-radius:70px;border:solid #FF4349 1px;background-color: #FF4349;text-align: center; line-height:120%;margin-top: 4%;margin-left: auto;margin-right: auto;} span.a{font-size:100%;}
    .youku-2-circle div.b{width:105px;height:105px;border-radius:70px;border:solid #5DB5E2 1px;background-color: #5DB5E2;text-align: center;float: left;line-height:120%;margin-left:auto;margin-top: 4%;} span.b{font-size: 100%;}
    .youku-2-circle div.c{width:105px;height:105px;border-radius:70px;border:solid #F99B3B 1px;background-color: #F99B3B;text-align: center;line-height:120%;margin-left: auto;margin-right: 60%;} span.c{font-size: 100%;}
    .youku-2-group2-1 span.a{float: left;color: #000000;width: 97%;line-height: 26px;font-size: 100%;margin-left: 12%;text-align: left;}
    .youku-2-group2-1 span.b{float: left;color: #000000;width: 97%;line-height: 26px;font-size: 100%;text-align: left;margin-left: 12%;}
}