body,h1,h2,h3,h4,h5,p,ul,dl,ol,input,select,textarea,img { margin: 0; padding: 0; }
li { list-style: none; }
img { vertical-align: top; max-width: 100%; }
footer { background: #fff; }
a:hover,a:focus { text-decoration: none; }
body { font-family: "微软雅黑"; }

/*活动页头部样式*/
.bgf{background: #fff;}
.top{max-width:1000px;margin:auto;height:87px; background:#fff;padding-top: 5px;}
.lp-logo{width:241px;height:76px; background:url("https://img.acadsoc.com.cn/web/img/lp_b/lp_logo.jpg") no-repeat; float:left;}
.top_t{margin:30px 0 0 15px; font-size:14px; display:block; float:left;}
.Tel{float:right; font-size:35px;width:231px;height:41px;margin-top:18px; background:url("https://img.acadsoc.com.cn/web/img/lp_b/tel.jpg") no-repeat;}
#zxjxj:hover{background:#40d0a6}
.top_mb,.foot{display: none;text-align: center;}
@media (max-width: 704px){.Tel{display: none;}}
@media (max-width: 415px){.lp-logo{float: none; text-align: center;margin: 0 auto;} .mb-none, .top_t{display: none;}.modal-backdrop{display:none;}}

.w720 { max-width: 720px; margin: 0 auto; background:#fff; }
.container { width: 100%; }

.con { padding: 20px 15px; }
.con1 { padding-top: 0; }
.main-tit { width: 60%; margin: 0 auto; padding: 30px 0 0 0;}
.con h3 { color: #333; font-size: 30px; text-align: center; padding: 20px 0 20px; }
.con h3 span { color: #26c7a0; }
.con h4 { font-size: 16px; color: #fa5746; text-align: center; line-height: 1.5; border: 2px dashed #26c7a0; border-radius: 22px; padding: 5px 0; }

.form { padding: 0 20px; text-align: center; }
.form input { color: #939393; font-size: 16px; height: 50px; border: 1px solid #9a9a9a; border-radius: 0; }
.form .get_num { margin-bottom: 10px; }
.form .get_num button { color: #34495e; font-size: 14px; }
.form .get_num button span { text-decoration: underline;   }
.form .get_num img { height: 16px; vertical-align: middle; }
.form .btn-cy { width:100%; color: #fff; font-size: 24px; background: #26c7a0; text-shadow: 0 1px 0 rgba(1,97,74,0.5); border: none; border-radius: 40px; padding: 12px; margin-top: 10px; outline: none; }
.form .btn-cy:focus,.form .btn-cy:hover { color: #fff; outline: none; }

.step { padding-top: 20px; }
.step .tit { width: 40%; margin: 0 auto; }
.step ul { border: 3px solid #26c7a0; margin-top: -1px; text-align: center; padding: 5px 4px; }
.step li { border-bottom: 2px solid #b3b3b3; padding: 15px 0; }
.step li:after { display: block; content: ''; clear: both; }
.step li>div { padding: 0; }
.step li p { font-size: 14px; color: #333; line-height: 1.7; text-align: left; padding-top: 10px; padding-left: 15px; }
.step-num { width: 60%; padding-left: 8px; }
.step .code img { width: 60%; }
.step .code p { text-align: center; }
.con2 .step2 .step-r { text-align: left; }
.con2 .step2 .step-r img { width: 85%; }
.con2 .step .step3 { border-bottom: none; }
.con2 .step3 p { margin-left: -40px; }

.con3 .step p { clear: both; font-size: 16px; }
.con3 .step1 p { font-size: 14px; }
.con3 .step span { color: #fa5746; }
.con3 .step em { color: #26c7a0; font-style: normal; }
.con3 .step .step4 { border-bottom: none; }
.con3 .step4 p { margin-left: -60px; }


#link { width: 80%; resize: none; color: #333333; font-size: 20px; line-height: 1.6; border: none; text-align: center; font-weight: bold; outline: none; }
.copy-text { position: relative; text-align: center; }
.copy-text i { position: absolute; display: inline-block; top: 4px; width: 16px; }
.kuohao-l { left: 5%; }
.kuohao-r { right: 5%; }
.btn-mcopy { display: none; }
.fuzhi { background: #ec6941; color: #fff; font-size: 20px; padding: 12px 15%; box-shadow: 0 3px 0 #958c8c; border: none; margin: 20px 0; }

.regular { font-size: 14px; color: #545252;  line-height: 1.6; background: #eff5f5; padding: 20px; }
.regular span { font-size: 18px; color: #fa5746; }

@media(max-width: 380px){
    .con h3 { font-size: 24px; }
    .con h4 { font-size: 14px; }
    .step li p { font-size: 12px; }
    .con3 .step p { font-size: 14px; }
    .con3 .step1 p { font-size: 12px; }
    .regular { font-size: 12px; }
    .form .get_num button { padding:0; }
}
@media(max-width: 360px){
    .form .get_num button { font-size: 12px; }
    .regular { padding: 15px; }
    #link { font-size:18px; }
    .copy-text i { width:15px; top:0; }
}
@media(max-width: 320px){
    .con h4 { font-size: 12px; }
    .con .step li p { font-size: 12px; padding-left: 4px; }
    .con2 .step2 p br { display: none; }
    .con2 .step2 .step-r { text-align: center; }
    #link { font-size: 16px; }
    .copy-text i { width: 14px; }
    .con4 { padding: 20px 10px; }
    .regular { padding: 5px; }
    .form { padding: 0 10px; }
}