html,body {  font-size:14px; height:100%;}
.layout{height:100%;}

.startPage{ background:url(../image/bg1.jpg) no-repeat center top; background-size:cover; }
.startPage h1{ color:#8facd6; font-size:1.8rem; color:#8facd6; text-align:center;font-weight:100; padding-top:6rem;}
.startPage .btns{ position:absolute; bottom:3.5rem; left:0; width:100%; text-align:center;}
.startPage .btns ul{ padding:0 2.5rem;}
.startPage .btns li{ float:left; width:50%;}
.startPage .btns li a{ display:block; height:3.2rem; line-height:3.2rem; text-align:center; color:#fff; background:#2597c9; margin:0 0.5rem; border:1px solid #2caadd; font-size:1.4rem;}
.startPage .btns li .btn-login{}
.startPage .btns li .btn-reg{border:1px solid #5c636b; background:#414449;}
.startPage .btns p{ text-align:center; color:#5e6265; padding:1.5rem 0; padding-bottom:0; line-height:1.2; font-size:1.2rem;}
.startPage .btns p a{color:#5e6265;}

.homeSlide{ background:url(../image/pic1.jpg) no-repeat center center; background-size:100% 100%; height:16.5rem; position:relative;}

.homeSlide .bar{ position:absolute; bottom:2rem; left:0.8rem; right:0.8rem; height:2.8rem;}
.homeSlide .bar .lft{ float:left;}
.homeSlide .bar .slt{ background:rgba(0,0,0,0.5) url(../image/arrow-down.png) no-repeat right center; background-size:1.6rem 0.6rem; width:7.4rem; height:2.8rem; line-height:2.8rem; border-radius:3rem; border:none; color:#fff; display:block; padding:0 0.9rem;overflow:hidden;word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.homeSlide .bar .rgt{ float:right;}
.homeSlide .bar .rgt li{ float:left; width:2.8rem; height:2.8rem; margin-left:1.2rem;}
.homeSlide .bar .rgt li a{ display:block; float:left;width:2.8rem; height:2.8rem;background:rgba(0,0,0,0.5); border-radius:100%;}
.homeSlide .bar .rgt li img{ width:100%; height:100%;}


.notice{ background:#fff url(../image/ico4.png) no-repeat 1.5rem center; background-size:1.5rem 1.5rem; height:3.8rem; line-height:3.8rem; overflow:hidden;word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; padding-left:4rem; border-bottom:1px solid #e6e6e6;margin-bottom:0.6rem;}
	.notice ul { margin-right:1.5rem; overflow:hidden;}
.notice ul li{ color:#808080;}
.notice ul li a{color:#808080;}
.homeMod { background:#fff; margin-bottom:0.6rem;}
.homeMod .head,.titMod{ height:3.4rem; line-height:3.4rem; border-bottom:1px solid #e6e6e6; padding:0 1.2rem; background:#fff;}
.homeMod .head h2,.titMod h2{ background:url(../image/line.png) no-repeat left center; background-size:0.2rem 1.2rem; padding-left:0.9rem; font-size:1.4rem; }
.homeMod .body ul{ padding:1rem 0.6rem; padding-bottom:0.01rem;}
.homeMod .body ul li{ float:left; width:25%; text-align:center; margin-bottom:1rem;}
.homeMod .body ul li img{ display:block; margin:0 auto; width:4rem; height:4rem; margin-bottom:0.2rem;}
.homeMod .body ul li h3{ height:2rem; line-height:2rem; overflow:hidden; color:#4c4c4c; font-size:1.2rem;}

.login{ margin-top:0.5rem; background:#fff; border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.login .body{ padding:1.5rem 1.5rem;font-size:1.4rem;}
.login .body ul li{ position:relative; margin-bottom:1rem;}
.login .body ul .inp{ margin-bottom:1rem; height:3.8rem; line-height:3.8rem; background:#fff; padding-left:4rem;} 
.login .body ul li label{ display:block; height:3.8rem; line-height:3.8rem; position:absolute; left:0; top:0; color:#5c5c5c; }
.login .body ul li .text{ height:1.75rem; border:none; color:#333;  font-size:1.4rem; line-height:1.75rem;outline:none;  border-radius:0.2rem; width:93.8%; padding:1rem 3%; outline:none;border-radius:0.4rem; background:none;border:1px solid #e6e6e6; }
.login .body ul li.btns{ padding-top:0.5rem;}
.login .body ul li .btn{ height:3.5rem;  font-size:1.4rem; text-align:center; border-radius:0.3rem; text-align:center; border:none; cursor:pointer; background:#2bbbf7; color:#fff; display:block; width:100%;font-weight:100;}
.login .body ul li.bar{ color:#1d86df; font-size:1.3rem; padding-top:0.8rem; padding-bottom:0.5rem;}
.login .body ul li.bar a{ color:#1d86df; }
.login .body ul li.bar .rgt{ text-decoration:underline;} 
.login .body ul li .btn:active{ background:#24addf;}
.register{ margin-top:0.5rem; background:#fff; border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.register .body{ padding:1.5rem 1.5rem;font-size:1.4rem;}
.register .body ul li{ position:relative; margin-bottom:1rem;}
.register .body ul .inp{ margin-bottom:1rem; height:3.8rem; line-height:3.8rem; background:#fff; padding-left:7rem; } 
.register .body ul li.inp label{ display:block; height:3.8rem; line-height:3.8rem; position:absolute; left:0; top:0; color:#5c5c5c; width:6rem; text-align:right;}
.register .body ul li .text{  height:1.75rem; border:none; color:#333;  font-size:1.4rem; line-height:1.75rem; outline:none;  border-radius:0.2rem; width:93.8%; padding:1rem 3%; outline:none;border-radius:0.4rem; background:none;border:1px solid #e6e6e6; }
.register .body ul li .codeimg{ position:absolute; top:0.7rem; right:4.2rem;width:5.5rem; height:2.6rem;}
.register .body ul li .codeimg img{ width:5.5rem; height:2.6rem;}
.register .body ul li .fr{ position:absolute; top:0; right:0.2rem; height:3.8rem; width:3.8rem; background:url(../image/rf.png) no-repeat center center; background-size:2.15rem 1.75rem; display:block; float:none; cursor:pointer;}
.register .body ul li .codebtn{width:9.5rem;height: 3.8rem;position: absolute;right: 0px;top:0;background-color: #2bbbf7;text-align: center;color: #FFFFFF;font-size: 1.3rem;cursor: pointer;border: none; border-radius: 0 0.2rem 0.2rem 0; font-weight:100;}
.register .body ul li .disabled{ background:#ccc;}
.register .body ul li.btns{ padding-top:0.5rem;}
.register .body ul li .btn{ height:3.5rem;  font-size:1.4rem; text-align:center; border-radius:0.3rem; text-align:center; border:none; cursor:pointer; background:#2bbbf7; color:#fff; display:block; width:100%;font-weight:100;}
.register .body ul li.ck{ color:#5c5c5c; font-size:1.15rem; padding-top:0.8rem; padding-bottom:0.5rem;padding-left:7rem;}
.register .body ul li.ck a{ color:#1d86df; }
.register .body ul li.ck input{ margin-right:0.5rem; position:relative; top:0.08rem;} 
.register .body ul li .btn:active{ background:#24addf;}
.userMod .head{ margin-bottom:1rem;}
.userMod .head .img img{ display:block; width:100%;}
.userMod .head .info{ height:5rem; line-height:5rem; background:#fff;border-bottom:1px solid #eee; position:relative; padding-left:11rem; padding-right:1rem; font-size:1.6rem;}
.userMod .head .info .avatar{ display:block; position:absolute; left:1.5rem; bottom:0.7rem; width:8rem; height:8rem; border-radius:100%; border:0.15rem solid #fff;}
.userMod .head .info .avatar img{ display:block;width:8rem; height:8rem; border-radius:100%;}
.userMod .body ul {background:#fff;border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; margin-bottom:1rem; }
.userMod .body ul li{ padding:0 0 0 0; padding-left:1.9rem; font-size:1.3rem; position:relative; overflow:hidden;}
.userMod .body ul li a{ display:block; width:100%; height:4.5rem; line-height:4.5rem; color:#5c5c5c;}
.userMod .body ul li i{ display:block; width:2rem; height:2rem; padding-top:1rem; float:left; margin-right:1.2rem; }
.userMod .body ul  li i img{ display:block; width:2rem; height:2rem; }
.userMod .body ul li:last-child .arr{ border:none;}
.userMod .body ul li strong{ float:left; display:block; padding:0; margin:0; line-height:4.25rem;}
.userMod .body ul li span{ color:#999; float:right; padding-right:1.6rem;}
.userMod .body ul li .arr{ position:relative;background:url(../image/arrow-right.png) no-repeat right center; background-size: 2.3rem 1.9rem;border-bottom:1px solid #eaeaea;height:4.5rem; line-height:4.5rem; padding-right:1.2rem;}
.userMod .body ul li .arr strong{ float:left;}
.userMod .body ul li:active{ background:#eee;}

.userMod2 .body{ margin-top:0.5rem;}
.userMod2 .body ul {background:#fff;border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; margin-bottom:1rem; }
.userMod2 .body ul li{ padding:0 0 0 0; padding-left:1.9rem; font-size:1.3rem; position:relative; overflow:hidden;}
.userMod2 .body ul li a{ display:block; width:100%; height:4.5rem; line-height:4.5rem; color:#5c5c5c;}
.userMod2 .body ul li i{ display:block; width:2rem; height:2rem; padding-top:1rem; float:left; margin-right:1.2rem; }
.userMod2 .body ul  li i img{ display:block; width:2rem; height:2rem; }
.userMod2 .body ul li:last-child .arr{ border:none;}
.userMod2 .body ul li strong{ float:left; display:block; padding:0; margin:0; line-height:4.25rem;}
.userMod2 .body ul li span{ color:#999; float:right; padding-right:1.6rem; display:block;}
.userMod2 .body ul li .arr{ position:relative;background:url(../image/arrow-right.png) no-repeat right center; background-size: 2.3rem 1.9rem;border-bottom:1px solid #eaeaea;height:4.5rem; line-height:4.5rem; padding-right:1.2rem;}
.userMod2 .body ul li .arr strong{ float:left;}
.userMod2 .body ul li:active{ background:#eee;}
.userMod2 .body ul li.first .arr{ height:5rem; line-height:5rem; padding:0.5rem 0;padding-right:1.2rem;}
.userMod2 .body ul li.first .arr .avt{ display:block; float:left; width:5rem; height:5rem; border-radius:100%;}
.userMod2 .body ul li.first .arr .avt img{ display:block; width:5rem; height:5rem; border-radius:100%;}
.userMod2 .body ul li.first .arr span{ line-height:5rem;}

.forumMod{ padding-top:0.6rem; }
.forumMod .head,.projectMod .head{ height:3.4rem; line-height:3.4rem; border-bottom:1px solid #eee; padding:0 1.2rem;background:#fff; margin-bottom:0.6rem;}
.forumMod .head h2,.projectMod .head h2{ background:url(../image/line.png) no-repeat left center; background-size:0.2rem 1.2rem; padding-left:0.9rem; font-size:1.4rem; }
.forumMod .body{}
.forumMod .body .list li{border-bottom:1px solid #eee; padding:1.2rem 1.2rem; padding-right:1.4rem;background:#fff; margin-bottom:0.6rem;}
.forumMod .body .list li a{ display:block; background:url(../image/arrow-right2.png) no-repeat right center; background-size: 0.85rem 1.5rem;}
.forumMod .body .list li:active{ background:#eee;}
.forumMod .body .list li .inner:after{ clear:both; content:""; display:block; zoom:1;}
.forumMod .body .list li .thumb{ float:left; width:5rem; height:5rem;}
.forumMod .body .list li .thumb img{ display:block; width:5rem; height:5rem; border-radius:100%;}
.forumMod .body .list li .desc{ margin-left:6.2rem; margin-right:4rem;}
.forumMod .body .list li .desc h4{ font-size:1.3rem; height:3rem; line-height:3rem; overflow:hidden;}
.forumMod .body .list li .desc p{ color:#9c9c9c; font-size:1.1rem; font-size:1.1rem;}
.forumMod .body .list li .num{ float:right; height:5rem; line-height:5rem; padding-right:1.5rem; color:#f25b5b; font-size:1.3rem; font-weight:400; }

.forumMod .body .list2 li{border-bottom:1px solid #eee; padding:0.6rem 1.2rem; padding-right:1.4rem;background:#fff; margin-bottom:0.6rem;}
.forumMod .body .list2 li a{ display:block; background:url(../image/arrow-right2.png) no-repeat right center; background-size: 0.85rem 1.5rem;}
.forumMod .body .list2 li:active{ background:#eee;}
.forumMod .body .list2 li .inner:after{ clear:both; content:""; display:block; zoom:1;}
.forumMod .body .list2 li .desc{ font-size:1.3rem; height:2.5rem; line-height:2.5rem; overflow:hidden;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.forumMod .body .list2 li .date{ color:#9c9c9c; font-size:1.1rem; font-size:1.1rem; padding-bottom:0.2rem;}

.detailMod{ padding-top:0.6rem; }
.detailMod .article{border-bottom:1px solid #eee; padding:1.2rem 1.2rem; padding-right:1.4rem;background:#fff; margin-bottom:0.6rem;}
.detailMod .article .user-info{ height:4.8rem;}
.detailMod .article .user-info .avatar{ height:4.8rem; float:left;}
.detailMod .article .user-info .avatar img{ display:block; width:4.8rem; height:4.8rem; border-radius:100%;}
.detailMod .article .user-info .desc{ margin-left:5.8rem;}
.detailMod .article .user-info .desc h3{ color:#324d82; font-size:1.5rem; font-weight:500; height:3rem; line-height:3rem;}
.detailMod .article .user-info .desc p{ color:#808080; font-size:1rem;}
.detailMod .article .txtbox{ padding:1rem 0; font-size:1.5rem; color:#000;}
.detailMod .article .imgs {}
.detailMod .article .imgs li{text-align: center; float:left; width:33.333%; margin-bottom:0.6rem;}
.detailMod .article .imgs li .img-div{ margin-right:0.6rem;}
.detailMod .article .imgs li .img-div img{ display:block; width:100%;}
.detailMod .article .action{ text-align:right; padding-top:0.8rem; padding-right:0.8rem; height:1.8rem; }
.detailMod .article .action span{ font-size:1.1rem; color:#b2b2b2; display:inline-block; height:1.8rem; line-height:1.8rem; margin-left:1.6rem; padding-left:2rem;}
.detailMod .article .action span.z1{ background:url(../image/zz1.png) no-repeat left center; background-size:1.8rem 1.8rem;}
.detailMod .article .action span.z2{ background:url(../image/zz2.png) no-repeat left center; background-size:1.8rem 1.8rem;}



.contactMod  { padding-top:0.5rem;  }
.contactMod .body ul li{padding-left:1.5rem; padding-right:0.3rem; font-size:1.3rem; position:relative; overflow:hidden;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;background:#fff; margin-bottom:0.5rem;}
.contactMod .body ul li a{ display:block; width:100%; height:4.5rem; line-height:4.5rem; color:#5c5c5c;}
.contactMod .body ul li i{ display:block; width:2.1rem; height:2.1rem;padding-top:1rem; float:left; margin-right:1.2rem; }
.contactMod .body ul  li i img{ display:block; width:2.1rem; height:2.1rem; }
.contactMod .body ul li:last-child .arr{ border:none;}
.contactMod .body ul li strong{ float:left; display:block; padding:0; margin:0; line-height:4.25rem;}
.contactMod .body ul li span{ color:#999; float:right; padding-right:1.6rem;}
.contactMod .body ul li .arr{ position:relative;background:url(../image/arrow-right.png) no-repeat right center; background-size: 2.3rem 1.9rem;height:4.5rem; line-height:4.5rem; padding-right:1.2rem;}
.contactMod .body ul li .nbg{ background:none;}
.contactMod .body ul li .arr strong{ float:left;}
.contactMod .body ul li:active{ background:#eee;}
.contactMod .foot { padding:1.3rem 0;}
.contactMod .foot .btn-tel{ display:block; color:#fff; margin:0 auto; width:60%; font-size:1.5rem; height:3.8rem; line-height:3.8rem; text-align:center; background:#2fc2f8; border-radius:0.3rem;}
.contactMod .foot .btn-tel i{ display:inline-block; background:url(../image/tel.png) no-repeat center center; background-size:100% 100%; width:2.25rem; height:2.25rem; margin-right:1.1rem; position:relative; top:0.5rem; }

.btn-div{ padding:1rem 1.2rem;}
.btn-div .btn{width:100%; border:none; font-size:1.3rem; display:block; height:3.5rem; line-height:3.5rem; color:#fff; text-align:center; background:#2ec27c; border-radius:0.3rem;}
.btn-div .btn:active{background:#24addf;}
.btn-div .arr{ display:inline-block; position:relative; top:0.3rem; background:url(../image/arrow-ico.png) no-repeat center center; width:1.1rem; height:1.65rem; background-size:100% 100%; margin-right:0.5rem;}
.btn-div2{padding:1rem 1.5rem;}
.btn-div3{ padding:1rem 0; padding-bottom:0;}
.btn-div3 .btn{ border-radius:0;}

.btn-div4{ padding:0.5rem 1rem;}
.btn-div4 .btn{width:90%; border:none; font-size:1.2rem; display:block; height:2.5rem; line-height:2.5rem; color:#fff; text-align:center; background:#2ec27c; border-radius:0.3rem;}


.projectMod .head{ margin-bottom:0;}
.projectMod .body .list li{border-bottom:1px solid #eee; padding-right:1.4rem;background:#fff; margin-bottom:0.6rem;}
.projectMod .body .list li .inner{ padding:0.5rem 1.2rem; border-bottom:1px solid #eee;}
.projectMod .body .list li .title{ display:block;background:url(../image/ico-file.png) no-repeat left center; background-size: 0.9rem 1rem; padding-left:1.6rem; font-size:1.2rem; overflow:hidden; height:2rem; line-height:2rem; overflow:hidden;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.projectMod .body .list li:active{ }
.projectMod .body .list li .desc{padding-left:1.6rem; line-height:1.7;}
.projectMod .body .list li .desc p{ color:#9c9c9c; font-size:1rem;}
.projectMod .body .list li .bar{ height:2rem; height:2rem; padding:0.5rem 1.2rem; text-align:right;}
.projectMod .body .list li .bar .btn{ display:inline-block; margin-left:1.2rem; width:6rem; height:2rem; text-align:center; line-height:2rem; border:1px solid #4d72b8; color:#4d72b8; font-size:1.1rem;}
.projectMod .body .list li .bar .btn1{ color:#f65439; border:1px solid #f65439;}

.wtbg{ background:#fff;}
.article-details{ padding:2rem 1.5rem;}
.article-details .head{ text-align:center; margin-bottom:1.5rem;}
.article-details .head h1{ font-size:1.6rem; font-weight:600; margin-bottom:0.5rem; color:#5c5c5c;}
.article-details .head p{ color:#9c9c9c; font-size:1.1rem;}
.article-details .body{ font-size:1.3rem; color:#5c5c5c; line-height:1.7;}
.table-list table{ width:100%;border-bottom:1px solid #c0d6df; background:#fff;}
.table-list th{ background:#359dcb; color:#fff; font-size:1.2rem; font-weight:600; height:4.5rem; text-align:center; border-left:1px solid #c0d6df;}
.table-list td{border-left:1px solid #c0d6df; text-align:center;height:4.5rem; font-size:1.1rem;color:#5c5c5c;}
.table-list tr:nth-child(even) td{ background:#e8f8ff; } 
.processMod { padding-top:0.6rem;}
.processMod .process-item{border-bottom:1px solid #eee; padding-right:1.4rem;background:#fff; margin-bottom:0.6rem;border-top:1px solid #eee; position:relative; padding:1.2rem 0; position:relative; }
.processMod .process-item .stata{ background:url(../image/lab_tt.png) no-repeat left center; width:7.8rem; height:2.5rem; background-size:100% 100%; font-size:1.2rem; text-indent:1.2rem; color:#fff; display:block; position:absolute; left:0; top:0; line-height:2.5rem;}
.processMod .process-item .head{ padding-top:3rem;}
.processMod .process-item .head ul{ position:relative; z-index:1;}
.processMod .process-item .head ul li{ float:left; width:25%; text-align:center;}
.processMod .process-item .head ul li i{ display:block; width:3.4rem; height:3.4rem; margin:0 auto; border-radius:100%; background:#cccccc;}
.processMod .process-item .head ul li.selected i{ background:#2fc2f8;}
.processMod .process-item .head ul li.selected span{ color:#2fc2f8;}
.processMod .process-item .head ul li span{ display:block; color:#808080; font-size:1.3rem; line-height:2.4rem;}
.processMod .process-item .head .tops{ position:relative; margin-bottom:2rem;}
.processMod .process-item .head .tops .line{ border-bottom:1px solid #ddd; font-size:0; content:""; position:absolute; width:80%; left:10%; right:10%; top:30%;}
.processMod .process-item .body .list{ padding-right:1.2rem; margin-left:1.2rem; position:relative; padding-left:1.5rem;border-left:1px solid #ddd;}
.processMod .process-item .body .list li{ margin-bottom:2rem; position:relative;}
.processMod .process-item .body .list li em{ display:block; width:0.5rem; height:0.5rem; border-radius:100%; background:#9d9d9d; position:absolute; left:-1.75rem; top:0;}
.processMod .process-item .body .list h3{ color:#404040; font-size:1rem; line-height:1; margin-bottom:0.5rem; position:relative; top:-0.2rem; }
.processMod .process-item .body .list p{ color:#5c5c5c; font-size:1.2rem; background:#e5e5e5; border-radius:0.2rem; padding:0.7rem 1rem;}

.select-time{ padding:1rem 1.2rem; background:#fff; margin-bottom:0.5rem; border-bottom:1px solid #eee; text-align:center;}
.select-time .tico{ display:inline-block; background:url(../image/date-ico.png) no-repeat center center; background-size:100% 100%; width:1.6rem; height:1.6rem; margin-right:0.8rem; position:relative; top:0.2rem;}
.select-time .text{ background:url(../image/arrow-down2.png) no-repeat right center; background-size:1.3rem 0.8rem; height:1.8rem; width:9.5rem; color:#999; font-size:1.2rem; border:none; }

.focusImg{ margin-bottom:0.5rem;}
.focusImg img{ display:block; width:100%;}

.newsNav{ height:4.4rem; line-height:4.4rem; border-bottom:1px solid #eee; text-align:center; font-size:1.6rem; background:#fff; width:100%; margin-bottom:0.5rem; display:table;}
.newsNav ul{ display:table-row;}
.newsNav li{ display:table-cell;}
.newsNav li a{ display:block;}
.newsNav li.on{ background:url(../image/line2.png) repeat-x left bottom; background-size:0.2rem 0.3rem; color:#2fc2f8;}
.newsList li{ background:#fff; margin-bottom:0.5rem; border-bottom:1px solid #eee;}
.newsList li a{ display:block; padding:0.8rem 1.2rem; padding-right:6rem; background:url(../image/arrow-right.png) no-repeat right center; background-size: 2.3rem 1.9rem;}
.newsList li h3{ color:#5c5c5c; font-size:1.3rem; margin-bottom:0.5rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsList li p{ color:#9c9c9c; font-size:1.1rem;} 
.newsList li:active{ background:#eee;}

.icoList li{ background:#fff; margin-bottom:0.5rem; border-bottom:1px solid #eee;}
.icoList li i{ display:block; float:left; width:5rem; height:5rem; line-height:5rem; border-radius:100%; margin-right:1.2rem;}
.icoList li i img{ display:block; width:5rem; height:5rem; border-radius:100%;}
.icoList li a{ display:block; padding:0.8rem 1.2rem; height:5rem; padding-right:6rem; background:url(../image/arrow-right.png) no-repeat right center; background-size: 2.3rem 1.9rem;}
.icoList li h3{color:#5c5c5c; font-size:1.3rem;line-height:5rem}
.icoList li:active{ background:#eee;}
.icoList2 li a,.icoList2 li{ height:4.4rem; line-height:4.4rem; padding-top:0; padding-bottom:0;}
.icoList2 li h3{ line-height:4.4rem;}
.app-nav{}

.app-nav li a{ display:block; padding:0 1rem;}

.app-nav{ height:4.4rem; line-height:4.4rem; border-bottom:1px solid #eee; text-align:center; font-size:1.6rem; background:#fff; margin-bottom:0.5rem;position: relative;}

.app-nav .app-navbar{width: 100%; height:4.4rem; line-height:4.4rem; background-color: #fff;position: relative;}
.app-nav .app-navbar .app-scroll{width: 100%;height: 100%;background-color: #fff;position: relative;overflow: hidden;}
.app-nav .app-navbar .app-scroll .app-wrap{height: 100%;overflow: hidden;position: absolute;left: 0;}
.app-nav .app-navbar .app-scroll .app-wrap ul.app-menu{overflow: hidden;width: auto;height: 100%;display: table;table-layout: fixed;white-space: nowrap;}
.app-nav .app-navbar .app-scroll .app-wrap ul.app-menu li{display: inline-block; height:4.4rem; line-height:4.4rem;font-size:1.6rem;-webkit-box-flex: 1;}
.app-nav .app-navbar .app-scroll .app-wrap ul.app-menu li a{ display:block; height:4.4rem; line-height:4.4rem; overflow: hidden;display: inline-block;padding: 0 1rem;text-align: center;}
.app-nav .app-navbar .app-scroll .app-wrap ul.app-menu li.on{ background:url(../image/line2.png) repeat-x left bottom; background-size:0.2rem 0.3rem; color:#2fc2f8;}


.select-bar{height:3.2rem; padding:0.6rem 0.6rem; border-bottom:1px solid #eee; text-align:center; background:#fff; margin-bottom:0.5rem;}
.select-bar .lft{ float:left; width:50%; border-right:1px solid #eee; height:3.2rem; margin-left:-1px;}
.select-bar .lft select{background:url(../image/arrow-down2.png) no-repeat right center; background-size:1.3rem 0.8rem; height:1.8rem; width:75%; color:#999; font-size:1.2rem; border:none; height:3.2rem;}
.select-bar .rgt{ float:right; width:50%;}
.select-bar .rgt .search{ height:3.2rem; background:#f0f0f0; border-radius:3rem; position:relative; margin-left:1.5rem; margin-right:1rem;}
.select-bar .rgt .search .text{ width:100%; border:none; height:2rem; padding:0.6rem 0; text-align:center; background:none; font-size:1.2rem;} 
.select-bar .rgt .search .sc-btn{ position:absolute; left:0; left:0; width:3rem; height:3.2rem; background:url(../image/search-ico.png) no-repeat center center; background-size:1.2rem 1.1rem; border:none; cursor:pointer;}
.coopBar{ height:3.4rem; line-height:3.4rem; background:#2fc2f8; color:#fff; padding:0 1.2rem; font-size:1.3rem;}
.coopBar .lft{ background:url(../image/arrow-ico.png) no-repeat left center; background-size:1.1rem 1.65rem; padding-left:2rem;}
.coopList li{ height:4.4rem; line-height:4.4rem; border-bottom:1px solid #eee; font-size:1.3rem; background:#fff; margin-bottom:0.5rem;}
.coopList li a{ display:block;  background:url(../image/arrow-right.png) no-repeat right center; background-size: 2.3rem 1.9rem;height:4.4rem; line-height:4.4rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding:0 1.2rem; }
.coopList li:active{ background:#eee;}

.bookList li{ padding:1rem 1.2rem; border-bottom:1px solid #eee; font-size:1.3rem; background:#fff; margin-bottom:0.5rem; height:5.5rem; position:relative;}
.bookList li .img{ float:left; height:5.5rem; width:5.5rem; float:left;}
.bookList li .img img{ display:block; height:5.5rem; width:5.5rem;}
.bookList li .desc{ margin-left:6.5rem;}
.bookList li .desc .txt{ height:4.4rem; overflow:hidden;}
.bookList li .desc .txt h3{ font-size:1.3rem; height:1.5rem; line-height:1.5rem; overflow:hidden;}
.bookList li .desc .txt p{ color:#9c9c9c; font-size:1.1rem; padding-top:0.3rem;}
.bookList li .desc span{ display:block; font-size:0.9rem; color:#9c9c9c; line-height:1.1;}
.bookList li .btn{ display:block; width:6.4rem; height:3.5rem; line-height:3.5rem; background:#2ec27c; color:#fff; border-radius:0.2rem; position:absolute; right:1.2rem; top:50%; margin-top:-1.75rem; text-align:center;}
.bookList li .btn:active{background:#24addf;}

.bookList2 li{ border-bottom:1px solid #eee; font-size:1.3rem; background:#fff; margin-bottom:0.5rem;  position:relative; padding-right:10rem;}
.bookList2 li .line{ background:#2fc2f8 url(../image/che.png) no-repeat right bottom; background-size:3.15rem 5.15rem; position:absolute; top:0; bottom:0; height:100%; left:0; padding:0 1.2rem; line-height:1.1; width:2.2rem; font-weight:600; color:#fff; text-align:center; }
.bookList2 li .line strong{font-weight:600; position:relative; top:50%; margin-top:-2rem; display:block;}
.bookList2 li .desc{ margin-left:5.5rem; padding-top:0.8rem; padding-bottom:0.8rem;}
.bookList2 li .desc .txt{color:#9c9c9c; font-size:1.1rem; line-height:1.6;  }
.bookList2 li .desc span{ display:block; font-size:0.9rem; color:#9c9c9c; line-height:1.1; display:block; padding-top:0.5rem;}
.bookList2 li .btn{ display:block; width:6.4rem; height:3.5rem; line-height:3.5rem; background:#2fc2f8; color:#fff; border-radius:0.2rem; position:absolute; right:1.2rem; top:50%; margin-top:-1.75rem; text-align:center;}
.bookList2 li .btn:active{background:#24addf;}

.formMod{ margin-top:0.5rem; padding-bottom:0.5rem;}
.formMod .body{ padding:1.5rem 1.5rem;font-size:1.4rem;background:#fff; border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6; padding-bottom:0.2rem;}
.formMod .body ul li{ position:relative; margin-bottom:1rem;}
.formMod .body ul .inp{ margin-bottom:1rem; height:3.8rem; line-height:3.8rem; background:#fff; } 
.formMod .body ul li.inp .text{  height:1.75rem; border:none; color:#333;  font-size:1.3rem; line-height:1.75rem; outline:none;  border-radius:0.2rem; width:93.8%; padding:1rem 3%; outline:none;border-radius:0.4rem; background:none;border:1px solid #e6e6e6; }
.formMod .body ul li .num{ position:absolute; top:0; right:1.2rem; color:#5c5c5c; font-size:1.3rem;}
.formMod .body ul li.inp2{border-radius:0.2rem;border-radius:0.4rem; background:none;border:1px solid #e6e6e6; height:2.9rem; background:#fff; padding:0.3rem 3%; padding-right:1%; }
.formMod .body ul li.inp2 .date-day{ float:left; width:50%; height:2.9rem; box-sizing:border-box; padding-left:2.2rem; border-right:1px solid #eee; margin-left:-1px; position:relative;}
.formMod .body ul li.inp2 .date-sec{float:left; width:50%; height:2.9rem;box-sizing:border-box; padding-left:1.2rem; }
.formMod .body ul li.inp2 .date-day i{ background:url(../image/date-ico.png) no-repeat center center; width:1.8rem;  background-size:1.6rem 1.6rem; position:absolute; left:-0.1rem; top:0; height:2.9rem; }
.formMod .body ul li.inp2 .text{ height:2.9rem; line-height:2.9rem; border:none; font-size:1.3rem; width:93%; background:url(../image/arrow-down3.png) no-repeat right center; background-size:1.2rem 0.75rem;color:#9c9c9c;}
.formMod .body ul li.inp2 .hytext{ height:2.9rem; line-height:2.9rem; border:none; font-size:1.3rem; width:93%; background-size:1.2rem 0.75rem;color:#9c9c9c;}
.formMod .body ul li.inp2 dl dd{ width:33.33333%;border-right:1px solid #eee; margin-left:-1px;height:2.9rem;box-sizing:border-box; padding-left:1.2rem; float:left; color:#9c9c9c;  }
.formMod .body ul li.inp2 dl dd:last-child{ border:none;}
.formMod .body ul li.w5{ width:45%;}
.formMod .body ul li.inp2 .line-slt{ float:left; width:100%; height:2.9rem; box-sizing:border-box; padding-left:2.2rem;  position:relative;}
.formMod .body ul li.inp2 .line-slt i{ background:url(../image/ico7.png) no-repeat center center; width:1.8rem;  background-size:1.6rem 1.75rem; position:absolute; left:-0.1rem; top:0; height:2.9rem; }
.formMod .body ul li.inp2 select{ height:2.9rem; line-height:2.9rem; border:none; font-size:1.3rem; width:93%; background:url(../image/arrow-down3.png) no-repeat right center; background-size:1.2rem 0.75rem;color:#9c9c9c;}
.formMod .body ul li.con{ height:auto;}
.formMod .body ul li.con .infobox .hd{ height:3rem; line-height:3rem; text-align:center; border-bottom:1px solid #ddd; color:#5c5c5c;}
.formMod .body ul li.con .infobox .hd i{ display:inline-block; width:1.8rem; height:1.6rem; margin-right:0.5rem;}
.formMod .body ul li.con .infobox .hd i.i1{ background:url(../image/ico11.png) no-repeat center center; background-size:100%; width:1.65rem; height:1.85rem; position:relative; top:0.4rem;}
.formMod .body ul li.con .infobox .hd i.i2{ background:url(../image/ico9.png) no-repeat center center; background-size:100%; width:1.8rem; height:1.6rem;}
.formMod .body ul li.con .infobox .bd{ font-size:1.1rem; color:#9c9c9c; line-height:1.7; padding:0.5rem 0;}
.formMod .body ul li.inp3{border-radius:0.2rem;border-radius:0.4rem; background:none;border:1px solid #e6e6e6; height:auto; position:relative; background:#fff; padding:0.3rem 3%; padding-right:1%; padding-left:3rem;}
.formMod .body ul li.inp3 i{ display:block; background:url(../image/ico8.png) no-repeat center center; width:1.6rem; height:1.75rem; background-size:100% 100%; position:absolute; left:1rem; top:0.6rem;}
.formMod .body ul li textarea{ height:4.55rem; border:none; color:#333;  font-size:1.3rem; line-height:1.55rem; outline:none;  border-radius:0.2rem; width:100%; outline:none;border-radius:0.4rem; background:none; padding-top:0.4rem; resize:none;}
.formMod .body ul li.xq-box{}
.formMod .body ul li.xq-box h3{background:url(../image/ico8.png) no-repeat 0.7rem center; background-size:1.6rem 1.75rem; padding-left:3rem; color:#2fb3f8; font-size:1.3remm; margin-bottom:0.6rem;}
.formMod .body ul li.xq-box textarea{ height:4.55rem; border:none; color:#333;  font-size:1.3rem; line-height:1.55rem; outline:none;  border-radius:0.2rem; width:93.8%; padding:1rem 3%; outline:none;border-radius:0.4rem; background:none; padding-top:1rem; resize:none; border:1px solid #e6e6e6; }

.formMod .body ul li.btns{ padding-top:0.5rem;}
.formMod .body ul li .btn{ height:3.5rem;  font-size:1.4rem; text-align:center; border-radius:0.3rem; text-align:center; border:none; cursor:pointer; background:#2bbbf7; color:#fff; display:block; width:100%;font-weight:100;}
.formMod .body ul li .btn:active{ background:#24addf;}

.input-cm{ background:url(../image/ico10.png) no-repeat center center; width:2.6rem 2.2rem; height:5rem; width:5rem; border:1px solid #e6e6e6;border-radius:0.4rem; position:relative;}
.input-cm input{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}

.article-wp{ margin:0 1.2rem; background:#fff;}

.hover{ opacity: .8; }

.flex-wrap{ display: -webkit-box;	display: -webkit-flex;	display: flex; }
.flex-con{     -webkit-box-flex: 1;     -webkit-flex: 1;    flex: 1;}
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}

.border-t,
.border-b{ position:relative;  }
.border-t:before,
.border-b:after{     content: '';     position: absolute;     left: 0;  top:0;     background: #ddd;   right:0;    height: 1px;     -webkit-transform: scaleY(0.5);             transform: scaleY(0.5);     -webkit-transform-origin: 0 0;             transform-origin: 0 0; }
.border-b:after{ top:auto; bottom:0;  }

#wrap{ height: 100%; }