body{ width:640px;  display:flex; flex-direction:column; height:100%; font-family:Helvetica, Arial, "微软雅黑", sans-serif; font-size:22px; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}/*取消字体自动缩放*/
body,form,ul,li,p,h1,h2,h3,h4,h5,h6,dd,dl,dt{margin:0;padding:0;}ul{list-style:none;}img{border:0;}a{text-decoration:none; color:#000;}*{ box-sizing:border-box;}
input,select{vertical-align:middle; font-family:Arial,"微软雅黑"; padding:0;outline:none;}table{border-collapse:collapse;border-spacing:0; width:100%;}p{word-wrap:break-word}.clr{clear:both;}
.l{float:left;}.r{float:right;}.undis{display:none}.dis{display:block}.dinl{display:inline-block;}.prel{position:relative;}.pabs{position:absolute;}.bor{border:0;}.ovf{overflow:hidden;}
textarea{resize:none;} /*webkit核心中textare取消拖动调整大小*/
textarea:focus{outline:none;} /*textarea聚焦时默认边框颜色不变*/
.img100>img{ width:100%;}.bg100{ background-size:100% 100%;}
.glasslayer{position:fixed;  width:100%; height:100%; filter:alpha(opacity=50); opacity:0.5; background:#000; top:0px; left:0px; z-index:9998;}
input::-ms-clear{display:none;}select::-ms-expand { display: none; }

.xl-1{ width:10%;}.xl-2{ width:20%;}.xl-3{ width:30%;}.xl-4{ width:40%;}.xl-5{ width:50%;}.xl-6{ width:60%;}.xl-7{ width:70%;}.xl-8{ width:80%;}.xl-9{ width:90%;}.xl-10{ width:100%;}
.xl-75{ width:75%;}.xl-33{ width:33.333333%;}.xl-25{ width:25%;}.xl-16{ width:16.6666666%;}.xl-13{ width:13.333333%;}

/*加载中*/
.loading{ background:url(../images/loading.gif) no-repeat; color:#fff; font-size:24px; z-index:9999; width:200px; text-align: center; left:50%; top:50%; margin:-16px 0 0 -100px ; height:32px; line-height:32px;}


.container{width:640px;margin:0 auto; overflow:hidden;}

.head{ background:#fff; height:78px;}
.head .logo{ float:left; background:url(../images/logo.png) 20px center no-repeat; width:300px; height:78px; }
.head .return{ font-size:24px; margin-top:20px; margin-left:-40px; padding-left:20px; float:left; display:block; height:40px; line-height:40px; color:#52c3f1; border-left:1px solid #52c3f1; }

.head-add{ opacity:0; -webkit-animation:ani_arrow 1s ease-in 0.2s forwards; position:fixed; top:0; width:100%; z-index:9999; border-bottom:6px solid #52c3f1;}




.banner{ width:640px; height:397px;  border-top:4px solid #52c3f1; border-bottom:6px solid #52c3f1;}
.banner.touchcarousel .tc-paging-container{ bottom:20px; }
.banner.touchcarousel .tc-paging-item{ background:#fff; margin:0 5px; height:12px; width:12px; border-radius:50%; }
.banner.touchcarousel .tc-paging-item.current{ background:#0096e0;}
.banner.touchcarousel .touchcarousel-item{ width:640px;}
.banner-add{ margin:78px 0 90px;}

.tp{ background:#f9f9f9; width:640px; height:90px;}

.type{ width:560px; height:60px; margin:15px auto 10px;}
.type .touchcarousel-item a{ text-align:center; display:block; margin-right:12px; font-size:24px; color:#fff; background:#595959; width:130px; height:60px; line-height:60px;}
.type .touchcarousel-item a.tag{ background:#0096E0;}
.type.touchcarousel .arrow-holder.left{ left:-30px; background:url(../images/lr-jt.png) 0 15px no-repeat;}
.type.touchcarousel .arrow-holder.right{ right:-55px; background:url(../images/lr-jt.png) 0 -55px no-repeat;}

.tp-add{ opacity:0;  -webkit-animation:ani_arrow 1s ease-in 0.5s forwards; position:fixed; top:78px; width:640px; z-index:9999;}

.video.list{ padding:0 20px 120px 20px;}
.video.list .col{ border-bottom:1px solid #666; overflow:hidden; padding:30px 0;}
.video.list .col .tt{ position:relative; float:right; width:320px;}
.video.list .col .tt i{ position:absolute; left:-65px; padding:0 10px; font-style:initial; background:#0096e0; font-size:18px; color:#fff; height:30px; line-height:30px; border-radius:30px;}
.video.list .col .tt b{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;font-size:24px;margin-bottom:10px;overflow:hidden;max-height: 90px; min-height:90px;line-height: 32px;}
.video.list .col .tt p{ color:#666; font-size:18px; margin-bottom:5px; line-height:26px;}
.video.list .col .tt p i{ margin-left:5px; background:url(../images/new.png) no-repeat; width:37px; height:16px; display:inline-block; vertical-align:middle;}
.video.list .col .tt label{ float:left; width:100px;}
.video.list .col .tt span{ float:right;}
.video.list .col img{ float:left; width:200px; height:120px;}

.video.list .col .tt .orange{ background:#ff6700;}
.video.list .col .tt .green{ background:#009948;}

.video.list-add{ margin-top:397px;}

.foot{ position:fixed; bottom:0; left:0; width:640px; padding:15px; background:#fff; }
.foot .btn{ padding:10px; font-size:28px; line-height:50px; float:left; background:#0096e0; width:530px;}
.foot .btn a{ width:50%; float:left; text-align:center;}
.foot .btn a:nth-child(1){ border-right:1px solid #fff; background:url(../images/icon01.png) 45px center no-repeat; }
.foot .btn a:nth-child(2){ padding-left:20px; background:url(../images/icon02.png) 50px center no-repeat; }
.foot a{ color:#fff;}
.foot a.btn-top{ text-align:center; font-size:14px; background:url(../images/top.png) center 15px no-repeat #52c3f1; width:70px; padding-top:45px; height:25px; float:right; box-sizing:initial;}

.intr-banner{ border-bottom:0; height:312px;}
.intr-banner .num{ font-size:18px; bottom:20px; left:20px; color:#fff; }
.intr-banner .num label{ height:32px; line-height:32px; background:rgba(0,0,0,0.5); border-radius:50px; padding:5px 22px;}
.intr-banner .gz{ height:32px; line-height:32px; font-size:18px; position:absolute; right:20px; bottom:20px; border-radius:50px; padding:0 22px; border:2px solid #ed6c00; color:#ed6c00; background:rgba(255,255,255,0.8); }
.intr-banner .gz.tag{color:#fff; background:#ed6c00;}


.intr-nav{ height:70px; overflow:hidden; background:#52c3f1;}
.intr-nav li{ width:33.333%; line-height:70px; text-align:center; float:left;}
.intr-nav a{ position:relative; display:inline-block; height:70px; color:#fff; font-size:24px;}
.intr-nav a.tag{ padding:0 20px; border-bottom:5px solid #fff; }
.intr-nav a i{ position:absolute; top:10px; height:22px; font-style:inherit; line-height:22px; padding:0 6px; border-radius:60px; background:#dd0000; font-size:14px; }

.intr-txt{ padding:35px;}
.intr-txt .title{ margin-bottom:15px; font-size:24px;}
.intr-txt .tm{ font-size:18px; color:#494949;}
.intr-txt .tm p{ border-bottom:1px solid #d5d5d5; height:40px; line-height:40px;}
.intr-txt .tm p:first-child{ border-top:1px solid #d5d5d5;}
.intr-txt .tm label{ color:#999999; display:inline-block; width:120px;}

.intr-txt .txt{ line-height:32px; padding:20px 0; font-size:18px; color:#494949;}

.icon{ position:fixed; z-index:1000; width:66px; bottom:20px; right:50px;}
.icon a{ display:block; width:66px; height:67px;}
.icon a.love{ background:url(../images/love-icon.png) no-repeat; margin-bottom:20px; }
.icon a.message{ background:url(../images/message-icon.png) no-repeat; }

.time{ padding:50px 35px; overflow:hidden;}
.time:before{ left:45px; top:0px; position:absolute; content:''; width:1px; background:#dadada; height:100%;}
.time .col{ margin-bottom:30px; position:relative;margin-left:40px;border-bottom:1px solid #dadada;/* overflow:hidden; */padding-bottom:20px;}
.time .col i{ left:-40px; position:absolute; z-index:10; display:block; background:#0096e0; border-radius:50%; width:20px; height:20px;}
.time .col .t{}
.time .col .t label{ display:block; margin-bottom:15px; color:#0097e0;}
.time .col .t span{ line-height:36px; color:#494949; margin-bottom:20px; display:block;}
.time .col .t img{ width:100%;}
.time .col .t .xl-10 .xl-33{ width:30%;}
.time .col .t .xl-10 .xl-33:nth-child(2){ margin:0 20px;}

.time .return{ position:relative; z-index:10; margin:30px 0 0 -40px; padding:0 20px 0 70px; display:inline-block; height:38px; line-height:38px; font-size:18px; background:#33abe6; color:#fff; border-radius:0 50px 50px 0;}

.time .col .t01 img{ margin-right:20px; float:left; width:54px; height:54px; border-radius:50%;}
.time .col .t01 .mt{ display:inline-block; width:450px;}
.time .col .t01 .mt strong{ display:block; color:#878787;}
.time .col .t01 .mt p{ margin:10px 0 15px;}
.time .col .t01 .kn label{ color:#a3a3a3;}
.time .col .t01 .kn span{line-height:25px;height:25px;float:right;color:#d5d5d5;vertical-align: super;}
.time .col .t01 .kn a.z{vertical-align: initial;color:#0096E0;background:url(../images/z-icon.png) no-repeat;padding-left:25px;display: inline-block;}
.time .col .t01 .kn a.e{vertical-align: bottom;height:25px;background:url(../images/e-icon.png) center no-repeat;padding-left:30px;display: inline-block;}

.time .col .t01 .sys-tem{ margin-top:35px; color:#494949;}
.time .col .t01 .sys-tem label{ float:left; color:#0096E0;}
.time .col .t01 .sys-tem span{ float:left; width:290px;}


.code{ text-align:center; margin-left:40px; padding:20px 0; width:500px;}
.code p{ background:#0096E0; color:#fff; padding:20px;}

.pl-div{ top:220px;  position:fixed; border-radius:5px; z-index:9999; width:80%; background:#fff; left:50%; margin-left:-40%;}
.pl-div textarea{ min-height:180px; color:#666; border-radius:5px;  display:block; width:100%; border:1px solid #ccc; padding:20px; font-size:22px;}
.pl-div a{ background:#0096E0; color:#fff; display:block; text-align:center; height:70px; line-height:60px;}

.gz-div{ top:200px; padding:20px 20px; border-radius:10px; text-align:center; background:#fff; z-index:9999; width:500px; left:50%; margin-left:-250px;}
.gz-div img{ display:block; width:100%;}
.gz-div p{ font-size:24px; color:#666; margin:20px 0;}
.gz-div .btn{ padding-top:50px;}
.gz-div .btn a{ color:#fff; padding:0 50px; border-radius:10px; display:inline-block; height:70px; line-height:70px; background:#999;}

.message{ box-shadow:0 0 5px #888888; bottom:0; left:0; width:100%; background:#fff; position:fixed; z-index:9999; padding:30px;}
.message input{ padding:0 10px; width:330px; border-radius:10px; border:1px solid #ccc; height:70px; line-height:70px; font-size:24px;}
.message span{}
.message span a{ border-radius:10px; font-size:24px; padding:0 30px; display:inline-block; height:70px; line-height:70px; background:#ed6c00; color:#fff;}

@-webkit-keyframes ani_arrow {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}

}