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

*{padding:0;margin:0;font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;}
html body{background:#f2f2f2;color:#2f2f2f;}



.m-box{ margin: 4%; width: 92%;}
.m-box1 {width: 96%; margin: 0;padding: 4% 2%;background: url("../images/bg-box.jpg") no-repeat;background-size: 100% auto;background-color: #b8d1f0;}

.img-bg{ background-size: 100% auto; background-repeat: no-repeat;  width: 100%; margin-bottom: 3%; }

.first1{ background-image: url("../images/01new.png"); padding-top: 55%; }
.second1{ background-image: url("../images/list02.png"); padding-top: 55%;}
.third1{ background-image: url("../images/list03.png"); padding-top: 73%;}
.four1{ background-image: url("../images/list04.png"); padding-top: 57%;}

.last1{ background-color: #fff; border-radius: 5px; width: 96%; padding: 3% 2%; margin-bottom: 5%;}
.last-top{padding-top: 15px;}
.last-top h1{ position: relative;font-size: 16px;  color: #19293f;text-align: center;z-index: 1;}
.last-top h1::before{ content: ''; position: absolute;top:-4px;left: 83px;width:10px;height:10px;background: url("../images/xx.png") no-repeat; background-size: 100% auto;}
.last-top h1::after{ content: ''; position: absolute;bottom:-3px;right: 85px;width:18px;height:18px;background: url("../images/yq.png") no-repeat; background-size: 100% auto;z-index: -1;}
.last-top p,.last-bottom p{ font-size: 12px;  color: #797c8d; padding: 0 0 0 12px;width: 92%;margin-top: 25px;letter-spacing: .075rem;    text-align: justify;}
.last-top p span,.last-bottom p span{ margin-left: -9px; font-size: 12px; display: inline-block; }
.last2 {margin-top: 55px;}

.last-down{ width: 100%; margin:20px auto; }
.last-up {margin: 20px auto;}
.more{ text-align: center; font-size: 14px; color: #4499ff;}
.icon{background-size: 100% 100%; width: 15px; height: 15px; background-repeat: no-repeat;  display: inline-block; margin-left: 1%; vertical-align: middle;margin-bottom: 2px}
.last-down .more .icon{background-image: url("../images/jiantou-down.png"); }
.last-up .more .icon{background-image: url("../images/jiantou-up.png"); margin-top: -3px;}

.explain{ margin: 0 auto 15%; color: #7886a2; font-size: 12px; text-align: center;}
.explain5{ margin: 0 auto 5%; color: #ccc; font-size: 12px; text-align: center;}

.first p span.arr,.second p span.arr{ border-radius: 25px; background:#ff5555; width:12px;height:12px;vertical-align: middle; margin-right:5px; display: inline-block; padding:0;margin-top: -3px;}
.m-nav{ background:#fff;height: 44px;line-height: 44px; overflow: hidden;}
.nav-w{ overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;white-space: nowrap;padding: 0 7px;font-size: 0;}
.tab-pos{ position: relative;font-size: 14px;color: #19293f;text-decoration: none;display: inline-block;margin: 0 13px;}
.tab-pos-cur{ color:#4499ff;font-weight: 500}
.tab-pos-cur::after { content: ''; position: absolute;left: 50%;bottom: 0;width: 40px;height: 2px;background: #4499ff;-webkit-transform: translate(-50%,0);transform: translate(-50%,0); }
.btn{ position: fixed;bottom:0; left:0;height: 60px;line-height: 60px; width:100%;z-index: 9; background: #fff; }
.btn a{ width:88%; margin-left: 6%; margin-top: 8px; height: 44px; font-size: 17px; line-height: 44px;background:#4499ff; text-align: center; color:#fff; display:block;text-decoration: none; border-radius: 44px; font-weight: bold;}
.btn a span { position: relative;}
.btn a em { position: absolute;right: -13px;top:4px;width: 8px;height: 8px;border: 2px solid #fff;border-width:1px 1px 0 0; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }


.fs-l{font-size:16px;}
.fs-m,.p1{font-size:14px; margin-left:20px;}
.fs-s{font-size:14px}
.list:after{content:'';display:block;clear:both}
.list img.photo{width:100%}
.top_shows{line-height:20px;font-size:12px;margin-top:24px;padding:0 2%;}
.first{margin-top:5%}
.left{float:left}
.right{float:right}
.list{ overflow:hidden;}
.list .big{width:60%}
.list .small{width:40%}
.left img.number{margin:0 0 0 35%;width:30%}
.right img.number{margin:0 0 0 15%;width:30%}
.last img.number,.fourth img.number{width:18%;margin:0 0 0 40%}
.first p span{background:#e55447;color:#FFF;font-size:.7em;padding:0 5px;border-radius:5px;margin:0 5px}
.second p span{border:1px #e55447 solid;color:#e55447;font-size:.7em;padding:0 5px;border-radius:3px;}
.fourth{margin-top:-12% !important;}
.last{margin:5% 0 20%}
.top_shows{ margin-bottom:20%;}
.last .fs-s,.fourth .fs-s{line-height:24px;margin-top:10px}