html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display:block;}html {box-sizing:border-box;}img,object,embed {max-width:100%;}
html {}ul {list-style:none;}a {margin: 0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}a:hover {text-decoration:none;}
input, select {vertical-align:middle;}select, input, textarea {font: 99% sans-serif;}strong {font-weight:bold;}button, input, select, textarea {margin:0;}
/*common*/
body {color:#333333; background:#fff;font-family:'Microsoft YaHei'; margin: 0 !important; padding: 0;height: 100%;overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.overHide{ overflow:hidden;}
.container{ width:1000px; margin:0 auto; padding:0;}
.posiR{ position:relative;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.wraper{
background: url(../images/cont01.jpg) no-repeat center;
background-size: 100% 100%;
height: 1080px;
}
.page0{
background: #331950;
width: 1022px;
height: 590px;
margin: -2px auto;
}
.page0 img{
display: block;
margin: 27px auto;
}
.main{
width: 1094px;
height: 684px;
margin: 0 auto;
padding-top: 52px;
position: relative;
background: url(../images/cont03-1.png) no-repeat center;
}
.main .main_left{
background: url(../images/cont-left.png) no-repeat center;
position: absolute;
left: 48px;
top: 376px;
width: 40px;
height: 50px;
cursor: pointer;
}
.main .main_right{
background: url(../images/cont-right.png) no-repeat center;
position: absolute;
right: 48px;
top: 376px;
width: 40px;
height: 50px;
cursor: pointer;
}
.main .main_left:hover{
background: url(../images/contHover-left.png) no-repeat center;
}
.main .main_right:hover{
background: url(../images/contHover-right.png) no-repeat center;
}
/*侧边栏*/
.contSide{
position: absolute;
right: -115px;
top: 100px;
width: 122px;
height: 585px;
}
.contSide li{
margin-bottom: 20px;
padding-left: 15px;
font-size: 16px;
color: #f0ab6e;
height: 45px;
width: 122px;
line-height: 45px;
cursor: pointer;
}
.contSide li:nth-child(odd):hover{
background: url(../images/cont-menu.png) no-repeat left center;
color: #fff;
}
.contSide li:nth-child(even):hover{
background: url(../images/cont-menu.png) no-repeat left center;
color: #fff;
}
.contSide li.bac{
background: url(../images/cont-menu.png) no-repeat left center;
color: #fff;
}
/*公共样式*/
.page .header h2{
font-size: 28px;
color: #975b0e;
height: 40px;
line-height: 40px;
width: 160px;
margin: 38px auto 0;
position: relative;
padding-left: 40px;
font-weight: bold;
}
.page .header h2 span{
background: url(../images/cont02.png) no-repeat center;
display: inline-block;
width: 30px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 18px;
color: #faf0e4;
position: absolute;
left: 0;
top: 6px;
}
.page .header h2 b{
font-size: 24px;
}
.page .header h3{
font-size: 18px;
color: #975b0e;
text-align: center;
margin: 10px 0 0 0;
}
.page .cont_img img{
display: block;
margin: 100px auto 0;
}
.page ul{
margin: 120px auto 0;
text-align: center;
}
.page ul li{
display: inline-block;
background: #f0c4bc;
font-size: 12px;
color: #faf0e4;
width: 16px;
height: 16px;
border-radius: 50%;
line-height: 16px;
text-align: center;
margin-right: 10px;
cursor: pointer;
}
.page ul li.act{
background: #e2775a;
}
/*公共样式结束*/
/*寄语*/
.page1 .cont{
margin-top: 70px;
}
.page1 .cont p{
width: 720px;
margin: 0 auto;
font-size: 16px;
color: #975b0e;
line-height: 34px;
letter-spacing:1px;
}
.page1 .cont p.indent{
text-indent: 2rem;
}
.page1 .cont p.right_mg{
text-align: right;
padding-right: 22px;
}
/*运营时长*/
.page2 p{
text-align: center;
font-size: 16px;
color: #975b0e;
margin: 140px auto 20px;
}
.page2 .cont01_time{
padding-top: 25px;
font-size: 32px;
color: #7c273b;
margin: 0 auto 123px auto;
text-align: center;
overflow: hidden;
height: 71px;
}
.page2 .cont01_time span{
height: 32px;
line-height: 32px;
font-size: 32px;
padding: 17px 8px;
margin: 0 12px 0 0;
border: 2px solid #e47c59;
border-radius: 5px;
background: #ffbc98;
text-align: center;
}
#days,#hours,#mins,#secs{
margin: 0;
}
/*数据概览*/
.page3 .cont_dl{
width: 900px;
margin: 150px auto 0;
}
.page3 .cont_dl dl{
float: left;
width: 300px;
text-align: center;
}
.page3 .cont_dl dl dd h2{
font-size: 30px;
color: #e47c59;
margin-top: 10px;
}
.page3 .cont_dl dl dd p{
font-size: 16px;
color: #975b0e;
}
.page4 .page4_list01 .cont_img{
margin: 80px auto 0;
}
/*出借榜单*/
.page7 .contTable_01{
width: 732px;
height: 441px;
border: 1px solid #cab79f;
margin: 20px auto 0;
}
.page7 .contTable table{
width: 100%;
table-layout: fixed;
}
.page7 .contTable table tr{
height: 40px;
line-height: 40px;
}
.page7 .contTable table tr:nth-child(odd){
background: #f7ebdc;
}
.page7 .contTable table tr td{
border-right: 1px solid #cab79f;
text-align: center;
font-size: 14px;
color: #975b0e;
}
.page7 .contTable table tr td:last-child{
border: none;
}
.page7 .contTable table tr th{
border-right: 1px solid #cab79f;
border-bottom: 1px solid #cab79f;
color: #422467;
font-size: 16px;
}
.page7 .contTable table tr th:last-child{
border-right: none;
}
.page7 .contTable_02{
width: 503px;
height: 441px;
border: 1px solid #cab79f;
margin: 20px auto 0;
}
/*荣誉大事记*/
.page8 p{
font-size: 16px;
color: #975b0e;
line-height: 28px;
width: 687px;
margin: 10px auto 0;
}
.page8 p:first-child{
padding-top: 30px;
}
.page8 p span{
color: #e2775a;
}
.page8 .contimgs{
width: 687px;
margin: 25px auto 0;
}
.page8 .contimgs img{
float: left;
margin-right: 30px;
}
.page8 .contimgs img:last-child{
margin-right: 0;
}
/*联系我们*/
.page9 .page9_logo{
display: block;
margin: 86px auto 50px;
}
.page9 dl dt img{
display: block;
margin: 0 auto;
}
.page9 dl dd{
text-align: center;
font-size: 14px;
color: #e2775a;
}
.page9 dl dd h2{
font-size: 16px;
color: #975b0e;
margin: 19px auto 10px;
}
.page9 a{
display: block;
width: 320px;
height: 50px;
margin: 70px auto 0;
line-height: 50px;
text-align: center;
font-size: 18px;
color: #faf0e4;
background: url(../images/cont9_03.png) no-repeat center;
}
.personN{
font-size: 20px;
color: #e2775a;
line-height: 100px;
margin-top: 30px;
text-align: center;
}
/*分享*/
.shareRight{
position: fixed;
top: 0px;
right: 0px;
height: 100%;
display: block;
z-index: 1;
}
.share{
width: 26px;
height: 74px;
background: #211752;
position: fixed;
right: 0;
top: 50%;
margin-top: -44px;
color: #d95e5f;
font-size: 14px;
text-align: center;
border-radius: 5px 0 0 5px;
border: 1px solid #d95e5f;
border-right: none;
padding-top: 14px;
cursor: pointer;
}
.share img{
text-align: center;
display: block;
padding-left: 7px;
padding-top: 5px;
}
.shareBox{
width: 53px;
height: 138px;
background: #211752;
text-align: center;
position: fixed;
right: -80px;
top: 50%;
margin-top: -79px;
border: 1px solid #d95e5f;
border-right: none;
padding-top: 20px;
}
.shareBox img{
text-align: center;
margin: 0 auto;
padding-bottom: 20px;
cursor: pointer;
display: block;
}
.ewm{
width: 290px;
height: 310px;
background: #211752;
border: 1px solid #d95e5f;
text-align: center;
position: fixed;
z-index: 3;
left: 50%;
top: 50%;
margin-left: -145px;
margin-top: -155px;
}
.ewm p{
font-size: 16px;
color: #d95e5f;
line-height: 16px;
padding: 26px 0;
}
.ewm a{
position: absolute;
top: 13px;
right: 13px;
color: #d95e5f;
font-size: 40px;
line-height: 30px;
text-decoration: none;
}
.ewm img{
text-align: center;
margin: 0 auto;
}
.popBg{
width: 100%;
height: 100%;
background: rgba(21,33,76,.5);
position: fixed;
left: 0;
top: 0;
z-index: 2;
}