@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal}
ol,ul { list-style:none}
caption,th { text-align:left}
q:before,q:after { content:''}
abbr,acronym { border:0}
p{word-wrap:break-word;}


body,html{ background-color:#ffffff; min-height:100%;}

/*公共*/
.clr{zoom:1;}/*不用添加多余标签清除浮动*/
.clr:after{display:block;content:"\0020";height:0;clear:both;visibility:hidden;}
.none{ display: none; }
.w{ width: 100%; }
.fl{ float: left; }
.tc{ text-align: center; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }




/*A-level官网pc端*/
.pc-container{ width: 100%; min-width: 1200px; margin: 0 auto; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.pc-container a{text-decoration:none; outline:none; color: #333;}

.pc-alevel-banner{ width: 100%; height: 640px; background: url(../img/pc-banner.jpg) no-repeat; background-position: center center; position: relative; }
.pc-alevel-banner a{ width: 310px; height: 70px; border-radius: 35px; display: block; background: #ff6000; color: #fff; line-height: 70px; text-align: center; font-size: 40px; position: absolute; top: 512px; left: 50%; margin-left: -600px;transition: all 0.3s ease 0s; }
.pc-alevel-banner a:hover{ background: #e85800; }
.pc-alevel-class{ width: 100%; margin-top: 70px; }
.pc-alevel-class h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; }
.pc-alevel-class ul{ width: 1200px; margin: 40px auto 80px auto; }
.pc-alevel-class ul li{ width: 380px; height: 366px; float: left; margin-left: 30px; background: #fff;border-radius: 8px; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); overflow: hidden; }
.pc-alevel-class ul li:first-child{ margin-left: 0; }
.pc-alevel-class ul li .img{ width: 100%; height: 233px; }
.pc-alevel-class ul li .img img{ width: 100%; height: 100%; vertical-align: middle; }
.pc-alevel-class ul li h3{ width: 100%; font-size: 30px; line-height: 30px; font-weight: bold; text-align: center; margin-top: 30px; }
.pc-alevel-class ul li p{ width: 100%; text-align: center; font-size: 24px; color: #666; margin-top: 8px; }
.pc-alevel-youshi{ width: 100%; height: 700px; background: url(../img/pc-youshiBg.jpg) no-repeat; background-position: center center; position: relative;  }
.pc-alevel-youshi h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; padding-top: 80px; color: #fff; }
.pc-alevel-youshi ul{ width: 1200px; margin: 40px auto 60px auto; }
.pc-alevel-youshi ul li{ width: 280px; height: 328px; float: left; margin-left: 26px; background: #fff;border-radius: 8px; text-align: center; }
.pc-alevel-youshi ul li:first-child{ margin-left: 0; }
.pc-alevel-youshi ul li .icon{ width: 126px; height: 126px; margin: 25px auto 0 auto; border-radius: 50%; border: 2px solid #3C87FF;display: flex;align-items: center;justify-content: center; }
.pc-alevel-youshi ul li .icon img{  vertical-align: top; }
.pc-alevel-youshi ul li h3{ width: 100%; text-align: center; margin-top: 15px; font-size: 24px;font-weight: bold; }
.pc-alevel-youshi ul li p{ width: 100%; padding: 5px 24px 0 24px; box-sizing: border-box; line-height: 150%; font-size: 18px; color: #666666; }
.pc-alevel-youshi .btn{ width: 100%; text-align: center; }
.pc-alevel-youshi .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 24px;transition: all 0.3s ease 0s;}
.pc-alevel-youshi .btn a:hover{ background: #e85800; }
.pc-alevel-student{width: 100%; padding: 80px 0; background: url(../img/student-bg.jpg) no-repeat; background-position: center center; position: relative; }
.pc-alevel-student h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-alevel-student h2:before{ content: ''; width: 60px; height: 4px; border-radius: 2px; background: #3C87FF; position: absolute;  top: 60px; left: 50%; margin-left: -30px; }
.pc-alevel-student >p{ width: 100%; font-size: 24px; color: #666; text-align: center; margin-top: 20px; }
.pc-alevel-student .mainBox{width: 1200px; margin: 40px auto 0 auto;}
.pc-alevel-student .mainBox .img{ width: 460px; float: left; }
.pc-alevel-student .mainBox .img img{ width: 100%; vertical-align: top; }
.pc-alevel-student .mainBox ul{ width: 680px; float: right; }
.pc-alevel-student .mainBox ul li{ width: 100%; margin-top: 15px; padding-bottom: 15px;display: flex;align-items: center;justify-content: center; }
.pc-alevel-student .mainBox ul .text{ margin-left: 40px; font-size: 24px; color: #666; line-height: 150%; }
.pc-alevel-student .btn{ width: 100%; text-align: center; margin-top: 40px; }
.pc-alevel-student .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 24px;transition: all 0.3s ease 0s;}
.pc-alevel-student .btn a:hover{ background: #e85800; }
.pc-alevel-introduce{width: 100%; padding: 80px 0;}
.pc-alevel-introduce h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-alevel-introduce h2:before{ content: ''; width: 60px; height: 4px; border-radius: 2px; background: #3C87FF; position: absolute;  top: 60px; left: 50%; margin-left: -30px; }
.pc-alevel-introduce >p{ width: 100%; font-size: 24px; color: #666; text-align: center; margin-top: 20px; }
.pc-alevel-introduce .mainBox{width: 1200px; margin: 40px auto 0 auto;}
.pc-alevel-introduce .mainBox table{ color: #666; font-size: 24px; text-align: center; }
.pc-alevel-introduce .mainBox table tr td{ padding: 10px; }
.pc-alevel-introduce .mainBox table tr td:first-child{ color: #fff; font-size: 30px;background: #3C87FF; }
.pc-alevel-introduce .mainBox p{ color: #999; font-size: 18px; text-align: center; margin-top: 20px; }
.pc-alevel-introduce .mainBox p span{ color: red; }
.pc-alevel-setup{width: 100%; padding: 80px 0; background: #f2f2f2;}
.pc-alevel-setup h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; }
.pc-alevel-setup ul{ width: 1200px; margin: 40px auto 0 auto; }
.pc-alevel-setup ul li{ width: 285px; float: left; margin-left: 20px; }
.pc-alevel-setup ul li:first-child{ margin-left: 0; }
.pc-alevel-setup ul li .img{ width: 100%; height: 210px; position: relative; }
.pc-alevel-setup ul li .img img{ width: 100%; vertical-align: top; }
.pc-alevel-setup ul li .img h3{ width:calc(100% - 2px); text-align: center; height: 60px; line-height: 60px; font-size: 24px; background: rgba(255,255,255,.6); position: absolute; bottom: 0; left: 1px; }
.pc-alevel-setup ul li .text{ width: 100%; height: 175px; padding: 0 10px 10px 12px; box-sizing: border-box; border: solid 1px #3d88ff; border-top: none; background: #fff; }
.pc-alevel-setup ul li .text h4{ padding: 1px 3px; display: inline-block; margin-top: 10px; margin-bottom: 5px; background: #3d88ff; color: #fff; border-radius: 6px; }
.pc-alevel-setup ul li .text p{ font-size: 15px; }
.pc-alevel-setup .btn{ width: 100%; text-align: center; margin-top: 40px; }
.pc-alevel-setup .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 24px;transition: all 0.3s ease 0s;}
.pc-alevel-setup .btn a:hover{ background: #e85800; }
.pc-alevel-beikao{width: 100%; padding: 80px 0; background: url(../img/student-bg.jpg) no-repeat; background-position: center center; position: relative; }
.pc-alevel-beikao h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-alevel-beikao h2:before{ content: ''; width: 60px; height: 4px; border-radius: 2px; background: #3C87FF; position: absolute;  top: 60px; left: 50%; margin-left: -30px; }
.pc-alevel-beikao >p{ width: 100%; font-size: 24px; color: #666; text-align: center; margin-top: 20px; }
.pc-alevel-beikao ul{ width: 1200px; margin: 0 auto 0 auto; padding-top: 10px; }
.pc-alevel-beikao ul li{ width: 380px; height: 190px; float: left; margin-left: 30px; margin-top: 30px; padding: 20px 0 0 20px; box-sizing: border-box; }
.pc-alevel-beikao ul li:nth-child(3n+1){ margin-left: 0; }
.pc-alevel-beikao ul li:nth-child(1){ background: url(../img/beikao-img1.png) no-repeat; background-size: 100% 100%; }
.pc-alevel-beikao ul li:nth-child(2){ background: url(../img/beikao-img2.png) no-repeat; background-size: 100% 100%; }
.pc-alevel-beikao ul li:nth-child(3){ background: url(../img/beikao-img3.png) no-repeat; background-size: 100% 100%; }
.pc-alevel-beikao ul li:nth-child(4){ background: url(../img/beikao-img4.png) no-repeat; background-size: 100% 100%; }
.pc-alevel-beikao ul li:nth-child(5){ background: url(../img/beikao-img5.png) no-repeat; background-size: 100% 100%; }
.pc-alevel-beikao ul li:nth-child(6){ background: url(../img/beikao-img6.png) no-repeat; background-size: 100% 100%; }
.pc-alevel-beikao ul li h3{ font-size: 24px; font-weight: bold; }
.pc-alevel-beikao ul li p{ width: 50%; margin-top: 15px; font-size: 18px; color: #666; line-height: 150%; }
.pc-alevel-beikao .btn{ width: 100%; text-align: center; margin-top: 40px; }
.pc-alevel-beikao .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 24px;transition: all 0.3s ease 0s;}
.pc-alevel-beikao .btn a:hover{ background: #e85800; }
.pc-alevel-beikao .btn a:last-child{ background: #3C87FF; margin-left: 80px; }
.pc-alevel-beikao .btn a:last-child:hover{ background: #1568eb; }
.pc-alevel-news{ width: 100%; padding: 80px 0;  }
.pc-alevel-news h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; }
.pc-alevel-news ul{ width: 1200px; background: #fff; margin: 40px auto 0 auto; padding: 20px 30px; box-sizing: border-box; box-shadow: 0 0 14px rgba(0,0,0,.1); }
.pc-alevel-news ul li{ width: 46%; float: left; padding-top: 15px; margin-bottom: 15px; border-top: dashed 1px #999; line-height: 16px; }
.pc-alevel-news ul li:nth-child(2n){ float: right; }
.pc-alevel-news ul li:first-child,.pc-alevel-news ul li:nth-child(2){ border: none; }
.pc-alevel-news ul li .title{ width: 80%; float: left; position: relative; padding-left: 20px; box-sizing: border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.pc-alevel-news ul li .title:before{ content: ''; display: block; width: 8px; height: 8px; background:#3C87FF; position: absolute; left: 0; top: 4px;  }
.pc-alevel-news ul li .title a{ color: #333; font-size: 16px; }
.pc-alevel-news ul li .title a:hover{ color: #3C87FF; }
.pc-alevel-news ul li .times{ float: right; font-size: 13px; color: #999; text-align: right; }
.pc-alevel-news .btn{ width: 100%; text-align: center; margin-top: 40px; }
.pc-alevel-news .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 24px;transition: all 0.3s ease 0s;}
.pc-alevel-news .btn a:hover{ background: #e85800; }
.pc-alevel-info{ width: 100%; padding: 80px 0; background:#3C87FF;}
.pc-alevel-info .mainBox{ width: 1200px; margin: 0 auto; padding: 60px 0; background: #fff; }
.pc-alevel-info .mainBox h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-alevel-info .mainBox h2:before{ content: ''; width: 60px; height: 4px; border-radius: 2px; background: #3C87FF; position: absolute;  top: 60px; left: 50%; margin-left: -30px; }
.pc-alevel-info .mainBox >p{ width: 100%; font-size: 24px; color: #666; text-align: center; margin-top: 20px; }
.pc-alevel-info .inputBox{ width: 680px; margin: 0 auto; box-sizing: border-box;  }
.pc-alevel-info .inputBox span.title{ width: 180px; float: left; text-align: right; padding-right: 15px; box-sizing: border-box; line-height: 50px; font-size: 20px; }
.pc-alevel-info .inputBox span.title i{ color:#DB1816;  }
.pc-alevel-info .inputBox .inputText{ width: 500px; height: 50px; float: left; line-height: 50px; border-radius: 8px; border: solid 1px #cecece; background: #fff; box-sizing: border-box; text-align: center; font-size: 20px; text-align: left; padding-left: 25px; outline: none;}
.pc-alevel-info .inputBox .inputSelect{ position: relative; }
.pc-alevel-info .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.pc-alevel-info .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#666 transparent transparent transparent; position: absolute; right: 20px; top: 24px;}
.pc-alevel-info .SelectBox{ width: 500px; padding: 5px; box-sizing: border-box; background: #fff; position: absolute; top: 49px; right: 0; z-index: 99; border-radius:0 0 8px 8px; border: solid 1px #cecece; display: none;}
.pc-alevel-info .SelectBox a{ width: 49%; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: center; font-size: 18px; line-height: 30px;}
.pc-alevel-info .SelectBox a:hover{ background: #3C87FF; color: #fff; border-radius: 6px;}
.pc-alevel-info .inputBox .btn{width: 440px;height: 70px; border-radius: 35px; background: #FF6000; border: none; color: #fff; display: inline-block; text-align: center; font-size: 24px;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13);transition: all 0.3s ease 0s; }
.pc-alevel-info .inputBox .btn:hover{ background: #e85800; }



/*A-level官网手机移动端*/
.phone-container{ width: 100%; max-width: 750px; min-width: 360px; margin: 0 auto; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.phone-container a{text-decoration:none; outline:none; color: #333;}

.phone-alevel-banner{ width: 100%; }
.phone-alevel-banner img{ width: 100%; vertical-align: top; }
.phone-alevel-class{ width: 100%; margin-top: 30px; }
.phone-alevel-class h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; }
.phone-alevel-class ul{ width: 100%; margin: 20px auto 40px auto; text-align: center; }
.phone-alevel-class ul li{ width: 29%; display: inline-block; vertical-align: middle; margin-left: 2%; background: #fff;border-radius: 4px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); overflow: hidden; padding-bottom: 10px; }
.phone-alevel-class ul li:first-child{ margin-left: 0; }
.phone-alevel-class ul li .img{ width: 100%; }
.phone-alevel-class ul li .img img{ width: 100%; vertical-align: middle; }
.phone-alevel-class ul li h3{ width: 100%; font-size: 16px; line-height: 16px; font-weight: bold; text-align: center; margin-top: 15px; }
.phone-alevel-class ul li p{ width: 100%; text-align: center; font-size: 14px; color: #666; margin-top: 6px;transform: scale(0.85); }
.phone-alevel-youshi{ width: 100%; padding: 40px 0; background: url(../img/pc-youshiBg.jpg) no-repeat; background-position: center center; background-size: auto 100%; position: relative;  }
.phone-alevel-youshi h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; color: #fff; }
.phone-alevel-youshi ul{ width: 100%; }
.phone-alevel-youshi ul li{ width: 44%; height: 260px; float: left; margin-left: 4%; margin-top: 20px; background: #fff;border-radius: 4px; text-align: center; }
.phone-alevel-youshi ul li .icon{ width: 66px; height: 66px; margin: 20px auto 0 auto; border-radius: 50%; border: 2px solid #3C87FF;display: flex;align-items: center;justify-content: center; }
.phone-alevel-youshi ul li .icon img{ width: 50%;  vertical-align: top; }
.phone-alevel-youshi ul li:first-child .icon img{ width: 60%;  vertical-align: top; }
.phone-alevel-youshi ul li h3{ width: 100%; text-align: center; margin-top: 15px; font-size: 16px;font-weight: bold; }
.phone-alevel-youshi ul li p{ width: 100%; padding: 5px 12px 0 12px; box-sizing: border-box; line-height: 150%; font-size: 14px; color: #666666; }
.phone-alevel-youshi .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-alevel-youshi .btn a{width: 65%;height: 40px; border-radius: 20px; line-height: 40px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 16px;transition: all 0.3s ease 0s;}
.phone-alevel-youshi .btn a:hover{ background: #e85800; }
.phone-alevel-student{width: 100%; padding: 40px 0; background: url(../img/student-bg.jpg) no-repeat; background-position: center center; background-size: auto 100%; position: relative; }
.phone-alevel-student h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-alevel-student h2:before{ content: ''; width: 30px; height: 2px; border-radius: 2px; background: #3C87FF; position: absolute;  top: 28px; left: 50%; margin-left: -15px; }
.phone-alevel-student >p{ width: 100%; font-size: 13px; color: #666; text-align: center; margin-top: 10px; }
.phone-alevel-student .mainBox{width: 100%; margin: 20px auto 0 auto;}
.phone-alevel-student .mainBox .img{ width: 100%; text-align: center; }
.phone-alevel-student .mainBox .img img{ width: 92%; vertical-align: top; }
.phone-alevel-student .mainBox ul{ width: 100%; padding: 0 4%; box-sizing: border-box; }
.phone-alevel-student .mainBox ul li{ width: 100%; margin-top: 25px;display: flex;align-items: center;justify-content: center; }
.phone-alevel-student .mainBox ul li img{ width: 11%; }
.phone-alevel-student .mainBox ul .text{ margin-left: 20px; font-size: 14px; color: #666; line-height: 150%; }
.phone-alevel-student .btn{ width: 100%; text-align: center; margin-top: 40px; }
.phone-alevel-student .btn a{width: 65%;height: 40px; border-radius: 20px; line-height: 40px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 16px;transition: all 0.3s ease 0s;}
.phone-alevel-student .btn a:hover{ background: #e85800; }
.phone-alevel-introduce{width: 100%; padding: 40px 0;}
.phone-alevel-introduce h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-alevel-introduce h2:before{ content: ''; width: 30px; height: 2px; border-radius: 2px; background: #3C87FF; position: absolute;  top: 28px; left: 50%; margin-left: -15px; }
.phone-alevel-introduce >p{ width: 100%; font-size: 13px; color: #666; text-align: center; margin-top: 10px; }
.phone-alevel-introduce .mainBox{width: 100%; margin-top: 20px; padding: 0 4%; box-sizing: border-box;}
.phone-alevel-introduce .mainBox table{ color: #666; font-size: 14px; text-align: center; }
.phone-alevel-introduce .mainBox table tr td{ padding: 8px; }
.phone-alevel-introduce .mainBox table tr td:first-child{ color: #fff; font-size: 16px;background: #3C87FF; }
.phone-alevel-introduce .mainBox p{ color: #999; font-size: 13px; text-align: center; margin-top: 10px; }
.phone-alevel-introduce .mainBox p span{ color: red; }
.phone-alevel-setup{width: 100%; padding: 40px 0; background: #f2f2f2;}
.phone-alevel-setup h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; }
.phone-alevel-setup ul{ width: 100%; }
.phone-alevel-setup ul li{ width: 44%; float: left; margin-left: 4%; margin-top: 20px; }
.phone-alevel-setup ul li .img{ width: 100%; position: relative; }
.phone-alevel-setup ul li .img img{ width: 100%; vertical-align: top; }
.phone-alevel-setup ul li .img h3{ width:calc(100% - 2px); text-align: center; height: 40px; line-height: 40px; font-size: 16px; background: rgba(255,255,255,.6); position: absolute; bottom: 0; left: 1px; }
.phone-alevel-setup ul li .text{ width: 100%; height: 130px; padding: 0 5px 5px 6px; box-sizing: border-box; border: solid 1px #3d88ff; border-top: none; background: #fff; }
.phone-alevel-setup ul li .text p{ padding-top: 5px; font-size: 12px; }
.phone-alevel-setup ul li .text p span{ color: #3C87FF; font-weight: bold; }
.phone-alevel-setup .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-alevel-setup .btn a{width: 65%;height: 40px; border-radius: 20px; line-height: 40px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 16px;transition: all 0.3s ease 0s;}
.phone-alevel-setup .btn a:hover{ background: #e85800; }
.phone-alevel-beikao{width: 100%; padding: 40px 0; background: url(../img/student-bg.jpg) no-repeat; background-position: center center; background-size: auto 100%; position: relative; }
.phone-alevel-beikao h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-alevel-beikao h2:before{ content: ''; width: 30px; height: 2px; border-radius: 2px; background: #3C87FF; position: absolute;  top: 28px; left: 50%; margin-left: -15px; }
.phone-alevel-beikao >p{ width: 100%; font-size: 13px; color: #666; text-align: center; margin-top: 10px; }
.phone-alevel-beikao ul{ width: 100%; padding-top: 10px; }
.phone-alevel-beikao ul li{ width: 44%; height: 100px; float: left; margin-left: 4%; margin-top: 20px; padding: 10px 8px 0 10px; box-sizing: border-box; }
.phone-alevel-beikao ul li:nth-child(1){ background: url(../img/beikao-img1.png) no-repeat; background-size: 100% 100%; }
.phone-alevel-beikao ul li:nth-child(2){ background: url(../img/beikao-img2.png) no-repeat; background-size: 100% 100%; }
.phone-alevel-beikao ul li:nth-child(3){ background: url(../img/beikao-img3.png) no-repeat; background-size: 100% 100%; }
.phone-alevel-beikao ul li:nth-child(4){ background: url(../img/beikao-img4.png) no-repeat; background-size: 100% 100%; }
.phone-alevel-beikao ul li:nth-child(5){ background: url(../img/beikao-img5.png) no-repeat; background-size: 100% 100%; }
.phone-alevel-beikao ul li:nth-child(6){ background: url(../img/beikao-img6.png) no-repeat; background-size: 100% 100%; }
.phone-alevel-beikao ul li h3{ font-size: 16px; line-height: 20px; font-weight: bold; }
.phone-alevel-beikao ul li p{ width: 80%; font-size: 12px; color: #666; line-height: 130%;transform: scale(0.85); margin-left: -6% }
.phone-alevel-beikao .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-alevel-beikao .btn a{width: 40%;height: 35px; border-radius: 17px; line-height: 35px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 14px;transition: all 0.3s ease 0s;}
.phone-alevel-beikao .btn a:hover{ background: #e85800; }
.phone-alevel-beikao .btn a:last-child{ background: #3C87FF; margin-left: 30px; }
.phone-alevel-beikao .btn a:last-child:hover{ background: #1568eb; }
.phone-alevel-news{ width: 100%; padding: 40px 0;  }
.phone-alevel-news h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; }
.phone-alevel-news ul{ width: 88%; background: #fff; margin: 20px auto 0 auto; padding: 10px 15px; box-sizing: border-box; box-shadow: 0 0 14px rgba(0,0,0,.1); }
.phone-alevel-news ul li{ width: 100%; padding-top: 8px; margin-bottom: 8px; border-top: dashed 1px #cecece; line-height: 16px; }
.phone-alevel-news ul li:first-child{ border: none; }
.phone-alevel-news ul li .title{ width: 70%; float: left; position: relative; padding-left: 14px; box-sizing: border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.phone-alevel-news ul li .title:before{ content: ''; display: block; width: 4px; height: 4px; background:#3C87FF; position: absolute; left: 0; top: 6px;  }
.phone-alevel-news ul li .title a{ color: #333; font-size: 13px; }
.phone-alevel-news ul li .title a:hover{ color: #3C87FF; }
.phone-alevel-news ul li .times{ float: right; font-size: 12px; color: #999; text-align: right; }
.phone-alevel-news .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-alevel-news .btn a{width: 65%;height: 40px; border-radius: 20px; line-height: 40px;background: #FF6000; display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 16px;transition: all 0.3s ease 0s;}
.phone-alevel-news .btn a:hover{ background: #e85800; }
.phone-alevel-info{ width: 100%; padding: 40px 0; background:#3C87FF;}
.phone-alevel-info .mainBox{ width: 88%; margin: 0 auto; padding: 30px 0; background: #fff; border-radius: 6px; }
.phone-alevel-info .mainBox h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-alevel-info .mainBox h2:before{ content: ''; width: 30px; height: 2px; border-radius: 2px; background: #3C87FF; position: absolute;  top: 28px; left: 50%; margin-left: -15px; }
.phone-alevel-info .mainBox >p{ width: 100%; font-size: 13px; color: #666; text-align: center; margin-top: 10px; }
.phone-alevel-info .inputBox{ width: 100%; margin: 0 auto; box-sizing: border-box;  }
.phone-alevel-info .inputBox span.title{ width: 40%; float: left; text-align: right; padding-right: 10px; box-sizing: border-box; line-height: 40px; font-size: 13px; }
.phone-alevel-info .inputBox span.title i{ color:#DB1816;  }
.phone-alevel-info .inputBox .inputText{ width: 54%; height: 40px; float: left; line-height: 40px; border-radius: 8px; border: solid 1px #cecece; background: #fff; box-sizing: border-box; text-align: center; font-size: 14px; text-align: left; padding-left: 15px; outline: none;}
.phone-alevel-info .inputBox .inputSelect{ position: relative; }
.phone-alevel-info .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.phone-alevel-info .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#666 transparent transparent transparent; position: absolute; right: 10%; top: 17px;}
.phone-alevel-info .SelectBox{ width: 54%; padding:0 5px 5px 5px; box-sizing: border-box; background: #fff; position: absolute; top: 39px; right: 6%; z-index: 99; border-radius:0 0 8px 8px; border: solid 1px #cecece; display: none;}
.phone-alevel-info .SelectBox a{ width: 48%; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: center; font-size: 13px; line-height: 20px;}
.phone-alevel-info .SelectBox a:hover{ background: #3C87FF; color: #fff; border-radius: 6px;}
.phone-alevel-info .inputBox .btn{width: 65%;height: 40px; border-radius: 20px; background: #FF6000; border: none; color: #fff; display: inline-block; text-align: center; font-size: 16px;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13);transition: all 0.3s ease 0s; }
.phone-alevel-info .inputBox .btn:hover{ background: #e85800; }

@media only screen and (min-width: 390px){
.phone-alevel-setup ul li .text{ height: 120px;}
}
@media only screen and (min-width: 414px){
.phone-alevel-setup ul li .text{ height: 105px;}
}