/* 初始样式 */
body{max-width:100%;overflow-x:hidden;background:#fff;color:#333;font:18px/36px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,select,textarea,th,td{margin:0;padding:0;}
img{border:none;max-width:100%;}
a{color:#333;text-decoration:none;}
a:hover{color:#e4393c;text-decoration:none;}
a,area{blr:expression(this.onFocus=this.blur());}
ul,ol,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;max-width:100%;}
input,:focus{outline:0;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;font-family:"Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif;}
input::focus-inner{padding:0;border:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;content:'';clear:both;}
.clearfix{zoom:1;}

/* 联动切换二维码 开始 */
.codeBox{box-sizing:border-box;width:540px;height: auto;padding: 142px 50px 10px;margin:30px auto;background:#fff url(../image/bg.png) no-repeat top;border-radius:10px;box-shadow:0 20px 25px rgba(0,0,72,.15);}
.list-div{margin-bottom:16px;}
.list-div label{display:block;float:left;width:70px;color:#1765c6;font-size:22px;line-height:44px;text-align:right;}
.list-div .selectBox{position:relative;display:block;float:left;width:370px;height:44px;cursor:default;}
.list-div .selectBox:after{position:absolute;right:15px;top:16px;content:" ";display:block;width:0;height:0;border-top:10px solid #233868;border-left:8px solid transparent;border-right:8px solid transparent;transition:all .3s;}
.list-div .selectBox.onSelect:after{transform:rotate(-180deg);}
.list-div .selectBox cite{display:block;width:100%;height:100%;box-sizing:border-box;background:#f8f8f8;border:1px solid #1678d4;border-radius:5px;font-size:18px;font-style:normal;line-height:42px;text-indent:.75em;transition:all .2s;}
.list-div .selectBox:hover cite{border-color:#5faff7;}
.list-div .selectBox ul{display:none;position:absolute;left:0;top:42px;box-sizing:border-box;cursor:default;width:100%;max-height:230px;overflow-y:auto;overflow-x:hidden;z-index:3;background:#fff;border:1px solid #5faff7;border-radius:5px;font-size:16px;line-height:32px;text-indent:.75em;}
.list-div .selectBox li:hover{background:#f8f8f8;}
.pic{position:relative;width:150px;height:150px;margin:0 auto;border:1px solid #ddd;}
.pic img{display:block;width:136px;height:136px;border:7px solid #fff;}
.pic .shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);}
.wxId{color:#1765c6;font-size:16px;line-height:30px;text-align:center;}

/* 联动切换二维码 end */
@media only all and (max-width:1200px){html{font-size:20px;}
body{width:18.75rem;font-size:.7rem;line-height:1.2rem;}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* 移动端联动切换二维码 开始 */
.codeBox{width: 17.5rem;height:auto;padding: 8rem .5rem .5rem;margin:2rem auto;background-size:contain;border-radius:.5rem;box-shadow:0 .25rem .75rem rgba(0,0,72,.15);}
.list-div{margin-bottom:.5rem;}
.list-div label{width:3rem;font-size:.85rem;line-height:2rem;}
.list-div .selectBox{width:12rem;height:2rem;}
.list-div .selectBox cite{border-width:.05rem;border-radius:.25rem;font-size:.6rem;line-height:1.9rem;}
.list-div .selectBox:after{right:.5rem;top:.8rem;border-top-width:.3rem;border-left-width:.25rem;border-right-width:.25rem;}
.list-div .selectBox ul{top:1.85rem;max-height:11rem;border-width:.05rem;border-radius:.25rem;font-size:.6rem;line-height:1.4rem;}
.pic{width:7.6rem;height:7.6rem;}
.pic img{width:7rem;height:7rem;border-width:.3rem;}
.wxId{font-size:.75rem;line-height:1.6rem;}

/* 移动端联动切换二维码 end */
}
.box1{margin-bottom: 10px;text-align:center;background-color:#fff;border-radius:5px;font-weight:800;opacity:0.9;padding-top: 10px;}
.box1 p{padding-bottom:10px;}
.green{color:green;}
 @media only all and (max-width:1200px){.box1{font-size:0.8rem;}
}