@charset "utf-8";
/* CSS Document */




body{ }


.head{ text-align:center; padding:50px 0;}

.head .logo{}
.head .logo img{ max-height:80px;}
.head .title{ font-size:24px; font-weight:bold; color:#212225; margin:10px 0 5px 0;}
.head .little{ font-size:14px; color:#5F6368;}


.down{ text-align:center;}
.down .btn{  display:inline-block; padding:18px 36px 18px 56px; color:#fff; font-weight:bold; border-radius:8px; background:url(../images/ic_android.png) 20px center no-repeat #1A73E8; background-size:30px; margin:0 5px;}

.down .btn.pc{ background:url(../images/ic_windows.png) 8px center no-repeat #1A73E8; background-size:30px;}
.down .btn.ios{ background:url(../images/ic_ios.svg) 12px center no-repeat #1A73E8; background-size:24px;}


.course{ text-align:center; margin-top:20px;}

.course a{ color:#09F; text-decoration:underline;}

.course span{ padding:0 10px;}

.img_list{ text-align:center; margin-top:100px; border-bottom:1px solid #D8D8D8;}

.img_list img{ max-width:100%;}


.introduce{ text-align:center; max-width:640px; padding:20px 10px; font-size:24px; color:#333;}


.ad_wecloud{ text-align:center; max-width:300px; margin-top:20px;}
.ad_wecloud img{ max-width:70%;} 



.banner_box{ max-width:640px; color:#fff;}
.banner_box .title{ font-size:26px; font-weight:bold; font-style:italic;}
.banner_box .little{ font-size:16px; margin-top:20px; color:#f1f1f1;}
.banner_box img.banner_img{ max-width:100%;}


.banner_file{ margin-top:70px; overflow:hidden; background:#427EF5; padding:50px 20px;}
.banner_file .left{ float:left; width:50%;}
.banner_file .right{ float:right; width:50%; padding:20px 10px 0 20px;}


.banner_bt{ overflow:hidden; background:#55BA8B; padding:50px 20px;}
.banner_bt .left{ float:left; width:50%; padding:20px 20px 0 10px;}
.banner_bt .right{ float:right; width:50%;}


.banner_down{ overflow:hidden; background:#F1AB4A; padding:50px 20px;}
.banner_down .left{ float:left; width:50%;}
.banner_down .right{ float:right; width:50%; padding:20px 10px 0 20px;}

.banner_play{ overflow:hidden; background:#55BA8B; padding:50px 20px;}
.banner_play .top{ width:98%;}
.banner_play .bottom{ padding:20px 10px 0 10px;}


.banner_set_paly{ overflow:hidden; background:#7F888E; padding:50px 20px;}
.banner_set_paly .left{ float:left; width:50%; padding:20px 20px 0 10px;}
.banner_set_paly .right{ float:right; width:50%;}



.copyright{ text-align:center; margin:50px 0 100px 0; padding:0 20px;}
.copyright img{ max-height:50px; margin-bottom:10px;}


.notice{ background:#4690FC; text-align:center; color:#fff; padding:20px;}
.notice .content{ font-size:16px;}
.notice .content i{ font-style:normal; font-weight:bold;}
.notice .content span{ padding:5px 10px; border:1px solid #fff; border-radius:5px; margin-left:10px; font-size:14px; color:#fff;}