@charset "utf-8";
/* CSS Document */

body { max-width: 780px; margin: 0 auto; background-color:#f8fdff; font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif, "微软雅黑"; line-height: 1.6; color: #333; font-size: 16px; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 16px }
* { margin: 0; padding: 0 }
a:link {color: #333}; 
a:visited {color:#333;}
a:hover {color: #333;} 
a:active {color:#333;} 
img { max-width: 100%; width:100%; }
.img-content { background-color:#fafbff;box-shadow: 0 0 20px #adadad; width: 100%; padding: 0 0px; box-sizing: border-box; height: auto; overflow: hidden; }
.img-content .author a { color: #576b95; text-decoration: none; font-style: normal }
.title { margin-top: 30px; color: #333; font-size: 22px; line-height: 1.4; margin-bottom: 14px; }
.time { color: #999; }
.title2 { position: relative; padding: 4px 0 4px 0px; border-left: 5px solid #D82821; font-size: 16px; font-weight: bold; margin: 30px 0; }
.title2 span { padding-left: 12px; }
.triangle { position: absolute; top: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #D82821; }
.text-box1 { border: 1px solid #333; padding: 10px 20px; position: relative; margin-bottom: 10px; }
.slash { position: absolute; background-color: #fff; font-style: normal; }
.slash1 { right: 5%; top: -14px; }
.slash2 { left: 5%; bottom: -14px; }
.skew { width: auto; display: inline-block; text-align: center; margin: 0 auto; background: #fff; padding: 0 15px; font-style: normal; transform: skew(-16deg); background: linear-gradient(-65deg, transparent 12px, #fff 0), linear-gradient(10deg, transparent 10px, #D82821 0); border: 1px solid #D82821; font-weight: bold; }
.title3 { margin: 30px 0; }
.title3 span {  color: #253AA6; text-align: center; width: auto; margin: 0 auto; display: inline-block; padding: 10px 10px 5px 0; font-weight: bolder; font-size: 2.5em; }
.title3 .num { color: #fff; display: block; line-height: 20px; float: left; margin-right: 8px; max-width: 100%; padding: 4px 10px; background-color: #253AA6; }
.border { border: 1px solid #333; border-radius: 10px; padding: 10px; box-sizing: border-box; }
.border .zj { background: #fff; position: relative; cursor: pointer; overflow: hidden; }
.border .zj:before { content: ''; position: absolute; bottom: 0; left: 0; border: 0px solid; border-color: rgba(0, 0, 0, 0) #fff; -webkit-transition: border .5s ease; border-left-width: 50px; border-top-width: 50px }
.border2 { border: 1px solid #333; padding: 5px; border-radius: 5px; }
.border3 { border: 1px dashed #333; padding: 10px; border-radius: 5px; }
.border3 p strong { color: #fff; background-color: #f00; padding: 0 5px; }
.border4 { padding: 10px 20px; border: 5px solid #AC1D10; font-size: 18px; font-weight: bold; }
/*底部悬浮条*/
.foot { width: 100%; max-width: 780px; line-height: 24px; text-align: left; font-family: 微软雅黑; font-weight: bold; font-size: 14px; color: #FFF; position: fixed; center: 0; bottom: 0; z-index: 100; _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow: visible; }
.footpfl { padding: 5px 0 5px 10px; position: relative; float: left; width: 100%; background: #2a2a29; box-sizing:border-box;}
.go { position: absolute; right: 5%; top: 22%; background-color: #3C9F0E; padding: 5px 12px; color: #fff; display: inline-block; text-align: center; vertical-align: middle; border-radius: 10px; margin-left: 10px; font-size: 18px; text-decoration:none; }
.go1{background:#059B0D; border-radius:10px; padding:3px 10px; color:#fff; font-weight:bold; margin:8px 0; display:inline-block; text-decoration:none; }


.hr{ border:none; margin-top:5px; border-top:3px solid #c00000; border-bottom:1px solid #c00000; height:2px; width:200px;}

.kuang{ text-align:center; margin:10px auto;  border:2px dotted red; font-weight:bold;}


.wxh { margin-left: 1.3rem; float: left; background: #FE585D; color: #fff; margin-top: 0.24rem }
.cd-popup3 { position: fixed; right: 0;  top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
.cd-popup3.is-visible3 { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container3 { position: relative; margin: 2.5rem auto; width: 80%; background: #FFF; text-align:center;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; border-radius: 20px; padding: 0.3rem auto; }
.cd-popup-close { position: absolute; right: 10px; top: 10px; z-index: 10; width: auto; height: 1.25rem; display: block; font-size: 14px; }
.is-visible3 .cd-popup-container3 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.p1 { font-size: 0.3rem; line-height: 0.5rem; font-weight: bold;color: #515254;}
.p2 { font-size: 0.24rem; line-height: 0.5rem; font-weight: bold;color: #515254;}
.wxid { font-size: 0.4rem; background: #FE585D; color: #fff; padding: 10px; }
#copy { padding: 5px 15px; border-radius: 5px; border: 1px solid #CCCCCC; background: #1257DC; color: #FFFFFF; font-size: 0.4rem }
.p1 img { width: 50%; margin: 0 auto }

.a{ background-image: url(images/qmacd16.png);background-size: cover;}
.box1-1 {width: 80%;position: relative;left: 5em;top: 62em;}
.box11-1 {width: 80%;position: relative;left: 2.1em;top: 30em;} 
.box1-2 {width: 80%;position: relative;left: 5em;top: 67em;}
.box11-2 {width: 80%;position: relative;left: 2.1em;top: 32.5em;} 
.box4 {width: 80%;position: relative;left: 5em;top: 87em;}
.box41 {width: 80%;position: relative;left: 2.1em;top: 42em;}  
.box6 {width: 15%;position: relative;left: 15.5em;top: 28.3em;}
.box61 {width: 15%;position: relative;left: 7.8em;top: 12.8em;}  
.box6-2 {width: 80%;position: relative;left: 5em;top: 85em;}
.box66-2 {width: 80%;position: relative;left: 2.1em;top: 41em;}  
.box7 {width: 15%;position: relative;left: 29em;top: 31.2em;}
.box71 {width: 15%;position: relative;left: 14em;top: 14.3em;}  
.box7-2 {width: 20%;position: relative;left: 32.5em;top: 64.4em;}
.box77-2 {width: 20%;position: relative;left:15em;top: 30.5em;} 
.box8 {width: 15%;position: relative;left: 15.5em;top: 23.1em;}
.box81 {width: 15%;position: relative;left: 7.5em;top: 10.2em;}    
.box10 {width: 15%;position: relative;left: 7.5em;top: 30.6em;}
.box101 {width: 15%;position: relative;left: 4em;top: 13.2em;}