@charset "utf-8";
/* CSS Document */
body{ background:#e7eeec;}
strong{ font:inherit;}

.little-banner{background:url(../../images/mobile/html5/qypx/banner_02.jpg) no-repeat center; background-size:cover; position:relative;}
.little-banner .btn-contant{ position:absolute; bottom:20%; width:100%; text-align:center;  }
.little-banner .btn-contant a{ width:30%; height:50px; line-height:50px;font-size:18px;border-radius:3px;display:inline-block;}
.little-banner .btn-contant a.a{color:#68b9ff; border:1px solid #68b9ff; }
.little-banner .btn-contant a.a:hover{background:#68b9ff; color:#fff;}

.center-title.supplier{ width:100%; text-align:center; height:90px;}
.center-title.supplier img{ display:inline-block;height:90px;}

.module-content{ padding:5%; width:90%; background:#fff; margin-left:5%;}
.module-content .top-title{position:relative; text-align:center; height:14px; line-height:24px;}
.module-content .top-title i.line{position:absolute; left:0px; bottom:0px; z-index:1; border-bottom:1px solid #e7e7e7; height:14px; width:100%; }
.module-content .top-title em{ padding:0 20px; background:#fff; position:relative; z-index:2; display:inline-block; color:#68b9ff;}

.part-content.one li{ border:1px solid #fbddd7; background:#fef7f6; padding:8% 5% 10%; width:100%; margin-bottom:5%; text-align:center;}
.part-content.one li strong{ color:#e77760; display:block;}
.part-content.one li strong em{ color:#666;}
.part-content.one li a{ width:32%; padding:5px 0; color:#fff; background:#e77760; display:inline-block; border-radius:3px; margin-top:15px;}

.part-content.two li{ border:1px solid #e1effb; background:#f3f7fb; padding:5% 5% 7%; margin-bottom:5%; width:47%; text-align:center;}
.part-content.two li strong{ color:#68b9ff; display:block; margin-bottom:3%;}
.part-content.two li p{ text-align:left; color:#666;}
.part-content.two li.a p{ height:115px;}
.part-content.two li.c p{ height:75px;}
.part-content.two li a{ width:90%; padding:5px 0; text-indent:1.5em;color:#fff; background:#68b9ff url(../../images/small_bg.png) no-repeat -3px -1707px;display:inline-block; border-radius:3px; margin-top:15px;}

.part-content.three li{ border:1px solid #e1effb; background:#f3f7fb; padding:5% 5% 7%; width:100%; margin-bottom:5%; text-align:center;}
.part-content.three li strong{ color:#68b9ff;  display:block; }
.part-content.three li p{color:#666;}

/*====招生合作=====*/
#module1{ background:#f3f6fb; width:100%;  overflow:hidden; padding-bottom:8%; }
/*====渠道合伙人=====*/
#module2{background:#e77760; overflow:hidden; padding-bottom:8%;}

.module-content .top-title-other{ text-align:center;}
.module-content .top-title-other i.num{ font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;color:#fff; width:60px; height:60px; line-height:60px; display:inline-block; background:#ff7659; border-radius:5px; margin-bottom:4%; }
.module-content .top-title-other em{ color:#e77760; display:block;margin-bottom:4%; }
.part-content.one li em{ color:#333;display:block;}

.part-content.one.other li{ border:1px solid #f1f1f1; background:#f9f9f9; padding:7% 5%; width:100%; text-align:center;}
.part-content.te{}
.part-content.te p{ width:80%;}
.part-content.te li{ border:1px solid #e7e7e7; box-shadow:2px 2px 3px #efebeb; background:#fff;margin-bottom:5%;  color:#666; padding:4% 5%; width:85%; margin-left:15%; position:relative;}
.part-content.te li.a{ height:170px;}
.part-content.te li.b{ height:105px;}
.part-content.te li.c{ height:145px;}
.part-content.te span.ico{ display:inline-block;  width:80px; height:80px; position:absolute; left:-20%; text-align:center;}
.part-content.te li.a span.ico{top:40px;  }
.part-content.te li.b span.ico{top:10px;  }
.part-content.te li.c span.ico{top:30px;  }
.part-content.te span.ico.a{background:url(../../images/mobile/html5/qypx/a.png) no-repeat; background-size:cover; }
.part-content.te span.ico.b{background:url(../../images/mobile/html5/qypx/b.png) no-repeat; background-size:cover;}
.part-content.te span.ico.c{background:url(../../images/mobile/html5/qypx/c.png) no-repeat; background-size:cover;}

.module-content .te-content{ width:100%;color:#666; margin-top:20px;}
.module-content .te-content p{ margin-bottom:8px;}
.module-content .te-content p i.num{ float:left; width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; background:#e77760; border-radius:50%; color:#fff;}
.module-content .te-content p em{ padding-left:40px; display:block;}
.module-content .te-content p.msg{ color:#999; text-align:center; margin:10px 0 0;}

@media screen and (min-width:300px) {
.little-banner .btn-contant{ position:absolute; bottom:20%; width:100%; }
.little-banner .btn-contant a{height:30px; line-height:30px; font-size:12px;}

.center-title.supplier,.center-title.supplier img{ height:55px;}

.part-content.two li.a p{ height:110px;}
.part-content.two li.c p{ height:85px;}

.part-content.te p{ width:80%;}
.module-content .top-title-other i.num{width:40px; height:40px; line-height:40px; }
.part-content.te li.a{ height:170px;}
.part-content.te li.b{ height:105px;}
.part-content.te li.c{ height:145px;}
.part-content.te span.ico{ width:80px; height:80px; }
.part-content.te li.a span.ico{top:40px;  }
.part-content.te li.b span.ico{top:10px;  }
.part-content.te li.c span.ico{top:30px;  }

.module-content .te-content p i.num{ width:24px; height:24px; line-height:24px; }
.module-content .te-content p em{ padding-left:34px; }

}
@media screen and (min-width:360px) {
.little-banner .btn-contant{ position:absolute; bottom:20%; width:100%; }
.little-banner .btn-contant a{height:35px; line-height:35px; font-size:14px;}

.center-title.supplier,.center-title.supplier img{ height:60px;}

.part-content.two li.a p{ height:110px;}
.part-content.two li.c p{ height:65px;}

.part-content.te p{ width:80%;}
.module-content .top-title-other i.num{width:50px; height:50px; line-height:50px; }
.part-content.te li.a{ height:150px;}
.part-content.te li.b{ height:105px;}
.part-content.te li.c{ height:125px;}
.part-content.te span.ico{ width:90px; height:90px; }
.part-content.te li.a span.ico{top:30px;  }
.part-content.te li.b span.ico{top:6px;  }
.part-content.te li.c span.ico{top:16px;  }

.module-content .te-content p i.num{ width:24px; height:24px; line-height:24px; }
.module-content .te-content p em{ padding-left:34px; }

}
@media screen and (min-width:375px) {
.little-banner .btn-contant{ position:absolute; bottom:18%; width:100%; }
.little-banner .btn-contant a{height:35px; line-height:35px; font-size:14px;}

.center-title.supplier,.center-title.supplier img{ height:65px;}

.part-content.two li.a p{ height:120px;}
.part-content.two li.c p{ height:95px;}

.part-content.te p{ width:80%;}
.module-content .top-title-other i.num{width:50px; height:50px; line-height:50px; }
.part-content.te li.a{ height:160px;}
.part-content.te li.b{ height:105px;}
.part-content.te li.c{ height:160px;}
.part-content.te span.ico{ width:90px; height:90px; }
.part-content.te li.a span.ico{top:35px;  }
.part-content.te li.b span.ico{top:6px;  }
.part-content.te li.c span.ico{top:33px;  }

.module-content .te-content p i.num{ width:26px; height:26px; line-height:26px; }
.module-content .te-content p em{ padding-left:36px; }
}
@media screen and (min-width:400px) {
.little-banner .btn-contant{ position:absolute; bottom:18%;  }
.little-banner .btn-contant a{height:35px; line-height:35px; font-size:14px;}

.center-title.supplier,.center-title.supplier img{ height:70px;}

.part-content.two li.a p{ height:120px;}
.part-content.two li.c p{ height:70px;}

.part-content.te p{ width:80%;}
.module-content .top-title-other i.num{width:55px; height:55px; line-height:55px; }
.part-content.te li.a{ height:160px;}
.part-content.te li.b{ height:105px;}
.part-content.te li.c{ height:135px;}
.part-content.te span.ico{ width:100px; height:100px; }
.part-content.te li.a span.ico{top:30px;  }
.part-content.te li.b span.ico{top:1px;  }
.part-content.te li.c span.ico{top:15px;  }

.module-content .te-content p i.num{ width:28px; height:28px; line-height:28px; }
.module-content .te-content p em{ padding-left:36px; }

}
@media screen and (min-width:480px) {
/*.wrapper{width:480px}*/
.little-banner .btn-contant{ position:absolute; bottom:18%;  }
.little-banner .btn-contant a{height:40px; line-height:40px; font-size:14px;}

.center-title.supplier,.center-title.supplier img{ height:75px;}

.part-content.two li.a p{ height:130px;}
.part-content.two li.c p{ height:80px;}

.part-content.te p{ width:80%;}
.module-content .top-title-other i.num{width:55px; height:55px; line-height:55px; }
.part-content.te li.a{ height:180px;}
.part-content.te li.b{ height:125px;}
.part-content.te li.c{ height:150px;}
.part-content.te span.ico{ width:110px; height:110px; }
.part-content.te li.a span.ico{top:35px;  }
.part-content.te li.b span.ico{top:7px;  }
.part-content.te li.c span.ico{top:18px;  }

.module-content .te-content p i.num{ width:28px; height:28px; line-height:28px; }
.module-content .te-content p em{ padding-left:36px; }

}
@media screen and (min-width:568px) {
/*.wrapper{width:568px}*/
.little-banner .btn-contant{ position:absolute; bottom:20%;  }
.little-banner .btn-contant a{height:45px; line-height:45px; font-size:16px;}

.center-title.supplier,.center-title.supplier img{ height:80px;}

.part-content.two li.a p{ height:110px;}
.part-content.two li.c p{ height:85px;}

/*.part-content.te li{ width:90%; margin-left:10%;}*/
.part-content.te p{ width:80%;}
.module-content .top-title-other i.num{width:60px; height:60px; line-height:60px; }
.part-content.te li.a{ height:180px;}
.part-content.te li.b{ height:125px;}
.part-content.te li.c{ height:155px;}
.part-content.te span.ico{ width:120px; height:120px; }
.part-content.te li.a span.ico{top:30px;  }
.part-content.te li.b span.ico{top:1px;  }
.part-content.te li.c span.ico{top:18px;  }

.module-content .te-content p i.num{ width:30px; height:30px; line-height:30px; }
.module-content .te-content p em{ padding-left:40px; }
}
@media screen and (min-width:638px) {
.little-banner .btn-contant{ position:absolute; bottom:20%;  }
.little-banner .btn-contant a{height:55px; line-height:55px; font-size:16px;}

.center-title.supplier,.center-title.supplier img{ height:90px;}

.part-content.two li.a p{ height:110px;}
.part-content.two li.c p{ height:85px;}

.part-content.te p{ width:90%;}
.module-content .top-title-other i.num{width:60px; height:60px; line-height:60px; }
.part-content.te li.a{ height:130px;}
.part-content.te li.b{ height:125px;}
.part-content.te li.c{ height:135px;}
.part-content.te span.ico{ width:120px; height:120px; }
.part-content.te li.a span.ico{top:5px;  }
.part-content.te li.b span.ico{top:1px;  }
.part-content.te li.c span.ico{top:5px;  }

.module-content .te-content p i.num{ width:30px; height:30px; line-height:30px; }
.module-content .te-content p em{ padding-left:40px; }
}