<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "gb2312";
/*
* Description: 社群落地页
* Update:     30/03/2018
* Author:     xuyongmei
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style:none;}
body{font-size: 16px;background: #fff; position: relative; color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{text-decoration: none;}
body a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
img{display:block;}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:1000px;margin:0 auto;}

/* banner */
.banner{width:100%;height:194px; padding-top:76px;background: url(../images/banner.jpg) center top no-repeat;}
.banner h4{line-height:72px;font-size:50px;font-weight:bold;color:#4e84f5;text-align:right;padding-right:32px;}
.banner h4 em{font-size:60px;}
.banner p{line-height:48px;font-size:36px;color:#9f9e9e;text-align:right;padding-right:143px;}

/*QQ群立享*/
.title{line-height:56px;font-size:36px;font-weight:bold;color:#3c3c3c;text-align:center;}
.title em{color:#4e84f5;}
.title i{display:inline-block;vertical-align:middle;font-size:20px;font-weight:normal;}
.i_l{margin-right:22px;}
.i_r{margin-left:22px;}
.t_btn{margin-top:35px;padding-left:215px;position:relative;}
.btn{float:left;width:210px;height:48px;line-height:48px;font-size:24px;font-weight:bold;color:#fff;text-align:center;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;margin-left:44px;padding:3px 6px 9px;background: url(../images/btn_bg.png) no-repeat;}
.btn:hover{background-image: url(../images/btn_bgh.png);}
.btn em{display:inline-block;vertical-align:middle;width:28px;height:48px;margin:-5px 10px 0 0;}
.em_01{background: url(../images/icon1.png) left center no-repeat;}
.em_02{background: url(../images/icon2.png) left center no-repeat;}
.em_03{background: url(../images/icon3.png) left center no-repeat;}
.pop_ewm{position:absolute;width:204px;height:198px;background: url(../images/pop_ewm.png) no-repeat;top:57px;left:525px;padding-top:30px;z-index:9;display:none;}
.pop_ewm img{margin:0 auto;}
.pop_ewm p{line-height:36px;font-size:16px;color:#333;text-align:center;}


.enjoy_warp{padding:60px 0;}

.enjoy_con{margin-top:50px;}
.enjoy_01{height:328px;background: url(../images/enjoy_01.jpg) 364px top no-repeat;padding-top:120px;}
.enjoy_02{height:294px;background: url(../images/enjoy_02.jpg) 14px top no-repeat;padding:192px 0 0 522px;}
.enjoy_03{height:308px;background: url(../images/enjoy_03.jpg) 289px top no-repeat;padding-top:155px;}
.enjoy_m span{float:left;width:132px;line-height:82px;font-size:68px;color:#ddd;font-family:"Impact";text-align:right;}
.enjoy_mc{float:left;width:235px;margin-left:10px;}
.enjoy_mc h4{line-height:54px;font-size:32px;font-weight:bold;color:#282828;}
.enjoy_mc p{line-height:24px;font-size:18px;color:#000;}

/*微信群立享*/
.wx_warp{padding-top:100px;}
.wx_warp .autoin{position:relative;}
.wx_t{width:426px;height:185px;background-color:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;box-shadow:0 0 13px 3px rgba(185,185,185,0.4);-webkit-box-shadow:0 0 13px 3px rgba(185,185,185,0.4);-moz-box-shadow:0 0 13px 3px rgba(185,185,185,0.4);-ms-box-shadow:0 0 13px 3px rgba(185,185,185,0.4);-o-box-shadow:0 0 13px 3px rgba(185,185,185,0.4);position:absolute;top:77px;right:62px;padding:25px 0 0 34px;}
.wx_img{float:left;width:158px;}
.wx_t p{float:right;width:247px;line-height:30px;font-size:18px;font-weight:bold;color:#282828;padding-top:32px;}

.wx_con{margin-top:205px;}
.wx_cin1{height:370px;background: url(../images/wx_cin1.jpg) left top no-repeat;padding:120px 0 0 602px;}
.wx_cin2{height:370px;background: url(../images/wx_cin2.jpg) 267px top no-repeat;padding:150px 0 0 130px;}
.wx_cin span{display:block;line-height:82px;font-size:68px;color:#ddd;font-family:"Impact";}
.wx_cin h4{line-height:44px;font-size:32px;font-weight:bold;color:#282828;}
.wx_cin p{line-height:30px;font-size:18px;color:#000;}

/*关注微博*/
.wbo_warp{background-color:#f0eeee;padding:80px 0 10px;}

.wbo_con{width:880px;height:327px;background-color:#fff;margin:30px auto 0;overflow-x:hidden;}

/*右侧导航*/
.side_r{width:80px;height:242px;position:fixed;top:50%;left:50%;margin:-121px 0 0 550px;z-index:999;}
.side_ul li,.back_p{background: url(../images/side_rbg.png) repeat-y;cursor:pointer;}
.side_ul li.cur,.back_p.cur{background-image: url(../images/side_rbgh.png);}
.side_ul li{height:52px;line-height:52px;font-size:16px;font-weight:bold;color:#fff;text-align:center;margin-bottom:2px;}
.back_p{height:65px;padding-top:15px;}
.back_p img{margin:0 auto;}

	
 /*扉页*/
.feiye{ line-height:30px;font-size:12px; padding-top:5px; color:#d4d1d1;text-align:center; margin-top:30px;}</pre></body></html>