@charset "UTF-8";
/* CSS Document */
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
table{border-collapse: collapse;border-spacing: 0;}
img{border:0 none;padding:0;margin:0;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;overflow:hidden;height:100%;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left;display:inline-block;}
.fr{ float:right;display:inline-block;}
.pr{ position:relative;}
.abs{position:absolute;}
.mt100{margin-top:100px;}
.mt50{margin-top:50px;}
.mt20{margin-top:20px;}
.w1200{width:1200px;margin:0 auto;}
.w1000{width:1000px;margin:0 auto;}

.fl{float:left;}
.fr{float:right;}
.ml58{margin-left: 58px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}
.mr58{margin-right: 58px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.pr{position:relative;}
.abs{position:absolute;}

/*板块切换按钮*/
#menu{position:absolute;width:20px;right:10px;top:50%;}
#menu a{display:block;background:url("../images/btn-icon.png") no-repeat;width:13px;height:12px;margin:10px 0;}
#menu a.active{background-position:-13px 0;}


.head{height:84px;}
.head .logo{width:202px;height:56px;margin-top:12px;}
.head .kjdh{width:740px;}
.head ul{height:45px;margin-left:100px;margin-top:19px;text-align:center;width:500px;}
.head li{width:60px;float:left;line-height:35px;font-size: 14px;color:#666;background:url(../images/icon3.png) no-repeat top center;height:65px;margin-left:20px;}
.head li:hover{cursor:pointer;}
.head li:hover p{color:#1b883d;}
.head .li1{background-image:url(../images/icon3.png);}
.head .li1:hover{background-image:url(../images/icon33.png);}
.head .li2{background-image:url(../images/icon4.png);}
.head .li2:hover{background-image:url(../images/icon44.png);}
.head .li3{background-image:url(../images/icon5.png);}
.head .li3:hover{background-image:url(../images/icon55.png);}
.head .li4{background-image:url(../images/icon1.png);}
.head .li4:hover{background-image:url(../images/icon11.png);}
.head .li5{background-image:url(../images/icon2.png);}
.head .li5:hover{background-image:url(../images/icon22.png);}
.head .li6{background-image:url(../images/icon6.png);}
.head .li6:hover{background-image:url(../images/icon66.png);}
.head .li7{background-image:url(../images/icon7.png);}
.head .li7:hover{background-image:url(../images/icon77.png);}
.head .phone{width:137px;height:27px;background: url(../images/phone.png) no-repeat center 15px;padding-top:52px;text-align:center;color:#c00505;font-size: 14px;margin-top:0;font-family: Arial;}
.head li a{display:block;width:60px;height:45px;padding-top:20px;}



h3{line-height: 130px;height: 130px;font-size:62px;color:#498fff;font-weight: normal;position: relative;}
h3:after{display: block;content:"";width:130px;height:0;border-bottom:1px dashed #498fff;bottom:0;left:0;}

/*微信题库*/
/*section01*/
#section01{background:url("../images/set1-bg1.png") no-repeat center bottom;background-image:-webkit-linear-gradient(174deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-image:-moz-linear-gradient(174deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-image:-o-linear-gradient(174deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-image:linear-gradient(-84deg,#ea302e 0,#ea302e 0,#ff7761 100%);background-color:#d82723;}}
#section01 .jt{right:0;top:83px;z-index:2;width:32%;}

.phone{width:295px;height:500px;right:-615px;top:50%;margin-top:-320px;}
.phone .swiper{width:311px;height:609px;background:url("../images/set1-phone.png") no-repeat;}
.phone .bottom{width:410px;height:96px;}
.phone .bd{margin-left:24px;padding-top:16px;}
.phone .hd{top:495px;left:107px;}
.phone .hd ul li{display:inline-block;float:left;width:13px;height:12px;background:url("../images/set1-icon.png") no-repeat 0 0;cursor:pointer;margin:0 10px;}
.phone .hd ul li.on{background-position:-13px 0;}

#section01 .app{width:570px;left:-300px;top:50%;margin-top:-115px;opacity:0;}
#section01 .app .btn1{color:#fff;font-size: 32px;display:block;display:block;text-decoration: none;margin:30px 0 15px;font-weight: normal;}
#section01 .app .btn p{color:#fff;font-size:22px;line-height: 56px;}
#section01 .title{background:url("../images/set1-title.png") no-repeat;width:539px;height:144px;left:50px;top:0;z-index:1;margin-top:-280px;opacity: 0;}

#section01 .iphone em, #section01 .android em{display:inline-block;width:30px;height:30px;background:url(../images/ewm-ios.png) no-repeat;vertical-align: middle;margin-top:-6px;margin-right:8px;}
#section01 .android em{background-image:url(../images/ewm-android.png);margin-top:-3px;}
#section01 .ewm{display:inline-block;width:188px;height:140px;background:url("../images/ewm.png") no-repeat right center;padding-right:190px;padding-top:20px;bottom:-500px;left:50%;margin-left:-170px;margin-bottom:-190px;}
#section01 .ewm p{width:188px;height:58px;border-radius: 58px;border:1px solid #fff;text-align:center;line-height: 58px;font-size:24px;color:#fff;margin-bottom:22px;}

/*section02*/
.secTop{width:528px;top:-250px;opacity: 0;margin-top:-264px;right:70px;}
.secTop p{font-size:24px;line-height:36px;color:#7d829a;margin-top:16px;}

.secBottom{width:300px;padding-left:210px;padding-top:130px;background:url("../images/ewm-set2.png") no-repeat left center;margin-bottom:-275px;right:88px;bottom:-400px;opacity:0;}
.secBottom span{display: block;width:300px;height:60px;line-height:60px;text-align: center;border-radius: 60px;background:#6494fe;color:#f8faff;font-size:20px;}

#section02  .secLeft{background:url("../images/set2-02.png") no-repeat;width:446px;height:609px;left:-365px;top:50%;margin-top:-304px;opacity: 0;}


/*section03*/
#section03 .secTop{margin-top:-285px;left:90px;}

#section03 .secBottom{margin-bottom:-230px;left:90px;}

#section03 .list{width:208px;height:215px;box-shadow: 0 0 5px 4px rgba(155,161,175,.15);border-radius: 10px;text-align:center;}
#section03 .list img{display: block;width:51px;height:57px;padding-top:18px;margin:0 auto;}
#section03 .list h4{line-height: 56px;font-size:22px;line-height: 56px;}
#section03 .list p{font-size:18px;line-height: 24px;color:#7d829a;}

#section03 .list1{right:-200px;top:50%;margin-top:-230px;}
#section03 .list2{right:-200px;top:50%;margin-top:-230px;}
#section03 .list3{right:-200px;bottom:50%;margin-bottom:-230px;}
#section03 .list4{right:-200px;bottom:50%;margin-bottom:-230px;}


/*section04*/
#section04  .secTop{margin-top:-280px;right:70px;left:auto;}

#section04  .secBottom{margin-bottom:-230px;right:88px;}

#section04  .secLeft{background:url("../images/set4-02.png") no-repeat;width:446px;height:609px;left:-365px;top:50%;margin-top:-304px;opacity: 0;}


/*section05*/
#section05  .secTop{margin-top:-270px;left:90px;}

#section05  .secBottom{margin-bottom:-225px;left:90px;}

#section05  .secRight{background:url("../images/set5-02.png") no-repeat;width:480px;height:524px;right:-100px;top:50%;margin-top:-262px;opacity: 0;}


/*section06*/
#section06  .secTop{width:250px;height:250px;left:50%;margin-left:-125px;top:-400px;margin-top:-250px;opacity: 0;}
#section06  .secBottom{width:347px;height:98px;left:50%;margin-left:-173px;margin-bottom:-170px;background:none;padding:0;}
#section06  .secBottom p{line-height: 98px;border-radius: 98px;background:#6494fe;color:#fff;font-size:42px;text-align: center;}



/*footer1*/
.footer1{background:#333333;width:100%;height:106px;font-size:13px;color:#fff;position: absolute;bottom:0;}
.footer1 a{color:#fff;}
.footer1 p{width:1200px;margin:13px auto 0;text-align:center;}
.footer p:first-child {margin-top: 20px; }




/*微信题库使用流程*/
.sylc{width:1000px;margin:40px auto 60px;}
.sylc img{display:block;}
.section{*position:relative;}

/*footer*/
.footer{background:#333333;height:120px;overflow:hidden;font-size:13px;color:#fff;text-align: center;}
.footer p{width:1200px;margin:13px auto 0;}
.footer p:first-child{margin-top:20px;}
.footer p a{color:#fff;}