@charset "utf-8";
/* CSS Document */
.wrapper{ max-width:640px; min-width:320px;margin:0 auto; }
.little-banner{ width:100%; height:360px;}
.center-title{ width:100%; text-align:center; height:60px;}
.center-title img{ display:inline-block;height:60px;}
.nav-meng{ position:fixed; height:100%; width:100%; background:rgba(0,0,0,0); display:none; z-index:10001;}


.header-box{ padding:5px 5%; height:80px; background:#fff; position:relative; z-index:10002;}
.header-box a.logo{ background:url(../../images/mobile/login_all_03.png) no-repeat; background-size:cover; width:253px; height:65px; margin-top:3px; text-indent:-9999px; display:block;}
.tp-bullets.simplebullets.round .bullet{ z-index:99;}

/*登录头部*/
.header-box.blue{ background:#32a8f5; }
.header-box.blue a.black{ background:url(../../images/mobile/back_w.png) no-repeat left center; width:6%; height:70px;}
.header-box.blue em.title{ color:#fff; text-align:center; width:88%; line-height:65px; font-size:36px; display:block;}
.header-box.blue .nav-box{ width:6%;}
.header-box.blue .nav-box .nav-bg{background:url(../../images/mobile/nav_w_06.png) no-repeat center; }

.persom-img{ margin-right:30px; width:65px; height:65px;}
.persom-img img{width:65px; height:65px; border-radius:50%;}

.nav-box{z-index:10002;}
.nav-box .nav-bg{ width:30px; height:70px; display:block; background:url(../../images/mobile/nav_06.png) no-repeat center;}
.nav-box .nav-list{ position:absolute; left:0px; top:80px; z-index:10002; display:none; background:url(../../images/mobile/nav_bg.png) repeat-x left top; height:230px; width:100%;}
.nav-box .nav-list.on{ display:block; }
.nav-box .nav-list a{ width:20%; display:inline-block; height:130px; margin-top:50px;  text-align:center; float:left; color:#444;}
.nav-box .nav-list a em{ display:block; font-size:18px; margin-top:5px;}
.nav-box .nav-list a img{ width:80%;}

.same .module-title{ background:url(../../images/mobile/title_bg.png) no-repeat center bottom; width:90%; margin-left:5%; font-size:30px; text-align:center; padding:40px 0 20px 0;}
.module-title.img{width:90%; margin-left:5%; font-size:30px; text-align:center; padding:40px 0 20px 0;}
.module-title.img img{ height:50px;}


.index-little-banner,.moudle-btn{width:90%; margin-left:5%;}
.moudle-btn{ margin:5% 0 10% 5%;}
.moudle-btn a{ background:#32a8f5; border-radius:3px; color:#fff; height:60px; line-height:60px; text-align:center; display:block; font-size:18px;}


/*公用当前位置面包屑*/
.public h2{ border-bottom:1px solid #e8ecef; height:47px; margin-top:5%;}
.public h2 strong{border-bottom:2px solid #32a8f5; font-size:24px; height:46px; line-height:39px; font-weight:500; }
.public h2 span{ margin-top:15px;}
.public h2 span a{ font-size:16px; color:#999; vertical-align:middle;}
.public h2 span em{ line-height:24px; margin-right:5px;}
.public h2 span a:hover{ color:#32a8f5;}
.public h2 span a:hover i.jian{background:#32a8f5 url(../../images/small_bg.png) no-repeat -5px -17px;}
.public h2 span i.jian{ width:12px; height:12px; background:#bababa url(../../images/small_bg.png) no-repeat -5px -17px; border-radius:50%; margin-top:7px;}

/*合作伙伴*/
.links-box{ width:90%; margin-left:5%;}
#friendlink{ background:#f3f5f7; overflow:hidden; margin-top:10%; padding-bottom:5%;}
#friendlink .links{ margin-top:10px;}
#friendlink .links a{ color:#999; margin-right:15px; font-size:18px; display:inline-block; line-height:32px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#friendlink .links a:hover{ color:#32a8f5; }

.footer-box{ background:#171c25; overflow:hidden;font-size:16px; text-align:center;  }
.footer-box .code-list{margin-top:5%;}
.footer-box .code-list span{ width:108px; display:inline-block; }
.footer-box .code-list span.app{ margin-right:5%; }
.footer-box .code-list span em{ color:#686e78; margin-top:2%; display:block;}

.footer-box .copyright{ border-top:1px solid #1f252f; height:65px; line-height:65px; color:#444e5e; margin-top:3%;}

@media screen and (min-width:300px) {
.header-box{ height:55px; }
.header-box a.logo{width:200px; height:51px; }
.header-box.blue a.black{ background-size:70%; height:45px;}
.header-box.blue em.title{line-height:43px; font-size:18px; width:84%;}
.header-box.blue .nav-box{ width:10%;}

.persom-img{ margin-right:10px; width:40px; height:40px; margin-top:8px;}
.persom-img img{width:40px; height:40px;}

.little-banner{height:180px;}
.center-title,.center-title img{ height:30px;}

.nav-box .nav-bg{ height:55px;}
.nav-box .nav-list{top:65px; height:180px; }
.nav-box .nav-list a{height:85px; margin-top:50px; }
.nav-box .nav-list a em{ font-size:14px;}
.nav-box .nav-list a img{ width:70%;}

.same .module-title,.module-title.img{font-size:20px; padding:30px 0 20px 0;}
.module-title.img img{ height:40px;}

.moudle-btn a{ height:45px; line-height:45px; font-size:14px;}

.public h2{ height:42px; }
.public h2 strong{ font-size:16px; height:40px; line-height:37px; }
.public h2 span{ margin-top:15px;}
.public h2 span a{ font-size:14px;}
.public h2 span em{ line-height:24px;}


#friendlink .links a{ font-size:12px;  line-height:22px;}

.footer-box{font-size:12px;  }
.footer-box .code-list span{ width:80px;  }
.footer-box .copyright{ height:50px; line-height:50px; }
}
@media screen and (min-width:360px) {
.header-box{ height:60px; }
.header-box a.logo{width:210px; height:54px; }
.header-box.blue a.black{ background-size:70%; height:50px;}
.header-box.blue em.title{line-height:50px; font-size:20px; width:84%;}
.header-box.blue .nav-box{ width:10%;}

.persom-img{ margin-right:10px; width:45px; height:45px;margin-top:8px;}
.persom-img img{width:45px; height:45px;}

.little-banner{height:203px;}
.center-title,.center-title img{ height:34px;}

.nav-box .nav-bg{ height:60px;}
.nav-box .nav-list{top:70px; height:205px; }
.nav-box .nav-list a{height:100px; margin-top:50px; }
.nav-box .nav-list a em{ font-size:14px;}
.nav-box .nav-list a img{ width:70%;}

.same .module-title,.module-title.img{font-size:20px; padding:30px 0 20px 0;}
.module-title.img img{ height:40px;}

.moudle-btn a{ height:45px; line-height:45px; font-size:14px;}

.public h2{ height:42px; }
.public h2 strong{ font-size:16px; height:40px; line-height:37px; }
.public h2 span{ margin-top:15px;}
.public h2 span a{ font-size:14px;}
.public h2 span em{ line-height:24px;}


#friendlink .links a{ font-size:14px;  line-height:24px;}

.footer-box{font-size:14px;  }
.footer-box .code-list span{ width:85px;  }
.footer-box .copyright{ height:55px; line-height:55px; }
	
}
@media screen and (min-width:375px) {
.header-box{ height:65px; }
.header-box a.logo{width:210px; height:49px; }
.header-box.blue a.black{ background-size:70%; height:55px;}
.header-box.blue em.title{line-height:55px; font-size:22px; width:84%;}
.header-box.blue .nav-box{ width:10%;}

.persom-img{ margin-right:10px; width:50px; height:50px;margin-top:5px;}
.persom-img img{width:50px; height:50px;}

.little-banner{height:211px;}
.center-title,.center-title img{ height:35px;}

.nav-box .nav-bg{ height:60px;}
.nav-box .nav-list{top:70px; height:212px; }
.nav-box .nav-list a{height:100px; margin-top:50px; }
.nav-box .nav-list a em{ font-size:14px;}
.nav-box .nav-list a img{ width:70%;}

.same .module-title,.module-title.img{font-size:22px; padding:35px 0 20px 0;}
.module-title.img img{ height:40px;}

.moudle-btn a{ height:45px; line-height:45px; font-size:14px;}
.module-title.img img{ height:45px;}

.public h2{ height:47px; }
.public h2 strong{ font-size:18px; height:46px; line-height:37px; }
.public h2 span{ margin-top:15px;}
.public h2 span a{ font-size:14px;}
.public h2 span em{ line-height:24px;}


#friendlink .links a{ font-size:14px;  line-height:24px;}

.footer-box{font-size:14px;  }
.footer-box .code-list span{ width:90px;  }
.footer-box .copyright{ height:60px; line-height:60px; }
}
@media screen and (min-width:400px) {
.header-box{ height:70px; }
.header-box a.logo{width:220px; height:52px; }
.header-box.blue a.black{ background-size:70%; height:57px;}
.header-box.blue em.title{line-height:55px; font-size:24px; width:84%;}
.header-box.blue .nav-box{ width:10%;}

.persom-img{ margin-right:15px; width:55px; height:55px;margin-top:7px;}
.persom-img img{width:55px; height:55px;}

.little-banner{height:233px;}
.center-title,.center-title img{ height:38px;}

.nav-box .nav-bg{ height:65px;}
.nav-box .nav-list{top:75px; height:235px; }
.nav-box .nav-list a{height:130px; margin-top:50px; }
.nav-box .nav-list a em{ font-size:16px;}
.nav-box .nav-list a img{ width:70%;}

.same .module-title,.module-title.img{font-size:24px; padding:40px 0 20px 0;}
.module-title.img img{ height:45px;}

.moudle-btn a{ height:50px; line-height:50px; font-size:14px;}

.public h2{ height:47px; }
.public h2 strong{ font-size:20px; height:46px; line-height:37px; }
.public h2 span{ margin-top:15px;}
.public h2 span a{ font-size:14px;}
.public h2 span em{ line-height:24px;}


#friendlink .links a{ font-size:14px;  line-height:24px;}

.footer-box{font-size:14px;  }
.footer-box .code-list span{ width:100px;  }
.footer-box .copyright{ height:60px; line-height:60px; }
}
@media screen and (min-width:480px) {
.header-box{ height:75px; }
.header-box a.logo{width:233px; height:60px; }
.header-box.blue a.black{ background-size:70%; height:60px;}
.header-box.blue em.title{line-height:60px; font-size:32px; width:84%;}
.header-box.blue .nav-box{ width:10%;}

.persom-img{ margin-right:20px; width:60px; height:60px;margin-top:5px;}
.persom-img img{width:60px; height:60px;}

.little-banner{height:270px;}
.center-title,.center-title img{ height:45px;}

.nav-box .nav-bg{ height:65px;}
.nav-box .nav-list{top:75px; height:235px; }
.nav-box .nav-list a{height:130px; margin-top:50px; }
.nav-box .nav-list a em{ font-size:18px;}
.nav-box .nav-list a img{ width:70%;}

.same .module-title,.module-title.img{font-size:26px; padding:40px 0 20px 0;}

.moudle-btn a{ height:55px; line-height:55px; font-size:18px;}
.module-title.img img{ height:45px;}

.public h2{ height:47px; }
.public h2 strong{ font-size:20px; height:46px; line-height:37px; }
.public h2 span{ margin-top:15px;}
.public h2 span a{ font-size:14px;}
.public h2 span em{ line-height:24px;}


#friendlink .links a{ font-size:16px;  line-height:32px;}

.footer-box{font-size:16px;  }
.footer-box .code-list span{ width:108px;  }
.footer-box .copyright{ height:65px; line-height:65px; }
}
@media screen and (min-width:568px) {
.header-box{ height:80px; }
.header-box a.logo{width:253px; height:65px; }
.header-box.blue a.black{ background-size:75%; height:65px;}
.header-box.blue em.title{line-height:60px; font-size:34px; width:84%;}
.header-box.blue .nav-box{ width:10%;}

.persom-img{ margin-right:25px; width:60px; height:60px;margin-top:5px;}
.persom-img img{width:60px; height:60px;}

.little-banner{height:320px;}
.center-title,.center-title img{ height:45px;}

.nav-box .nav-bg{ height:70px;}
.nav-box .nav-list{top:80px; height:230px; }
.nav-box .nav-list a{height:130px; margin-top:50px; }
.nav-box .nav-list a em{ font-size:18px;}
.nav-box .nav-list a img{ width:60%;}

.same .module-title,.module-title.img{font-size:26px; padding:40px 0 20px 0;}

.moudle-btn a{ height:60px; line-height:60px; font-size:18px;}
.module-title.img img{ height:50px;}

.public h2{ height:47px; }
.public h2 strong{ font-size:22px; height:46px; line-height:39px; }
.public h2 span{ margin-top:15px;}
.public h2 span a{ font-size:16px;}
.public h2 span em{ line-height:24px;}

#friendlink .links a{ font-size:16px;  line-height:32px;}

.footer-box{font-size:16px;  }
.footer-box .code-list span{ width:108px;  }
.footer-box .copyright{ height:65px; line-height:65px; }
	
}
@media screen and (min-width:638px) {
.header-box{ height:80px; }
.header-box a.logo{width:253px; height:65px; }
.header-box.blue a.black{ background-size:75%; height:65px;}
.header-box.blue em.title{line-height:65px; font-size:36px; width:84%;}
.header-box.blue .nav-box{ width:10%;}

.persom-img{ margin-right:30px; width:65px; height:65px;margin-top:5px;}
.persom-img img{width:65px; height:65px; border-radius:50%;}

.little-banner{height:360px;}
.center-title,.center-title img{ height:60px;}

.nav-box .nav-bg{ height:70px;}
.nav-box .nav-list{top:80px; height:230px; }
.nav-box .nav-list a{height:130px; margin-top:50px; }
.nav-box .nav-list a em{ font-size:18px;}
.nav-box .nav-list a img{ width:60%;}

.same .module-title,.module-title.img{font-size:30px; padding:40px 0 20px 0;}
.module-title.img img{ height:50px;}

.moudle-btn a{ height:60px; line-height:60px; font-size:18px;}

.public h2{ height:47px; }
.public h2 strong{ font-size:24px; height:46px; line-height:39px; }
.public h2 span{ margin-top:15px;}
.public h2 span a{ font-size:16px;}
.public h2 span em{ line-height:24px; }


#friendlink .links a{ font-size:18px;  line-height:32px;}
.module-title.img img{ height:50px;}

.footer-box{font-size:16px;  }
.footer-box .code-list span{ width:108px;  }
.footer-box .copyright{ height:65px; line-height:65px; }
}