@charset "UTF-8";
.main .tips-wrap { height: 200px; margin: 30px auto; border: 1px solid #cecece; }

.main .tips-wrap .qrcode-wrap { width: 320px; padding: 20px; }

.main .tips-wrap .qrcode-wrap .text { margin-top: 12px; font-size: 12px; text-align: center; }

.main .tips-wrap .text-wrap { width: 530px; height: 140px; margin-top: 20px; padding: 10px 30px; border-left: 1px dashed #cecece; color: #666; }

.main .tips-wrap .text-wrap .summary { line-height: 30px; }

.main .tips-wrap .text-wrap .btn { position: relative; margin: 40px 30px 0 0; }

.main .tips-wrap .text-wrap .btn:hover span { display: block; }

.main .tips-wrap .text-wrap .btn a { text-decoration: underline; color: #0aaaf0; }

.main .tips-wrap .text-wrap .btn span { display: none; position: absolute; top: -35px; left: 0; padding: 2px 5px; border: 1px solid #0aaaf0; white-space: pre; }

.main .tips-wrap .text-wrap .btn span:before { content: ""; position: absolute; bottom: -17px; left: 20px; border-width: 8px; border-style: solid; border-color: #0aaaf0 transparent transparent transparent; }

.main .tips-wrap .text-wrap .btn span:after { content: ""; position: absolute; bottom: -16px; left: 20px; border-width: 8px; border-style: solid; border-color: #fff transparent transparent transparent; }

.main .tips-wrap .alipay, .main .tips-wrap .wechat { position: relative; width: 115px; height: 130px; margin-left: 30px; background: url(/ydcsjjh/uiFramework/commonResource/image/2017091214092748011.png) no-repeat; }

.main .tips-wrap .alipay .show-qrcode, .main .tips-wrap .wechat .show-qrcode { margin: 35px 0 0 17px; }

.main .tips-wrap .alipay:hover .hide-img, .main .tips-wrap .wechat:hover .hide-img { display: block; }

.main .tips-wrap .alipay { background-position: -6px -6px; }

.main .tips-wrap .wechat { background-position: -135px -6px; }

.main .tips-wrap .hide-img { display: none; position: absolute; top: -170px; left: 50%; width: 150px; height: 150px; margin-left: -80px; padding: 5px; border: 1px solid #ccc; background: #fff; }

.main .tips-wrap .hide-img:after { content: ""; position: absolute; bottom: -16px; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: #ccc transparent transparent transparent; }

.main .section { margin-top: 50px; }

.main .section .title { margin: 50px 0 30px; font-size: 30px; text-align: center; }

.main .section .content-wrap { background: #f3f3f5; }

.main .section .content-wrap { padding: 20px; }

.main .section .list-title { margin: 10px 0 30px; font-size: 16px; }

.main .section .summary { margin-bottom: 40px; line-height: 30px; }

.main .section .thumbnail-img-wrap img { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

.main .section .thumbnail-img-wrap:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.main .section.thumbnail-left .thumbnail { margin-right: 50px; }

.main .section.thumbnail-left .btn { display: inline-block; margin-top: 30px; }

.main .section.thumbnail-right .thumbnail { margin-left: 50px; }

.main .section.thumbnail-right .btn { display: inline-block; margin-top: 30px; }

.main .section .btn { display: block; position: relative; width: 150px; height: 40px; margin: 50px auto 0; border: 1px solid #ff0505; text-align: center; line-height: 40px; color: #333; }

.main .section .btn:after { content: "了解详情"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border-radius: 50%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.main .section .btn:hover:after { border-radius: 0; background: #ff0505; color: #fff; }

.main .section .activity-list { overflow: hidden; float: left; width: 298px; height: 360px; border: 1px solid #e9e9e9; border-radius: 5px; color: #666; }

.main .section .activity-list.list-2 { margin: 0 50px; }

.main .section .activity-list .con { padding: 0 15px; }

.main .section .activity-list .btn { margin-top: 25px; }

.main .section .activity-list img { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

.main .section .activity-list .activity-title { margin-top: 15px; font-size: 16px; color: #333; }

.main .section .activity-list:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.main .more-wrap { height: 50px; margin: 50px auto; border-radius: 5px; background: #f3f3f5; text-align: center; line-height: 50px; }