@charset "utf-8";
body{ font-size:14px; margin:0px; font-family:"微软雅黑"; color:#333; /*background:#2EC8F5 url(../images/home_bg.jpg) no-repeat center top; background-size: cover; */ cursor: pointer;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {	margin: 0;	padding: 0}
table {	border-collapse: collapse;	border-spacing: 0}
fieldset, img {	border: 0; vertical-align:middle}
address, caption, cite, code, dfn, em, th, var {	font-style: normal;	font-weight: normal}
ol, ul , li { list-style: none}
caption, th { text-align: left}
img{ border:0px; vertical-align:middle}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
q:before, q:after {	content: ''}
abbr, acronym {	border: 0;	font-variant: normal}
sup {	vertical-align: text-top}
sub {	vertical-align: text-bottom}
input, textarea, select {	font-family: inherit;	font-size: inherit;	font-weight: inherit}
input, textarea, select {*font-size:100%}
legend {	color: #000}
/* 使IE兼容html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
 =CLEARFIX (do not modify) */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
*{ transition: color 200ms ease 0s, background-color 200ms ease 0s; margin:0px; padding:0px;}
.clearfix { display:block; }
/* End hide from IE-mac 
/* 去掉链接虚框 
a:active ,area,label { blr:expression(this.onFocus=this.blur()) }
:focus { outline-style: none; }*/
/*备用清除浮动*/
.clear{ clear:both; height:0px;font-size:0px; line-height:0px; }
a{ text-decoration:none; cursor:pointer}
a:link, a:visited, a:active{color:#222;text-decoration:none;}
a:hover{color:#FF9900;text-decoration:none;}
.l{float:left}
.r{float:right}

.pagebox{}
.wrapper{ width:98%; max-width:98%; margin:0 auto;}

.headerbox{ width:100%; padding:10px 0 22px;height: 80px;}
.headerbox .wrapper{ position:relative;}
.logo{ float:left; width:auto; height:60px; margin:20px 50px 0 0; display:inline-block;}
.logo img{ height:50px;}
.h_right{ float:right; width:auto; padding-top:10px;}
.h_right input{ margin-left: 15px;}
.h_right .login_input{ width:170px; height:32px; padding:0 5px; border:none; background:#fff; float:left; margin:12px 0 0 20px; display:inline; outline:0;}
.h_right .login_yzm{ width:90px; height:32px; padding:0 5px; border:none; background:#fff; float:left; margin:12px 0 0 20px; display:inline; outline:0;}
.h_right img{ width:100px; margin:12px 0 0 10px; float:left; display:inline;}
.h_right .login_btn1{ width:80px; height:32px; border:none; background:#FF9900; color:#fff; float:left; margin:12px 0 0 20px; display:inline; outline:0; cursor:pointer;}
.h_right .login_btn2{ width:80px; height:32px; border:none; background:#66CC00; color:#fff; float:left; margin:12px 0 0 20px; display:inline; outline:0; cursor:pointer;}
.navlist{ display:inline-block; width:auto; height:55px; float:left; margin:5px 0 8px;}
.navlist li{ float:left; padding:0 12px;}
.navlist li a{ display:block; width:100%; color:#888; line-height:20px; text-align:center;}
.navlist li.hover a{ color:#333;}
.navlist li a b{ width:100%; height:32px; display:block; margin:0 0 3px;}
.navlist li a b.n01{ background:url(../images/nav01.png) center no-repeat;}
.navlist li a b.n02{ background:url(../images/nav02.png) center no-repeat;}
.navlist li a b.n03{ background:url(../images/nav03.png) center no-repeat;}
.navlist li a b.n04{ background:url(../images/nav04.png) center no-repeat;}
.h_user{ float:right; display:inline-table; width:auto; height:30px; line-height:30px; margin:40px 5px 0; color: #fff; padding-top: 20px;}
.h_user a{ color:#fff; padding-left:10px;}

.top_nav{ display:none;}
.m-mobile-nav{ display:none;}

.content_box{ width:100%; padding-bottom:0px;}
.learning-box{ background:rgba(181,234,192,.9); padding:20px; width:98% !important; box-sizing: border-box; border-radius: 10px; /*overflow:hidden; margin-top: 10px !important;*/}
.index_con{ width:960px; padding:20px 0;}
.index_con ul{}
.index_con ul li{ width:192px; float:left; margin:0px 22px 20px 20px; text-align:center; position:relative;}
.index_con ul li a{ display:block;}
.index_con ul li .a_img{width:180px; height:255px; border:1px dashed #ccc; padding:5px; position:relative;}
.index_con ul li .a_img img{width:180px; height:255px;}
.index_con ul li p{ height:36px; line-height:36px; overflow:hidden; font-weight:bold;}
.index_con ul li .a_key{ position:absolute; display:block; top:0; left:0; width:100%; height:267px; background:rgba(0,0,0,.5) url(../images/icon_key.png) center no-repeat; z-index:2;}
.index_con ul li span{ position:absolute; left:0px; top:25px; z-index:1; width:100%; color:#fff; font-weight:bold; font-size:40px; display:block; text-align:center;}



.pages{ height:auto; margin-top:50px; clear:both; text-align:center;}
.pages:after{content:'.';clear:both;height:0;line-height:0;display:block;visibility:hidden;}
.pages ul{ padding:0; list-style:none; margin:0; }
.pages li{ display:inline-block; margin:0 1px 0 0;}
.pages li a{ display:block; padding:0 10px; border:1px solid #ddd; height:24px; line-height:24px; color:#666;}
.pages li a:hover{ border:1px solid #FF9900; background:#FF9900; color:#fff; text-decoration:none;}
.pages li span{ background-color: #fff;  display:block; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#c4c4c4;padding:0 10px; }
.pages .current a{ border:1px solid #FF9900; background:#FF9900; color:#fff;}


.pages span{ display:inline-block; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#fff;padding:0 10px; margin-right:4px; margin-left:10px; background-color:#33B36E; }
.pages a{ display:inline-block; padding:0 10px; border:1px solid #ddd; height:24px; line-height:24px; color:#fff !important; background-color:#33B36E;}
.pages a:hover{ border:1px solid #FF9900; background:#FF9900; color:#fff; text-decoration:none;}


.footer_con{ width:100%; color:#333; padding:30px 0 30px 0; line-height:28px; text-align:center;position: fixed; bottom: 0px;}
.footer_con .wrapper{ background:none;}
.post_con{ height:auto; line-height:36px; margin:0;  }
.post_con h2{ font-weight:normal; font-size:16px; float:left; margin-top: -70px; width: 170px; text-align: center;}
.post_con .post{ float:right; color:#888;}
.post_con .post a{ color:#888;}


.paihang-box{padding:30px; width: 100%; border-radius: 15px; background: rgba(255,255,255,.7); box-sizing: border-box; }

.ranking_top{ height:130px; margin:0 0 30px; background: url(../images/paihang_bg.jpg) no-repeat top center; border-radius: 15px; background-size: cover; }
.ranking_top h1{ width:200px; height:130px; line-height:130px; padding:0 0 0 45px; color:#fff; font-size:20px; float:left; overflow:hidden;  }
.ranking_top h3{ height:30px; line-height:30px; padding:35px 0 0 20px; font-weight:normal; overflow:hidden;}
.ranking_top p{ height:30px; line-height:30px; padding:0 0 0 20px; overflow:hidden;}
.ranking_top p b{ font-size:18px; color:#FF9900;}
.ranking_con{ width:100%; display: inline-block;}
.ranking_con .r_table{ float:left; width:32%; border:1px solid #ddd;}
.ranking_con .m30{ margin:0 1.5%;}
.ranking_con .r_table tr th{ height:45px; line-height:45px; border-bottom:1px solid #ddd; background:#f2f2f2; padding:0 20px; font-size:18px; font-weight:bold;}
.ranking_con .r_table tr td{ height:24px; line-height:24px; padding:8px 0; border-top:1px solid #f2f2f2; background:rgba(181,234,192,.3);}
.ranking_con .r_table tr td.tit{ color:#888;}
.ranking_con .r_table tr td b{  height:24px; line-height:24px; display:inline-block; color:#fff; font-weight:normal; background:#FEAD33; padding: 0px 5px;}

.study_con{ width:100%; margin:0 0 20px; display:inline-block;}
.study_con .s_table{ width:100%; border:1px solid #ddd; text-align:center;}
.study_con .s_table tr th{ height:45px; line-height:45px; border-bottom:1px solid #ddd; background:#f2f2f2; font-size:16px; text-align:center;}
.study_con .s_table tr td{ height:24px; line-height:24px; padding:8px 0; border-top:1px solid #f2f2f2;}

.course_con{ position:relative; padding-bottom:10px;}
.course_con .video{ text-align:center; font-size:20px; line-height:64px; margin:0 0 10px;}
.course_con .video b{ display:inline-block; margin:0 20px 0 0; width:64px; height:64px;}
.course_con .video b img{ width:100%; vertical-align:top;}
.course_con .video b .sy{display:inline-block; border:none; width:64px; height:64px; background:url(../images/icon_sy.png) no-repeat; cursor:pointer;}

/*.audio{ text-align:center; font-size:20px; line-height:64px; margin:-100px 0 10px;}*/
.audio .inc b{ display:inline-block; margin:0 10px 0 0; width:50px; height:50px; vertical-align: middle; }
.audio .inc b img{ width:100%; vertical-align:top;}
.audio .inc b .sy{display:inline-block; border:none; width:50px; height:50px; background:url(../images/icon_sy.png) no-repeat; cursor:pointer; background-size: cover; }

.audio{ float: right;}

.course_con .course_one{ width:100%; margin:0px !important; text-align: center;}
.course_con .course_one li{ width:43%; height:auto; margin:5px; display:inline-block; padding:8px; border:1px solid #ddd; overflow:hidden; cursor:pointer; position:relative; text-align: center; border-radius: 15px; background-color:#33B36E}
.course_con .course_one li img{ width:100%; border-radius: 10px;}
.course_con .course_one li:hover{ background-color:#0AA25B;}
.course_con .course_two{ padding:0 128px;}
.course_con .course_two li{ width:300px; height:225px; float:left; margin:10px; display:inline-block; padding:10px; border:1px solid #ddd; overflow:hidden;}
.course_con .course_two li img{ width:100%;}
.course_con .course_two li:hover{ border:1px solid #FF9900;}

.course_con .course_one li.currentShowingImage{background-color:#F08300;}


.course_con .course_one2{ width:100%; margin:0px !important; text-align:center;}
.course_con .course_one2 li{ width:428px; height:auto;  margin:10px auto; padding:10px; border:1px solid #ddd; overflow:hidden; cursor:pointer; position:relative;}
.course_con .course_one2 li img{ width:100%; margin-bottom:25px;}
.course_con .course_one2 li:hover{ border:1px solid #FF9900;}

.course_con .course_one2 li .recbtn{ background:#F90 url(../images/ly.png) no-repeat 10px 10px; border:none; width:90px; padding-left:30px; height:40px; font-size:14px; color:#fff; margin-right:20px;}
.course_con .course_one2 li .wcbtn{ background:#ebebeb url(../images/ly2.png) no-repeat 10px 10px; border:none; width:90px; padding-left:30px; height:40px; font-size:14px; color:#333;}


#box{
	display:none;
	/*position:absolute;*/
	width:100%;
	height:100%;
	z-index:999;
}
.mask-box{width:100%; height:2000px; background: #000; opacity: 0.7; position: absolute; left: 0px; top: 0px; z-index: 99;}
.course_tc{ position:absolute; top:20%; left:50%; margin-left:-300px; width:605px; height: 485px; padding:220px 80px 20px 100px;  color:#fff; box-sizing: border-box; background: url(../images/course_tc.png) no-repeat center; z-index: 999;}
.course_tc p{ font-size:20px; text-align:center;}
.course_tc ul{}
.course_tc ul li{ float:left; width:130px; height:50px; line-height:24px; margin:15px 5px 0; display:inline; overflow:hidden; font-weight:bold;}
.course_tc ul li b{ width:24px; height:24px; margin:0 10px 0 0; display:inline-block; vertical-align:top;}
.course_tc ul li.c01 b{ background:url(../images/icon_c1.png) no-repeat;}
.course_tc ul li.c02 b{ background:url(../images/icon_c2.png) no-repeat;}
.course_tc ul li.c03 b{ background:url(../images/icon_c3.png) no-repeat; cursor:pointer;}
.course_tc ul li.c04 b{ background:url(../images/icon_c4.png) no-repeat; cursor:pointer;}

.course_tc ul li.c01 img{ width: 130px;}
.course_tc ul li.c02 img{ width: 130px;}
.course_tc ul li.c03 img{ width: 130px;}
.course_tc ul li.c04 img{ width: 130px;}


.course_tc p.Corret .error{ padding-left:20px;}


.course_text{ margin:0 0 30px;}
.course_text .c_img{ width:350px; float:left;}
.course_text .c_img img{ width:100%; height:424px;}
.course_text .c_right{ width:570px; float:right;}
.course_text h2{ line-height:30px; padding:15px 0; font-size:18px; font-weight:normal;}

.course_text .c_time{ background:#f8f8f8; padding:15px 20px 0; color:#666; line-height:30px; margin:0 0 20px;}
.course_text .c_time span{ display:inline-block; margin:0 20px 0 0; color:#999; float:left; width:60px; height:120px;}
.course_text .c_time .price{ width:300px; position:relative; padding:0 0 0 25px; display:inline-block; margin:0 0 15px;}
.course_text .c_time .price p{ display:inline-block;}
.course_text .c_time .price p em{ font-size:24px; color:#FF9900; vertical-align:top;}
.course_text .c_time .price .radio{ position:absolute; left:0px; top:8px; width:13px; height:13px;}
.course_text .c_pay{ padding:0 20px; color:#666; line-height:30px; margin:0 0 30px; border-bottom:1px solid #f2f2f2;}
.course_text .c_pay span{ display:inline-block; margin:0 20px 0 0; color:#999; float:left; width:60px; height:70px;}
.course_text .c_pay .pay{ width:300px; position:relative; padding:0 0 0 25px; display:inline-block; margin:0 0 10px;}
.course_text .c_pay .pay p{ display:inline-block;}
.course_text .c_pay .pay p em{ font-size:24px; color:#FF9900; vertical-align:top;}
.course_text .c_pay .pay .radio{ position:absolute; left:0px; top:8px; width:13px; height:13px;}
.course_text .c_btn{ width:180px; height:45px; border:none; background:#FF9900; color:#fff; font-size:18px; margin:0 0 0 100px; cursor:pointer; outline:0;}
.course_details{}
.course_details h4{ height:45px; line-height:45px; background:#f8f8f8; padding:0 20px; font-size:18px; font-weight:normal; margin:0 0 10px;}
.course_details .c_txt{ padding:0 20px; line-height:30px;}

.reg_con{ width:402px; margin:0 auto;}
.reg_con li{ margin:20px 0 0; line-height:25px;}
.reg_con li .note{ color:#999;}
.reg_con li .input{ width:390px; height:38px; padding:0 5px; border:1px solid #e2e2e2; outline:0; border-radius: 6px;}
.reg_con li .yzm{ width:190px; margin:0 10px 0 0;}
.reg_con li .reg_btn{ width:100%; height:45px; border:none; background:#FF9900; color:#fff; font-size:18px; cursor:pointer; outline:0;}

.pc{ display:block !important;}
.ph{ display: none !important;}

#addlearing {
    height:auto; background:rgba(0,0,0,0.7); border-radius:200px; position:absolute; z-index:10033; box-shadow:2px 2px 10 #000; line-height:38px;text-align:center; color:#fff; max-width:400px;padding: 10px 25px;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-size:22px; display: none;
}
.countdown{    line-height: 32px;
    display: inline-block;
    vertical-align: middle; background:#FFBD9B; padding: 0px 10px;
    border-radius: 10px;}
.countdown span{ display: inline-block; height:30px; line-height:30px; vertical-align: top; font-size:22px;}

.check{
			display:none;
			position: absolute;
			width: 50px;
			height: 50px;
			z-index: 10;
			/*top: 50%;*/
			top: 39%;
			left: 38%;
		}
.sound{ display:none;}		
.loading{ text-align:center; padding:50px;}
.loading span{ display:block; font-size:18px; color:#F60; line-height:36px;}

#cjbox{
	display:none; 
	width:100%;
	height:100%;
	z-index:999;
}

.tel_01{ position:absolute; left: 185px;
    top: 25px;font-size:16px; color:#59D559; border-left:#33CC33 solid 2px; padding-left:10px; }
.tel_01 b{ font-weight:bold; color:#F30;}
.tel_02{ position:absolute; right:0px; top:10px; font-size:16px; color: #59D559;}
.tel_02 b{ font-weight:bold; color: #F60;}

#tips00{ display:none; position:relative; margin:0px auto;}
#tips00 img{ width:100%;}

.foot_l{ width:70%; float:left; text-align:left;}

.foot_r{ float:right; width:100px;}
.foot_r img{ width:100%;}

.app_download{ position:fixed; top:180px; width:100px; right:10px;}
.app_download img{ width:100%;}
.app_download p{ text-align:center; line-height:180%; letter-spacing:1px;}


/*新版CSS*/
.map{ width: 100%; max-width: 1200px;  height: 100%; background:url(../images/map.png) no-repeat center; background-size: cover; margin: 0px auto; position: relative;}
.cb_1{ position: absolute; right: 36%; top: -10px;}
.cb_2{ position: absolute; right: 10%; top: 60%;}
.cb_3{ position: absolute; left: 30%; top: 60%;}
.cb_4{ position: absolute; left: 15%; top: -20px;}

.cb_kc2{ position: absolute;     right: 33%; top: 12%;}
.cb_kc4{ position: absolute;right: 43%; top: 21%;}
.cb_kc1{ position: absolute;     right: 50%; top: 12%;}
.cb_kc3{ position: absolute;right: 53%; top: 21%;}

.cb_kc5{ position: absolute;      right: 12%;
    top: 44%;}
.cb_kc6{ position: absolute;right: 3%;
    top: 61%;}
.cb_kc7{ position: absolute;   right: 26%;
    top: 46%;}
.cb_kc8{ position: absolute; right: 30%;
    top: 58%;}

.cb_kc9{ position: absolute;left: 45%;
    top: 38%;}
.cb_kc10{ position: absolute;    left: 47%;
    top: 51%;}
.cb_kc11{ position: absolute; left: 29%;
    top: 42%;}
.cb_kc12{ position: absolute; left: 30%;
    top: 53%;}

.cb_kc13{ position: absolute;left: 28%;
    top: 9%;}
.cb_kc14{ position: absolute;left: 27%;
    top: 21%;}
.cb_kc15{ position: absolute;left: 12%; 
    top: 21%;}
.cb_kc16{ position: absolute;left: 16%; 
    top: 36%;}

.kc-btn{}
.kc-btn a{ width: 100%; height: 100%; display: inline-block;}
/*.unlock{ opacity: 0.6;}*/

.kc-list-box div.jsbox:last-child{ }
.kc-list-box div.jsbox:last-child img{ animation: myMove7 5s infinite;}


.lock2{ position: absolute;     right: 33%; top: 12%; z-index: 10;}
.lock4{ position: absolute;right: 43%; top: 21%;}
.lock1{ position: absolute;     right: 50%; top: 12%;}
.lock3{ position: absolute;right: 53%; top: 21%;}

.lock5{ position: absolute;      right: 12%;
    top: 44%;}
.lock6{ position: absolute;right: 3%;
    top: 61%;}
.lock7{ position: absolute;   right: 26%;
    top: 46%;}
.lock8{ position: absolute; right: 30%;
    top: 58%;}

.lock9{ position: absolute;left: 45%;
    top: 38%;}
.lock10{ position: absolute;    left: 47%;
    top: 51%;}
.lock11{ position: absolute; left: 29%;
    top: 42%;}
.lock12{ position: absolute; left: 30%;
    top: 53%;}

.lock13{ position: absolute;left: 28%;
    top: 9%;}
.lock14{ position: absolute;left: 27%;
    top: 21%;}
.lock15{ position: absolute;left: 12%;
    top: 21%;}
.lock16{ position: absolute;left: 16%;
    top: 36%;}


.cg-box{}

body{ background: linear-gradient(to top left,#5BF2EB,#01A0FF); }

.animation-box{ width: 100%; height: 100%; overflow: hidden;}

.feiji01{ position: absolute; z-index: 999; right: 20%; top: 25%;
   animation: myMove1 3s infinite;
}

.feiji02{ position: absolute; z-index: 9999; left: -40%; top: -40%;
   animation: myMove2 18s infinite;
}

.feiji03{ position: absolute; z-index: 9999; right: -40%; top: 30%;
   animation: myMove3 18s infinite;
}

.feiji04{ position: absolute; z-index: 999; right: 30%; top: 35%;
   animation: myMove4 60s infinite;
}

.qiqiu01{ position: absolute; z-index: 999; right: 20px; top: 0;
   animation: myMove5 5s infinite;
}
.qiqiu02{ position: absolute; z-index: 999; left: 20px; bottom: 20%;
   animation: myMove6 5s infinite;
}

.page_bg3{ background: url(../images/page_bg3.jpg) no-repeat bottom center; padding-bottom: 160px;}


.zimubox{ height: auto; display: block; text-align: center; position: relative; width: 100%; left: 0px;}

.zimubox .txt{ line-height: 160%; border-radius: 100px; padding:0px 20px;  color: #000; display: inline-block; font-size: 26px; letter-spacing: 1px; font-weight: bold;}


.index_guide{ position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; height: 2000px; z-index: 999999;}
.index_guide .con{ padding: 30px; }
.index_guide .con h1{ font-size: 22px;}
.index_guide .con p{ font-size: 14px; line-height: 180%; padding: 15px 0; margin-bottom: 20px;}
.index_guide .con .reject{ background: #ddd; color: #333; padding: 10px 20px;}
.index_guide .con .accept{ background:#FF9900; color: #fff; padding: 10px 20px;}




.ucenter-box{padding:30px; width: 100%; border-radius: 15px; background: rgba(255,255,255,.7); box-sizing: border-box; }
 

.u_nav{ padding:10px 0 20px 0; text-align: center;}
.u_nav li{ display: inline-block; margin: 0px auto; padding: 0px 5px;}
.u_nav li a{ display: block; color: #fff; padding: 0px 6px; border-radius: 10px; height: 36px; line-height: 36px; background-color:#83BC31;font-size: 13px;}
.u_nav li:hover a{background-color:#FE5900;}
.u_nav li.active a{background-color:#FE5900;}

.user-info{ padding: 20px; background: rgba(255, 255, 255, 0.9); border-radius: 10px;}
.user-info  h1{ border-bottom: dotted 1px #ddd; box-sizing: border-box; height: 36px; line-height: 26px; }
.user-info  h1 span{ border-left: 3px #ccc solid; padding-left: 10px; }
.user-info .info{ padding: 30px;}
.user-info .info dl{ width: 100%; line-height: 260%; }
.user-info .info dt{ width: 100px; display: inline-block; text-align: right;}
.user-info .info dd{display: inline-block; text-align: left;}

 
.share-back{position: fixed; left: 15px; top: 15px; color: #fff !important; }

.share-txt{position: absolute; z-index: 9;top: 57%; width: 94%; height: 180px; padding: 20px; box-sizing: border-box; line-height: 180%; font-size: 18px; text-align: center; border: #6DCBCA solid 6px; border-radius: 15px; background-color: #fff; margin: 0 3%; }
.share-xz{ position: absolute; width: 100px; height: 119px; padding: 30px; font-size: 14px; box-sizing: border-box; top: 52%; font-weight: bold;
    right: 11px; line-height: 150%; color: #fff; background: url(../images/xz.png) no-repeat; background-size: cover; z-index: 999;}
.share-txt h1{ font-size: 20px; line-height: 180%; padding-bottom: 10px; text-align: left;}
.share-txt p{ color: #555;}
.share-txt span{ font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size: 36px; text-align: center; color:#FE5900; padding: 20px 0; display: block; font-style: italic;}

.share-txt .tongji{ padding-top: 10px;}
.share-txt .tongji ul{}
.share-txt .tongji ul li{ display: inline-block; width: 32%;}
.share-txt .tongji ul li b{ color: #F15E25; font-size: 32px;}
.share-txt .tongji ul li i{ color: #F15E25; font-size: 16px; font-style: normal;}
.share-txt .tongji ul li p{ color: #00456C; font-size: 20px;}

/*海报*/
#canvas{}
.haibao-box{ }
.haibao{width: 450px; height: 800px; margin: 0px auto; position: relative; }
.haibao .haibao_bg{  width: 100%;position: relative;}
.haibao .haibao_bg img{ width: 100%;}
.haibao .qr{position: absolute; left: 0; right: 0; top: 30%;}
.haibao .qr .qrcode{ width: 150px;  padding: 5px; background-color: #fff; text-align: center;margin: 0px auto;}
.haibao .qr .qrcode canvas{ width: 100%; }
.haibao .qr .qrtext{ width: 100%; text-align: center; line-height: 200%; }

.haibao-download{ position: fixed; right: 15px; top: 15px; z-index: 999;}
.haibao-download a{ width: 130px; height: 36px; line-height: 36px; text-align: center; background-color: #fff; border-radius: 10px; display: block;}



@keyframes myMove1 {
    0% {
        right: 20%;
        top: 25%;
    }  
    50% {
        right: 20%;
        top: 24.5%;
    }
	100% {
        right: 20%;
        top: 25%;
    }
}


@keyframes myMove2 {
    0% {
        left: -40%;
        top: -40%;
    }  
    100% {
        left: 180%;
        top: 180%;
    }
}

@keyframes myMove3 {
    0% {
        right: -40%;
        top: 30%;
    }  
    100% {
        right: 180%;
        top: 180%;
    }
}

@keyframes myMove4 {
    0% { right: 30%; top: 35%; }
	10% { right: 35%; top: 30%; }  
	20% { right: 40%; top: 28%; }  
	30% { right: 45%; top: 29%; }  
	40% { right: 50%; top: 29%; }  
	50% { right: 55%; top: 33%; }  
	60% { right: 52%; top: 43%; }  
	70% { right: 45%; top: 58%; }
	80% { right: 40%; top: 52%; }
	90% { right: 35%; top: 43%; }
	100% { right: 30%; top: 35%; } 
}

@keyframes myMove5 {
    0% {right: 20px; top: 0;}  
	50% {right: 16px; top: 10px;}
    100% {right: 20px; top: 0;}
}

@keyframes myMove6 {
    0% {left: 20px; bottom: 20%;}  
	50% {left: 20px; bottom: 21%;}
    100% {left: 20px; bottom: 20%;}
}

@keyframes myMove7 {
    0% { margin-top: 0px;}
	10% { margin-top: -15px;}
	20% { margin-top: 0px; }
	30% { margin-top: -15px; }
	40% { margin-top: 0px; }
    100% { margin-top: 0px; }
}

@keyframes bgchange {
    0% {
        background: linear-gradient(to top left,#5BF2EB,#01A0FF);
    }  
    25% {
        background: linear-gradient(to top left,#5BF2EB,#01A0FF);
    }
	50% {
        background: linear-gradient(to top left,#5BF2EB,#01A0FF);
    }
	100% {
        background: linear-gradient(to top left,#5BF2EB,#01A0FF);
    }
}