You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5125 lines
105 KiB
5125 lines
105 KiB
body{
|
|
margin: 0;
|
|
padding: 0;
|
|
/*font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;*/
|
|
font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","PingFang SC","PingFang SC Light",tahoma,"Hiragino Sans GB",Arial,Helvetica,sans-serif,"微软雅黑";
|
|
background-color: rgb(247,244,248);
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
/* 变灰样式
|
|
html{
|
|
filter: grayscale(84%);
|
|
-webkit-filter: grayscale(84%);
|
|
-moz-filter: grayscale(84%);
|
|
-ms-filter: grayscale(84%);
|
|
-o-filter: grayscale(84%);
|
|
filter: url("data:image/svg+xml;utf8,#grayscale");
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
|
|
-webkit-filter: grayscale(1);
|
|
}
|
|
#header{background-color:rgba(37,45,75,0.8) !important;}
|
|
.footertop{background-color:rgba(26,26,52,0.8) !important;}
|
|
.footerbottom{background-color:rgba(14,14,42,0.8) !important;}
|
|
.tab .item:nth-child(1){background-color:rgba(236,93,101,0.6) !important;background-image:none !important;}
|
|
.tab .item:nth-child(2){background-color:rgba(218,190,164,0.6) !important;background-image:none !important;}
|
|
.tab .item:nth-child(3){background-color:rgba(165,194,218,0.6) !important;background-image:none !important;}
|
|
.jc_box .red{border:5px solid #363636 !important;}
|
|
.right_fixd .item:hover, .right_fixd .item.active{background-color:rgba(191,54,40,0.6) !important;}
|
|
.right_fixd .r_menu{background-color:rgba(255,255,255,0.8) !important;}
|
|
.artpart_2 .iconemail,.artpart_2 .icontel,.jc_icon_list .item .item_ct,#header .shortcut .iconweixin{color:#363636 !important;}
|
|
.jc_icon_list .red_line{background-color:rgba(54,54,54,0.4) !important;}
|
|
.jc_icon_list .item:not(.active):hover{border:5px solid rgba(54,54,54,0.4) !important}
|
|
.jc_icon_list .item{border:5px solid rgba(54,54,54,0.4) !important;}
|
|
.jc_icon_list .item.active{border:none !important;}
|
|
.artpartleft .btnbox a{background:#363636 !important;}
|
|
.timebox .timetip,.listcon:before,.hxfw_list .icon_list .item .b_icon{background-color:#363636 !important;}
|
|
body{
|
|
filter:gray
|
|
}
|
|
*/
|
|
.agreeshow{display:none;}
|
|
input, textarea,select,option{
|
|
outline: none;
|
|
resize: none;
|
|
}
|
|
ul,li{
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.hide{display:none;}
|
|
div{
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.content div{
|
|
text-transform:none !important;
|
|
}
|
|
.lowercase{
|
|
text-transform:lowercase;
|
|
}
|
|
.fistcase{
|
|
text-transform:capitalize;
|
|
}
|
|
select,option {
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
background:transparent;
|
|
border:none;
|
|
}
|
|
option::-ms-expand{ display: none; }
|
|
option{
|
|
-moz-appearance:none; /* Firefox */
|
|
-webkit-appearance:none; /* Safari 和 Chrome */
|
|
appearance:none;
|
|
border:1px solid rgba(255,255,255,1);
|
|
}
|
|
.phonediv{
|
|
display: none;
|
|
}
|
|
/* --背景色字体颜色--*/
|
|
option:hover{
|
|
color:#fff;
|
|
background-color:#1E90FF;
|
|
}
|
|
/**css3弹性盒子布局**/
|
|
.modeub
|
|
{
|
|
display: -webkit-box !important;
|
|
display: -moz-box;
|
|
display: -webkit-flex;
|
|
display: -moz-flex;
|
|
display: -ms-flexbox;
|
|
display: box !important;
|
|
position:relative;
|
|
}
|
|
.modeac
|
|
{
|
|
-webkit-box-align:center;
|
|
-moz-box-align:center;
|
|
-ms-box-align:center;
|
|
-o-box-align:center;
|
|
box-align:center;
|
|
}
|
|
|
|
.modepc
|
|
{
|
|
-webkit-box-pack:center;
|
|
-moz-box-pack:center;
|
|
-ms-box-pack:center;
|
|
-o-box-pack:center;
|
|
box-pack:center;
|
|
}
|
|
|
|
.modever
|
|
{
|
|
-webkit-box-orient:vertical;
|
|
-moz-box-orient:vertical;
|
|
-ms-box-orient:vertical;
|
|
-o-box-orient:vertical;
|
|
box-orient:vertical;
|
|
}
|
|
.modef1{
|
|
position:relative;
|
|
-webkit-box-flex: 1;
|
|
-moz-box-flex: 1;
|
|
-ms-box-flex: 1;
|
|
-o-box-flex: 1;
|
|
box-flex: 1;
|
|
}
|
|
.modef2
|
|
{
|
|
position:relative;
|
|
-webkit-box-flex: 2;
|
|
-moz-box-flex: 2;
|
|
-ms-box-flex: 2;
|
|
-o-box-flex: 2;
|
|
box-flex: 2;
|
|
}
|
|
.modef3
|
|
{
|
|
position:relative;
|
|
-webkit-box-flex: 3;
|
|
-moz-box-flex: 3;
|
|
-ms-box-flex: 3;
|
|
-o-box-flex: 3;
|
|
box-flex: 3;
|
|
}
|
|
.modef4
|
|
{
|
|
position:relative;
|
|
-webkit-box-flex: 4;
|
|
-moz-box-flex: 4;
|
|
-ms-box-flex: 4;
|
|
-o-box-flex: 4;
|
|
box-flex: 4;
|
|
}
|
|
.modeae
|
|
{
|
|
-webkit-box-align:end;
|
|
box-align:end;
|
|
}
|
|
.modepe
|
|
{
|
|
-webkit-box-align:end;
|
|
-moz-box-align:end;
|
|
-ms-box-align:end;
|
|
-o-box-align:end;
|
|
box-align:end;
|
|
}
|
|
.modepj
|
|
{
|
|
-webkit-box-pack:justify;
|
|
-moz-box-pack:justify;
|
|
-ms-box-pack:justify;
|
|
-o-box-pack:justify;
|
|
box-pack:justify;
|
|
}
|
|
.divhidden{
|
|
overflow: hidden;
|
|
}
|
|
.contenter{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.content{
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
/*********首页*********/
|
|
.guidebg{
|
|
/* background-color: #eb600b; */
|
|
background-color: rgb(224,224,224);
|
|
}
|
|
.guidehg{
|
|
height:34px;
|
|
}
|
|
.guideclor{
|
|
/* color: rgb(247,244,248); */
|
|
color: rgb(71,71,71);
|
|
}
|
|
.guideleft{
|
|
float: left;
|
|
}
|
|
.guideright{
|
|
float: right;
|
|
}
|
|
.guidemenu{
|
|
font-size: 12px;
|
|
}
|
|
.guideline {
|
|
line-height: 34px;
|
|
}
|
|
.guidecursor{
|
|
cursor: pointer;
|
|
}
|
|
.guidecursor a{
|
|
color: rgb(71,71,71);
|
|
text-decoration: none;
|
|
}
|
|
.guidecursor a:hover{
|
|
text-decoration:underline;
|
|
}
|
|
.segment{
|
|
margin: 0 9px;
|
|
}
|
|
.logobg{
|
|
background-color: rgb(255,255,255);
|
|
|
|
}
|
|
#header .logobg {
|
|
/* background-color: rgb(130, 25, 25); */
|
|
}
|
|
.logohg{
|
|
height: 82px;
|
|
z-index: 100;
|
|
position: relative;
|
|
}
|
|
.logoleft{
|
|
width: 320px;
|
|
cursor: pointer;
|
|
}
|
|
.logoimg{
|
|
background-image: url("../images/logo.png");
|
|
}
|
|
.logobackimg{
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size:100% 100%;
|
|
}
|
|
.logosearch{
|
|
width: 230px;
|
|
height: 32px;
|
|
margin: 25px 0;
|
|
}
|
|
.searchbody{
|
|
border: 2px solid rgba(207,200,208,1);
|
|
width:220px;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
}
|
|
.searchwraper .options{padding-right:2px;border-right:2px solid rgba(207,200,208,1);}
|
|
.searchwraper select{padding:0px 22px 0px 10px;line-height:22px;color:rgba(76,76,76,.7);background:url(../images/arrow-down.png) right center no-repeat;}
|
|
.searchwraper select:hover{background:url(../images/arrow-up.png) right center no-repeat;}
|
|
.searchwraper{text-align:center;padding:20px 20px 5px 20px;}
|
|
.search{
|
|
height:28px;
|
|
}
|
|
.search input{
|
|
background:none;
|
|
border: none;
|
|
width: 162px;
|
|
height: 23px;
|
|
}
|
|
.search input::-webkit-input-placeholder {
|
|
color: rgb(196,195,194);
|
|
}
|
|
.search input:-moz-placeholder {
|
|
color: rgb(196,195,194);
|
|
}
|
|
.search input::-moz-placeholder {
|
|
color: rgb(196,195,194);
|
|
}
|
|
.search input:-ms-input-placeholder {
|
|
color: rgb(196,195,194);
|
|
}
|
|
.searchpadding{
|
|
padding: 1px 10px;
|
|
}
|
|
.searchicon{
|
|
color: rgb(191,54,40);
|
|
line-height:24px;
|
|
cursor: pointer;
|
|
}
|
|
.iconpadding{
|
|
padding: 0 20px 0 0;
|
|
}
|
|
.menubg{
|
|
background-color: rgb(191,54,40);
|
|
}
|
|
.menuhg{
|
|
height: 52px;
|
|
z-index: 100;
|
|
position: relative;
|
|
}
|
|
.menuul{
|
|
font-size: 14px;
|
|
}
|
|
.menuline{
|
|
height: 24px;
|
|
padding: 14px 0;
|
|
line-height: 24px;
|
|
}
|
|
.menuline li {
|
|
list-style-type:none;
|
|
}
|
|
.menumr{
|
|
margin-right:43px
|
|
}
|
|
.menuactive{
|
|
height: 24px;
|
|
background-color: rgb(255,255,255);
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
padding: 0 12px;
|
|
}
|
|
.activecolor{
|
|
color: rgb(191,54,40);
|
|
}
|
|
.banner{
|
|
/* height: 412px; */
|
|
}
|
|
.bannerimg{
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 100%;
|
|
}
|
|
|
|
.swiper-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.service{
|
|
width: 280px;
|
|
height: 57px;
|
|
background-color: rgba(251,118,88,0.8);
|
|
position: fixed;
|
|
top: 60%;
|
|
z-index: 9999;
|
|
}
|
|
.serviceradius{
|
|
-webkit-border-top-right-radius: 50px;
|
|
border-top-right-radius: 50px;
|
|
-webkit-border-bottom-right-radius:50px;
|
|
border-bottom-right-radius: 50px;
|
|
cursor: pointer;
|
|
}
|
|
.iconcolor{
|
|
color: rgb(255,255,255);
|
|
}
|
|
.serviceIcon{
|
|
line-height: 57px;
|
|
text-align: center;
|
|
font-size: 31px !important;
|
|
}
|
|
.servicetitle{
|
|
margin-left: 17px;
|
|
line-height: 57px;
|
|
}
|
|
.servicebg{
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.fiveservice{
|
|
padding-top: 32px;
|
|
}
|
|
.fivediv{
|
|
width: 224px;
|
|
height: 288px;
|
|
cursor: pointer;
|
|
}
|
|
.fivemr{
|
|
margin-right: 20px;
|
|
}
|
|
.fivebg{
|
|
|
|
}
|
|
.fivecircle{
|
|
width:132px;
|
|
height:132px;
|
|
/*border: 1px solid #1A1A34;*/
|
|
-webkit-border-radius: 132px;
|
|
border-radius: 132px;
|
|
margin: 40px auto 24px auto;
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
}
|
|
.texture{
|
|
width: 88px;
|
|
height: 88px;
|
|
background-image: url(../images/texture.png);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
}
|
|
.fivetitle{
|
|
font-size:16px;
|
|
color:rgba(77,77,77,1);
|
|
text-align: center;
|
|
}
|
|
.fivedescribe{
|
|
font-size:10px;
|
|
color:rgba(128,128,128,1);
|
|
text-align: center;
|
|
margin-top: 11px;
|
|
margin-right: 40px;
|
|
margin-left: 40px;
|
|
}
|
|
.fiveiconcolor{
|
|
color:rgba(227,48,29,1);
|
|
}
|
|
.fiveiconone{
|
|
font-size: 36px !important;
|
|
}
|
|
.fiveicontow{
|
|
font-size: 40px !important;
|
|
}
|
|
.fiveiconthree{
|
|
font-size: 32px !important;
|
|
}
|
|
.fiveiconfour{
|
|
font-size: 38px !important;
|
|
}
|
|
.fiveiconfive{
|
|
font-size: 36px !important;
|
|
}
|
|
.market{
|
|
padding-top:40px;
|
|
}
|
|
.markettitle{
|
|
font-size:24px;
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.marketsegment{
|
|
font-size:12px;
|
|
color:rgba(128,128,128,1);
|
|
line-height: 34px;
|
|
}
|
|
.marketsearch{
|
|
width: 260px;
|
|
height: 40px;
|
|
background:rgba(255,255,255,1);
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px
|
|
}
|
|
.marketinputp{
|
|
padding: 5px 0 5px 20px;
|
|
}
|
|
.marketinputp input{
|
|
border: none;
|
|
height: 30px;
|
|
width: 189px;
|
|
color:rgba(102,102,102,1);
|
|
font-size: 12px;
|
|
}
|
|
.marketinputp input::-webkit-input-placeholder {
|
|
color:rgba(102,102,102,1);
|
|
}
|
|
.marketinputp input:-moz-placeholder {
|
|
color:rgba(102,102,102,1);
|
|
}
|
|
.marketinputp input::-moz-placeholder {
|
|
color:rgba(102,102,102,1);
|
|
}
|
|
.marketinputp input:-ms-input-placeholder {
|
|
color:rgba(102,102,102,1);
|
|
}
|
|
.marketsearchIcon{
|
|
font-size:23px !important;
|
|
color:rgba(26,26,52,1);
|
|
cursor: pointer;
|
|
}
|
|
.marketiconp{
|
|
padding:0 14px 0 0;
|
|
}
|
|
.marketdata{
|
|
padding-top: 40px;
|
|
}
|
|
.dataleft{
|
|
width: 230px;
|
|
height: 300px;
|
|
background:rgba(12,172,239,1);
|
|
opacity:0.88;
|
|
filter: Alpha(opacity=50);
|
|
position: static;
|
|
*zoom: 1;
|
|
}
|
|
.triangle-bottomleft{
|
|
width: 0;
|
|
height: 0;
|
|
border-bottom: 10px solid rgb(30,104,135);
|
|
border-right: 10px solid transparent;
|
|
position: relative;
|
|
left: 230px;
|
|
top: 10px;
|
|
}
|
|
.triangle-topleft {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 10px solid rgb(30,104,135);
|
|
border-right: 10px solid transparent;
|
|
position: relative;
|
|
left: 230px;
|
|
top: -10px;
|
|
}
|
|
.dataright{
|
|
width:970px;
|
|
height:280px;
|
|
background:rgba(255,255,255,1);
|
|
opacity:0.88;
|
|
}
|
|
.datacon{
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
}
|
|
.datamenu{
|
|
width: 230px;
|
|
height: 100px;
|
|
color: rgb(247,244,248);
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
cursor: pointer;
|
|
}
|
|
.datamenuactive{
|
|
background:rgba(15,113,195,1);
|
|
position: relative;
|
|
}
|
|
.datatitle{
|
|
font-size: 16px;
|
|
width: 145px;
|
|
text-align: center;
|
|
}
|
|
.datajiantou{
|
|
font-size: 8px !important;
|
|
color: rgb(255,255,255);
|
|
line-height: 21px;
|
|
}
|
|
.databody{
|
|
padding: 57px 47px;
|
|
}
|
|
.databodydes{
|
|
font-size:16px;
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.dataunit{
|
|
color: rgb(160,160,160);
|
|
}
|
|
.dataline{
|
|
margin: 0 9px;
|
|
}
|
|
.dataprice{
|
|
font-size:28px;
|
|
color:rgba(253,37,15,1);
|
|
}
|
|
.datawidth{
|
|
width: 219px;
|
|
}
|
|
.databody .datawidth:nth-of-type(5), .datawidth:nth-of-type(6), .datawidth:nth-of-type(7), .datawidth:nth-of-type(8){
|
|
margin-top: 48px;
|
|
}
|
|
.datamenuborder{
|
|
border-top: 1px solid rgba(24,137,185,1);
|
|
border-bottom: 1px solid rgba(24,137,185,1);
|
|
}
|
|
.triangle-hexbottomleft{
|
|
width: 0;
|
|
height: 0;
|
|
border-bottom: 10px solid rgba(164,78,30,1);
|
|
border-right: 10px solid transparent;
|
|
position: relative;
|
|
left: 230px;
|
|
top: 10px;
|
|
}
|
|
.triangle-hextopleft{
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 10px solid rgba(164,78,30,1);
|
|
border-right: 10px solid transparent;
|
|
position: relative;
|
|
left: 230px;
|
|
top: -10px;
|
|
}
|
|
.dataservice{
|
|
width: 230px;
|
|
height: 492px;
|
|
background:rgba(255,128,56,1);
|
|
opacity:0.88;
|
|
filter: Alpha(opacity=50);
|
|
position: static;
|
|
*zoom: 1;
|
|
}
|
|
.dataservicecon{
|
|
width: 970px;
|
|
height: 472px;
|
|
background:rgba(255,255,255,1);
|
|
opacity:0.88;
|
|
}
|
|
.dataservicemenu{
|
|
height: 248px;
|
|
color: rgb(247,244,248);
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items:center;
|
|
cursor: pointer;
|
|
}
|
|
.dataserviceactive{
|
|
background:rgba(240,60,24,1);
|
|
position: relative;
|
|
}
|
|
.dataservicemenuborder{
|
|
border-top: 1px solid rgba(221,112,51,1);
|
|
border-bottom: 1px solid rgba(221,112,51,1);
|
|
}
|
|
.dataservicebody{
|
|
padding:28px 31px;
|
|
}
|
|
.servicemenutitle{
|
|
font-size:14px;
|
|
color:rgba(128,128,128,1);
|
|
background:rgba(240,240,240,1);
|
|
border-radius: 2px;
|
|
padding:5px 8px;
|
|
margin-right: 20px;
|
|
cursor: pointer;
|
|
}
|
|
.activemenutitle{
|
|
font-size:14px;
|
|
color:rgba(255,255,255,1);
|
|
background:rgba(244,75,37,1);
|
|
border-radius: 2px
|
|
}
|
|
.servicetable{
|
|
margin-top:10px;
|
|
}
|
|
.servicetable table{
|
|
|
|
}
|
|
.servicetable table th{
|
|
padding: 10px 0;
|
|
font-weight:normal;
|
|
}
|
|
.tabletitle{
|
|
font-size:14px;
|
|
color:rgba(128,128,128,1);
|
|
}
|
|
.tabledes{
|
|
font-size:14px;
|
|
color:rgba(26,26,26,1);
|
|
}
|
|
.servicetable table td{
|
|
border-top: 1px solid rgba(245,245,245,1);
|
|
padding: 15px 0;
|
|
}
|
|
.servicecon{
|
|
padding-bottom: 40px;
|
|
}
|
|
.contentwhile{
|
|
background-color: rgba(255,255,255,1);
|
|
}
|
|
.adcon{
|
|
padding: 80px 0;
|
|
}
|
|
.adleft{
|
|
width: 420px;
|
|
height: 376px;
|
|
}
|
|
.adlefttop{
|
|
width:420px;
|
|
height:188px;
|
|
}
|
|
.adleftimg{
|
|
background-position: center top;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.adlefttopimg{
|
|
background-image: url(../images/rubbish/ad01.png);
|
|
}
|
|
.center{text-align:center;}
|
|
.servicetableborder .swiper-slide{height:auto;}
|
|
.servicetableborder span{max-width:33%;border-top:1px solid rgba(245,245,245,1);font-size:0.8em;line-height:3.2em;min-width:10%;text-align:center;display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
|
|
#servicetableborder5 span,#servicetableborder0 span,#servicetableborder1 span{width:24.5%;}
|
|
#servicetableborder2 span{width:32.5%;}
|
|
#servicetableborder6 span{width:16.3%;}
|
|
#servicetable4 span{width:14.2%;}
|
|
#servicetable2 span{width:11%;}
|
|
#servicetable0 span{width:24%;}
|
|
.newsRow{display:none;width:100%;display:none;min-height:300px;}
|
|
.albg{
|
|
width: 100%;
|
|
height: 100%;
|
|
background:rgba(0,0,0,0.7);
|
|
filter: Alpha(opacity=70);
|
|
/* position: static; */
|
|
*zoom: 1;
|
|
}
|
|
.adtitle{
|
|
position: relative;
|
|
font-size:24px;
|
|
color:rgba(255,255,255,1);
|
|
height: 100%;
|
|
cursor: pointer;
|
|
|
|
}
|
|
.updowleftright{
|
|
display: -webkit-box !important;
|
|
display: box !important;
|
|
position:relative;
|
|
-webkit-box-orient:vertical;
|
|
box-orient:vertical;
|
|
-webkit-box-align:center;
|
|
box-align:center;
|
|
-webkit-box-pack:center;
|
|
box-pack:center;
|
|
}
|
|
.addes{
|
|
font-size:10px;
|
|
color:rgba(148,148,148,1);
|
|
}
|
|
.adleftbottom{
|
|
margin-top: 10px;
|
|
}
|
|
.adcenter{
|
|
overflow:hidden;
|
|
width: 407px;
|
|
height: 380px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.adcentercenter{
|
|
width: 407px;
|
|
height: 380px;
|
|
}
|
|
.adcentertop{
|
|
overflow:hidden;
|
|
width: 407px;
|
|
height:190px;
|
|
}
|
|
.aiicon{
|
|
font-size: 50px !important;
|
|
}
|
|
.adright{
|
|
width: 353px;
|
|
height: 380px;
|
|
}
|
|
.adright2{
|
|
width: 353px;
|
|
height: 380px;
|
|
}
|
|
.adrighttop{
|
|
width:100%;
|
|
height:124px;
|
|
}
|
|
|
|
|
|
.albg{
|
|
-webkit-transition: all 0.3s;
|
|
-moz-transition: all 0.3s;
|
|
-ms-transition: all 0.3s;
|
|
-o-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
-webkit-transform: translate3d(0,0,0);
|
|
-moz-transform: translate3d(0, 0, 0);
|
|
-ms-transform: translate3d(0, 0, 0);
|
|
-o-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
.elem:hover .albg{
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.newstitleleft{
|
|
font-size:24px;
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.newsline{
|
|
margin: 0 9px;
|
|
font-size:12px;
|
|
color:rgba(128,128,128,1);
|
|
line-height: 40px;
|
|
}
|
|
.newstitledes{
|
|
font-size:12px;
|
|
color:rgba(128,128,128,1);
|
|
line-height: 40px;
|
|
}
|
|
.newsrighttitle{
|
|
font-size:18px;
|
|
color:rgba(51,51,51,1);
|
|
cursor: pointer;
|
|
}
|
|
.newsrightwt{
|
|
margin-left: 34px;
|
|
}
|
|
.newsrightactive{
|
|
color:rgba(244,75,37,1);
|
|
}
|
|
.newstitle{
|
|
border-bottom: 1px solid rgba(245,245,245,1);
|
|
padding-bottom:9px;
|
|
padding-right: 19px;
|
|
}
|
|
.newsbody{
|
|
margin-top:40px;
|
|
}
|
|
.newsleft{
|
|
width: 466px;
|
|
padding-left:40px;
|
|
height: 300px;
|
|
margin-right:60px;
|
|
text-align:center;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
}
|
|
.newsleft img{max-width:100%;}
|
|
.newsimg{
|
|
background-image: url(../images/rubbish/newsimg.png);
|
|
}
|
|
.newsrighttop{
|
|
|
|
}
|
|
.newsright {
|
|
width: 624px;
|
|
padding-right: 10px;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
}
|
|
.icontitle{
|
|
width: 530px;
|
|
margin-left: 5px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap
|
|
}
|
|
.newsicontitle{
|
|
color:rgba(51,51,51,1);
|
|
cursor: pointer;
|
|
/**display:flex;
|
|
justify-content:center;
|
|
align-items:center;*/
|
|
}
|
|
.iocnfontsize{
|
|
font-size: 9px !important;
|
|
font-weight: bold;
|
|
}
|
|
.newstime{
|
|
font-size:12px;
|
|
color:rgba(128,128,128,1);
|
|
line-height: 20px;
|
|
}
|
|
.newscon{
|
|
font-size:14px;
|
|
color:rgba(102,102,102,1);
|
|
line-height:24px;
|
|
margin: 7px 0 20px 10px;
|
|
padding-bottom:14px;
|
|
border-bottom: 1px solid rgba(245,245,245,1);
|
|
cursor: pointer;
|
|
}
|
|
.newsactive{
|
|
color:rgba(240,60,24,1) ;
|
|
}
|
|
.newsactive2{
|
|
color:rgba(240,60,24,1) !important ;
|
|
}
|
|
.newsactive2 .norimg{
|
|
background-image: url(../images/select.png) !important;
|
|
}
|
|
.icontitle-ml5{
|
|
margin-left: 5px;
|
|
}
|
|
.rightmargin{
|
|
margin-bottom:15px;
|
|
}
|
|
.moreline{
|
|
border-bottom: 1px solid rgba(245,245,245,1);
|
|
width: 507px;
|
|
margin: 12px 47px 0 20px;
|
|
}
|
|
.morepage{
|
|
font-size:14px;
|
|
color:rgba(26,26,52,1);
|
|
}
|
|
.news{
|
|
padding-bottom:40px;
|
|
}
|
|
.businessbg{
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
background-size: contain;
|
|
}
|
|
.businessbgimg{
|
|
background-image: url(../images/businessbg.png);
|
|
}
|
|
.businesspadding{
|
|
padding: 39px 0 50px 0;
|
|
}
|
|
.businesstitle{
|
|
padding-bottom:19px;
|
|
}
|
|
.businessleft{
|
|
width: 232px;
|
|
height: 290px;
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
}
|
|
.businessimg{
|
|
height: 188px;
|
|
}
|
|
.businessimgages{
|
|
background-image: url(../images/rubbish/business01.png);
|
|
}
|
|
.businessbottom{
|
|
height: 122px;
|
|
margin-top: -20px;
|
|
padding: 0 15px;
|
|
}
|
|
.businessbottomimg01{
|
|
background-image: url(../images/businessbg01.png);
|
|
}
|
|
.businessbottomimg02{
|
|
background-image: url(../images/businessbg02.png);
|
|
}
|
|
.businessbottomimg03{
|
|
background-image: url(../images/businessbg03.png);
|
|
}
|
|
.businessheadline{
|
|
font-size:18px;
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.businessdes{
|
|
font-size:8px;
|
|
color:rgba(51,51,51,1);
|
|
line-height:10px;
|
|
margin-top: 12px;
|
|
}
|
|
.businessubpc{
|
|
display: -webkit-box !important;
|
|
display: box !important;
|
|
position:relative;-webkit-box-orient:vertical;
|
|
box-orient:vertical;-webkit-box-pack:center;
|
|
box-pack:center;
|
|
}
|
|
.businessright{
|
|
width: 474px;
|
|
height: 290px;
|
|
}
|
|
.businessright table{
|
|
|
|
}
|
|
.businessright table thead{
|
|
background:rgba(26,26,52,1);
|
|
}
|
|
.businessright table thead tr{
|
|
height:40px;
|
|
}
|
|
.businessright table thead th{
|
|
font-size:14px;
|
|
color:rgba(144,144,154,1);
|
|
}
|
|
.businessright table tbody{
|
|
height:250px;
|
|
}
|
|
.businessright table tbody tr{
|
|
text-align: center;
|
|
cursor: pointer;
|
|
line-height: 50px;
|
|
}
|
|
.businessright table tbody tr{
|
|
font-size:12px;
|
|
color:rgba(102,102,102,1);
|
|
}
|
|
.tablebg{
|
|
background:rgba(255,255,255,0.6);
|
|
filter: Alpha(opacity=60);
|
|
position: static;
|
|
*zoom: 1;
|
|
}
|
|
.fistmenumode{
|
|
font-size:18px;
|
|
|
|
color:rgba(51,51,51,1);
|
|
line-height:62px;
|
|
margin-right: 35px;
|
|
cursor: pointer;
|
|
}
|
|
.fistmanuactive{
|
|
background-image: url(../images/fistmanuactive.png);
|
|
background-position:bottom center;
|
|
background-repeat: no-repeat;
|
|
background-size: auto;
|
|
color:rgba(244,75,37,1);
|
|
}
|
|
.fistmenu{
|
|
height:62px;
|
|
background-color:rgba(240,240,240,0.88);
|
|
padding: 0 0 0 71px;
|
|
}
|
|
.mode{
|
|
width: 282px;
|
|
height: 159px;
|
|
background:rgba(255,255,255,1);
|
|
opacity:0.88;
|
|
cursor: pointer;
|
|
}
|
|
.mode .tobig-img:hover{
|
|
-webkit-transform: scale(1.05);
|
|
-ms-transform: scale(1.05);
|
|
transform: scale(1.05);
|
|
z-index: 3000;
|
|
transition:All 0.4s ease-in-out;
|
|
-webkit-transition:All 0.4s ease-in-out;
|
|
-moz-transition:All 0.4s ease-in-out;
|
|
-o-transition:All 0.4s ease-in-out;
|
|
}
|
|
.modemargintop{
|
|
margin-top: 30px;
|
|
}
|
|
.modemarginright{
|
|
margin-right: 24px;
|
|
}
|
|
.modeborder01{
|
|
border-top: 5px solid rgba(255,175,63,1);
|
|
}
|
|
.modeborder02{
|
|
border-top: 5px solid rgba(254,108,113,1);
|
|
}
|
|
.modeborder03{
|
|
border-top: 5px solid rgba(89,208,108,1);
|
|
}
|
|
.modeborder04{
|
|
border-top: 5px solid rgba(52,103,236,1);
|
|
}
|
|
.modeborder05{
|
|
border-top: 5px solid rgba(126,52,236,1);
|
|
}
|
|
.modeborder06{
|
|
border-top: 5px solid rgba(89,208,198,1);
|
|
}
|
|
.modeborder07{
|
|
border-top: 5px solid rgba(62,159,255,1);
|
|
}
|
|
.modeborder08{
|
|
border-top: 5px solid rgba(255,212,63,1);
|
|
}
|
|
.modeicon01{
|
|
width: 76px;
|
|
height: 76px;
|
|
background-image: url(../images/modeicon01.png);
|
|
}
|
|
.modeicon02{
|
|
width: 68px;
|
|
height: 76px;
|
|
background-image: url(../images/modeicon02.png);
|
|
}
|
|
.modeicon03{
|
|
width: 68px;
|
|
height: 80px;
|
|
background-image: url(../images/modeicon03.png);
|
|
}
|
|
.modeicon04{
|
|
width: 80px;
|
|
height: 80px;
|
|
background-image: url(../images/modeicon04.png);
|
|
}
|
|
.modeicon05{
|
|
width: 76px;
|
|
height: 76px;
|
|
background-image: url(../images/modeicon05.png);
|
|
}
|
|
.modeicon06{
|
|
width: 72px;
|
|
height: 76px;
|
|
background-image: url(../images/modeicon06.png);
|
|
}
|
|
.modeicon07{
|
|
width: 68px;
|
|
height: 76px;
|
|
background-image: url(../images/modeicon07.png);
|
|
}
|
|
.modeicon08{
|
|
width: 76px;
|
|
height: 68px;
|
|
background-image: url(../images/modeicon08.png);
|
|
}
|
|
.modetitle{
|
|
font-size:16px;
|
|
color:rgba(51,51,51,1);
|
|
margin-top: 22px;
|
|
}
|
|
.culture{
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
background-size: contain;
|
|
}
|
|
.cultureimg{
|
|
/*background-image: url(../images/culture.png);*/
|
|
}
|
|
.culturepadding{
|
|
padding: 39px 0 40px 0;
|
|
}
|
|
.cultureleft{
|
|
width: 282px;
|
|
height: 168px;
|
|
cursor: pointer;
|
|
filter:alpha(Opacity=60);
|
|
position: static;
|
|
*zoom: 1;
|
|
}
|
|
.culturebgimg{
|
|
background-image: url(../images/rubbish/culture01.png);
|
|
filter:alpha(Opacity=60);
|
|
position: static;
|
|
*zoom: 1;
|
|
}
|
|
.culturecon{
|
|
background:rgba(255,255,255,0.6);
|
|
filter: Alpha(opacity=60);
|
|
/* position: static; */
|
|
*zoom: 1;
|
|
height: 64px;
|
|
width: 100%;
|
|
margin-top: 104px;
|
|
}
|
|
.content .modeub .active a{color:rgba(235,76,18,1);}
|
|
.content .modeub a{display:inline-block;vertical-align:top;font-size:0.8em;font-weight:normal;}
|
|
.cultureleft a,.adright a{width:100%;}
|
|
.ubpe{
|
|
display: -webkit-box !important;
|
|
display: box !important;
|
|
position:relative;-webkit-box-pack:end;
|
|
box-pack:end;
|
|
}
|
|
.culturetitle{
|
|
font-size:18px;
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.culturedes{
|
|
font-size:8px;
|
|
color:rgba(129,134,138,1);
|
|
margin-top: 3px;
|
|
}
|
|
.culturepargin{
|
|
margin-right: 24px;
|
|
}
|
|
.threemode{
|
|
margin-top: 33px;
|
|
}
|
|
.threemodeleft{
|
|
width: 386px;
|
|
height: 140px;
|
|
cursor: pointer;
|
|
}
|
|
.threeimg{
|
|
background-image: url(../images/rubbish/threemode01.png);
|
|
}
|
|
.threetitle{
|
|
font-size:18px;
|
|
color:rgba(255,255,255,1);
|
|
}
|
|
.modethree{
|
|
margin-top: 40px;
|
|
}
|
|
.modethreeleft{
|
|
width: 386px;
|
|
height: 124px;
|
|
cursor: pointer;
|
|
}
|
|
.modethreeimg{
|
|
background-image: url(../images/rubbish/modethree01.png);
|
|
|
|
}
|
|
.modethreepadding{
|
|
padding-left: 29px;
|
|
}
|
|
.modethreetitle{
|
|
font-size:18px;
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.modethreedes{
|
|
font-size:8px;
|
|
color:rgba(144,144,144,1);
|
|
margin-top: 12px;
|
|
}
|
|
.updown{
|
|
display: -webkit-box !important;
|
|
display: box !important;
|
|
position:relative;
|
|
-webkit-box-orient:vertical;
|
|
box-orient:vertical;
|
|
-webkit-box-pack:center;
|
|
box-pack:center;
|
|
}
|
|
.modethreem{
|
|
margin-right: 21px;
|
|
}
|
|
.fourmode{
|
|
width: 1200px;
|
|
height: 124px;
|
|
padding-top: 40px;
|
|
}
|
|
.fourmodeimg{
|
|
background-image: url(../images/rubbish/fourmode.png);
|
|
}
|
|
.fourmodetitle{
|
|
font-size:18px;
|
|
color:rgba(255,255,255,1);
|
|
}
|
|
.fourmodedes{
|
|
font-size:8px;
|
|
color:rgba(207,165,176,1);
|
|
margin-top: 9px;
|
|
}
|
|
.fivemode{
|
|
margin-top: 40px;
|
|
}
|
|
.fivemodelineleft{
|
|
-webkit-border-top-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
-webkit-border-bottom-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
width: 100px;
|
|
height:6px;
|
|
background:rgba(245,109,79,1);
|
|
opacity:0.4;
|
|
}
|
|
.fivemodeicon{
|
|
width: 160px;
|
|
height: 160px;
|
|
cursor: pointer;
|
|
}
|
|
.fivemodeiconimg{
|
|
text-align:center;
|
|
background-image: url(../images/fivemode01.png);
|
|
}
|
|
.leftupdownright{
|
|
display: -webkit-box !important;
|
|
display: box !important;
|
|
position:relative;
|
|
-webkit-box-align:center;
|
|
box-align:center;
|
|
}
|
|
.fivemodelinelefttow{
|
|
width: 120px;
|
|
height:6px;
|
|
background:rgba(245,109,79,1);
|
|
opacity:0.4;
|
|
text-align:center;
|
|
}
|
|
.fivemodecircle{
|
|
text-align:center;
|
|
border: 5px solid rgba(245,109,79,0.4);
|
|
width: 150px;
|
|
height: 150px;
|
|
-webkit-border-radius: 160px;
|
|
border-radius: 160px ;
|
|
cursor: pointer;
|
|
}
|
|
.fivemodelineright{
|
|
-webkit-border-top-right-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
-webkit-border-bottom-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
width: 100px;
|
|
height:6px;
|
|
background:rgba(245,109,79,1);
|
|
opacity:0.4;
|
|
}
|
|
.fivemodetitle{
|
|
font-size:20px;
|
|
color:rgba(244,75,37,1);
|
|
margin-top:6px;
|
|
text-align:center;
|
|
}
|
|
.bannerbody{
|
|
/* margin-top: 120px; */
|
|
height: 318px;
|
|
}
|
|
.bannerservice{
|
|
height: 318px;
|
|
background-image: url(../images/bannerservice.png);
|
|
}
|
|
.residence{
|
|
margin-top:80px;
|
|
}
|
|
.residenceleft{
|
|
width: 619px;
|
|
height: 502px;
|
|
margin-right: 61px;
|
|
}
|
|
.residenceleftimg{
|
|
height: 502px;
|
|
background-image: url(../images/rubbish/residenceleftimg.png);
|
|
}
|
|
.residenceright{
|
|
width: 520px;
|
|
}
|
|
.residencerighttitle{
|
|
font-size: 24px;
|
|
text-align: center;
|
|
}
|
|
.residencerighdes{
|
|
font-size:14px;
|
|
color:rgba(128,128,128,1);
|
|
text-align: center;
|
|
}
|
|
.residencemenu{
|
|
margin-top: 39px;
|
|
border-bottom: 1px solid rgba(230,236,247,1);
|
|
padding-bottom: 40px;
|
|
}
|
|
.residencemenubox{
|
|
background:rgba(247,244,248,1);
|
|
border-radius: 2px ;
|
|
padding:9px 14px;
|
|
border: 2px solid rgba(213, 221, 235, 1);
|
|
cursor: pointer;
|
|
}
|
|
.residencemenuboxtitle {
|
|
color: var(--color);
|
|
-webkit-transition: 0.25s;
|
|
transition: 0.25s;
|
|
}
|
|
.residencemenumr{
|
|
margin-right: 40px;
|
|
}
|
|
.centerleftright{
|
|
display: -webkit-box !important;
|
|
display: box !important;
|
|
position:relative;
|
|
-webkit-box-align:center;
|
|
box-align:center;
|
|
-webkit-box-pack:center;
|
|
box-pack:center;
|
|
}
|
|
.residencedes{
|
|
font-size:14px;
|
|
color:rgba(49,56,69,1);
|
|
line-height:24px;
|
|
margin-top: 38px;
|
|
}
|
|
.ub{
|
|
display: -webkit-box !important;
|
|
display: box !important;
|
|
position:relative;
|
|
}
|
|
.residencetelicon{
|
|
width: 80px;
|
|
height: 84px;
|
|
background-image: url(../images/residencetel.png);
|
|
}
|
|
.residencecontact{
|
|
margin-top: 64px;
|
|
}
|
|
.residennumber{
|
|
font-size:18px;
|
|
color:rgba(51,51,51,1);
|
|
text-transform:lowercase;
|
|
}
|
|
.residennumberml{
|
|
margin-left: -5px;
|
|
}
|
|
.residenceemail{
|
|
margin-top: 20px;
|
|
margin-left: 28px;
|
|
}
|
|
.residenceemailicon{
|
|
background-image: url(../images/residenceemail.png);
|
|
width: 36px;
|
|
height: 26px;
|
|
margin-right: 13px;
|
|
}
|
|
.codeicon{
|
|
width: 162px;
|
|
height: 162px;
|
|
background-image: url(../images/codeicon.png);
|
|
margin-top: 60px;
|
|
}
|
|
.residencebody{
|
|
margin-top: 24px;
|
|
}
|
|
.residencebodyleft{
|
|
width: 282px;
|
|
height: 282px;
|
|
background:rgba(235,236,243,1);
|
|
}
|
|
.residenceticon{
|
|
background-image: url(../images/rubbish/priceicon01.png);
|
|
}
|
|
.residenceticonimg{
|
|
width: 282px;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
cursor: pointer;
|
|
}
|
|
.noprice{
|
|
width: 87px;
|
|
height: 87px;
|
|
background-image: url(../images/noprice.png);
|
|
}
|
|
.residencebodyautor{
|
|
height: 100px;
|
|
background-image:-webkit-linear-gradient(360deg, rgba(61,63,75,0.5), rgba(235,236,244,0));
|
|
background-image:linear-gradient(360deg,rgba(61,63,75,0.5),rgba(235,236,244,0));
|
|
margin-top: 95px;
|
|
}
|
|
.residencebodyautor2{
|
|
height: 100px;
|
|
background-image:-webkit-linear-gradient(360deg, rgba(61,63,75,0.5), rgba(235,236,244,0));
|
|
background-image:linear-gradient(360deg,rgba(61,63,75,0.5),rgba(235,236,244,0));
|
|
margin-top: 110px;
|
|
}
|
|
.residencautor{
|
|
font-size:18px;
|
|
color:rgba(247,244,248,1);
|
|
}
|
|
.residencautordes{
|
|
font-size:14px;
|
|
color:rgba(239,236,240,1);
|
|
}
|
|
.residenceticonmr{
|
|
margin-right: 24px;
|
|
}
|
|
.price{
|
|
width: 114px;
|
|
height: 50px;
|
|
background-image: url(../images/price.png);
|
|
margin-top: 20px;
|
|
margin-left: -10px;
|
|
font-size:20px;
|
|
color:rgba(247,244,248,1);
|
|
text-align: center;
|
|
line-height:38px;
|
|
}
|
|
.residencebodymore{
|
|
margin-top: 20px;
|
|
width:1200px;
|
|
height:48px;
|
|
background:rgba(235,236,243,1);
|
|
}
|
|
.gomorepage{
|
|
font-size:16px;
|
|
color:rgba(51,51,51,1);
|
|
cursor: pointer;
|
|
}
|
|
.banks{
|
|
/* margin-top:30px; */
|
|
}
|
|
.banksleft{
|
|
width: 600px;
|
|
height: 516px;
|
|
background-image: url(../images/rubbish/banksleft.png);
|
|
margin-right: 61px;
|
|
}
|
|
.banksright{
|
|
width: 539px;
|
|
}
|
|
.banksrightdesborder{
|
|
border-bottom: 1px solid rgba(230,236,247,1);
|
|
padding-bottom: 40px;
|
|
}
|
|
.contantsicon{
|
|
width: 54px;
|
|
height: 134px;
|
|
background-image: url(../images/contantsicon.png);
|
|
|
|
}
|
|
.banksrightnum{
|
|
padding-left:44px;
|
|
margin-top: 44px;
|
|
}
|
|
.number{
|
|
font-size:18px;
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.telnumber{
|
|
margin-top: 25px;
|
|
}
|
|
.numberbody2{
|
|
margin-left: -6px;
|
|
margin-right:40px;
|
|
}
|
|
.qqnumber{
|
|
margin-top: 7px;
|
|
}
|
|
.emailnumber{
|
|
margin-top: 19px;
|
|
}
|
|
.banksbody{
|
|
margin-top: 40px;
|
|
}
|
|
.banksbodyleft{
|
|
width: 282px;
|
|
height: 358px;
|
|
cursor: pointer;
|
|
}
|
|
.banksbodylefticon{
|
|
background-color: rgba(235,236,243,1);
|
|
height: 212px;
|
|
}
|
|
.banksbodylefticonimg{
|
|
background-image: url(../images/rubbish/priceicon01.png);
|
|
}
|
|
.banksbodyleftcon{
|
|
height: 146px;
|
|
background-color: rgb(255,255,255);
|
|
}
|
|
.banksleftcon{
|
|
padding: 20px;
|
|
|
|
}
|
|
.banksleftcontitle{
|
|
font-size:16px;
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.banksbar{
|
|
margin-top: 14px;
|
|
height:10px;
|
|
background:rgba(235,236,243,1);
|
|
border-radius: 5px
|
|
}
|
|
.banksshadow{
|
|
background-image:-webkit-linear-gradient(to right, rgba(239, 99, 22, 1), rgba(236, 179, 42, 1));
|
|
background-image:linear-gradient(to right,rgba(239, 99, 22, 1),rgba(236, 179, 42, 1));
|
|
height:10px;
|
|
border-radius: 5px
|
|
}
|
|
.banksprice{
|
|
font-size:24px;
|
|
color:rgba(51,51,51,1);
|
|
margin-top: 6px;
|
|
font-weight: lighter;
|
|
}
|
|
.fontweight{
|
|
font-weight:bolder;
|
|
}
|
|
|
|
.residencemenued{
|
|
margin-top: 25px;
|
|
/* border-bottom: 1px solid rgba(230,236,247,1); */
|
|
/* padding-bottom: 40px; */
|
|
}
|
|
|
|
.residencemenued2{
|
|
position: absolute;
|
|
top: 155px;
|
|
left: 414px;
|
|
}
|
|
.bankschoub{
|
|
font-size:14px;
|
|
color:rgba(51,51,51,1);
|
|
margin-top: 9px;
|
|
font-weight: lighter;
|
|
}
|
|
.banksmr{
|
|
margin-right: 24px;
|
|
}
|
|
.camerimg{
|
|
height: 381px;
|
|
background-image: url(../images/yipaiimg.png);
|
|
margin-top: 40px;
|
|
}
|
|
.paitop{
|
|
margin-top: 80px;
|
|
}
|
|
.artfilmtitle{
|
|
border-bottom: 1px solid rgba(230,236,247,1);
|
|
padding-bottom: 19px;
|
|
}
|
|
.artfilm{
|
|
margin-top: 40px;
|
|
}
|
|
.artfilmleft{
|
|
width: 282px;
|
|
height: 358px;
|
|
cursor: pointer;
|
|
}
|
|
.artfilmleftmr{
|
|
margin-right: 24px;
|
|
}
|
|
.artfilmname{
|
|
height: 100px;
|
|
background-image: -webkit-linear-gradient(360deg, rgba(61,63,75,0.5), rgba(235,236,244,0));
|
|
background-image: linear-gradient(360deg,rgba(61,63,75,0.5),rgba(235,236,244,0));
|
|
top: 112px;
|
|
text-align: center;
|
|
position: relative;
|
|
line-height: 100px;
|
|
}
|
|
.artfilmpricemtbody{
|
|
|
|
padding: 24px;
|
|
background-color: rgba(255,255,255,1);
|
|
}
|
|
.artfilmtime{
|
|
font-size:14px;
|
|
color:rgba(51,51,51,1);
|
|
text-align: center;
|
|
}
|
|
.timeartm{
|
|
margin: 0 5px;
|
|
color: rgba(244, 75, 37, 1);
|
|
font-weight: bolder;
|
|
}
|
|
.artfilmpricemt{
|
|
margin-top: 14px;
|
|
}
|
|
.artfilmprice{
|
|
width: 77px;
|
|
text-align: center;
|
|
}
|
|
.artfilmpriceborder{
|
|
border-right: 1px solid rgba(235,236,243,1);
|
|
}
|
|
.qipai{
|
|
font-size:14px;
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.qipaiprice{
|
|
font-size:16px;
|
|
color:rgba(244,75,37,1);
|
|
font-weight: bolder;
|
|
margin-top: 19px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.shoppingmt{
|
|
margin-top:20px;
|
|
}
|
|
.shoppingimg{
|
|
height: 200px;
|
|
background-image: url(../images/rubbish/shoppingimg.png);
|
|
}
|
|
.shopingtitle{
|
|
width:200px;
|
|
height:200px;
|
|
background:rgba(35,61,32,0.8);
|
|
}
|
|
.shoppingname{
|
|
font-size:40px;
|
|
color:rgba(234,234,244,1);
|
|
font-weight: bolder;
|
|
}
|
|
.shoppingnameen{
|
|
font-size:14px;
|
|
color:rgba(234,234,244,1);
|
|
margin-top: 18px;
|
|
}
|
|
.shoppingdes{
|
|
margin-top: 38px;
|
|
font-size:14px;
|
|
|
|
color:rgba(49,56,69,1);
|
|
line-height:24px;
|
|
}
|
|
.shoppingrefer{
|
|
margin-top: 48px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.referleft{
|
|
width: 400px;
|
|
}
|
|
.refertitle{
|
|
font-size:24px;
|
|
|
|
color:rgba(51,51,51,1);
|
|
}
|
|
.refertel{
|
|
margin-top: 28px;
|
|
}
|
|
.refertelleft{
|
|
font-size:18px;
|
|
|
|
color:rgba(163,163,163,1);
|
|
line-height:32px;
|
|
}
|
|
.refertelnumber{
|
|
font-size:18px;
|
|
|
|
color:rgba(51,51,51,1);
|
|
line-height:32px;
|
|
margin-left: 9px;
|
|
|
|
}
|
|
.refertelnumber div{
|
|
text-transform:lowercase;
|
|
}
|
|
.codeimg{
|
|
width: 132px;
|
|
height: 132px;
|
|
background-image: url(../images/rubbish/code01.png);
|
|
}
|
|
.codeimg2{
|
|
width: 132px;
|
|
height: 132px;
|
|
background-image: url(../images/rubbish/code02.png);
|
|
}
|
|
.codeimg3{
|
|
width: 132px;
|
|
height: 132px;
|
|
background-image: url(../images/rubbish/code03.png);
|
|
}
|
|
.honor{
|
|
padding-top: 40px;
|
|
padding-bottom:80px;
|
|
}
|
|
.honorbody{
|
|
/* margin-top: 40px; */
|
|
}
|
|
.honorbody{
|
|
height: 180px;
|
|
}
|
|
.honoricon{
|
|
width: 282px;
|
|
height: 180px;
|
|
}
|
|
.honoriconimg{
|
|
background-image: url(../images/rubbish/honor01.png);
|
|
}
|
|
.swiper-button-next, .swiper-button-prev{
|
|
width: 66px !important;
|
|
height: 66px !important;
|
|
background:rgba(26,26,52,0.7);
|
|
margin-top: -35px !important;
|
|
}
|
|
.footertop{
|
|
background:rgba(26,26,52,1);
|
|
padding-top: 60px;
|
|
padding-bottom: 50px;
|
|
}
|
|
.footertopleft{
|
|
width: 400px;
|
|
margin-right: 120px;
|
|
}
|
|
.footerborder{
|
|
border-bottom: 1px solid rgba(255,255,255,0.1);
|
|
padding-bottom: 17px;
|
|
margin-bottom: 19px;
|
|
}
|
|
.footeraddressname{
|
|
font-size:30px;
|
|
|
|
color:rgba(181,181,195,1);
|
|
}
|
|
.addressnameen{
|
|
font-size:20px;
|
|
|
|
color:rgba(68,68,94,1);
|
|
line-height: 42px;
|
|
}
|
|
.footerdes{
|
|
font-size:14px;
|
|
|
|
color:rgba(143,143,168,1);
|
|
margin-bottom: 15px;
|
|
text-transform:lowercase;
|
|
}
|
|
.footertopright{
|
|
|
|
}
|
|
.qscode{
|
|
width: 148px;
|
|
height: 148px;
|
|
}
|
|
.qscodeimg{
|
|
background-image: url(../images/rubbish/qscode.png);
|
|
width: 148px;
|
|
height: 148px;
|
|
}
|
|
.weixfont{
|
|
color:rgba(255,255,255,1);
|
|
font-size: 24px !important;
|
|
}
|
|
.weixtop{
|
|
margin-top: 20px;
|
|
}
|
|
.saoguan{
|
|
font-size:16px;
|
|
|
|
color:rgba(255,255,255,1);
|
|
margin-left: 15px;
|
|
}
|
|
.about{
|
|
font-size:16px;
|
|
|
|
color:rgba(82,82,97,1);
|
|
margin-top: 20px;
|
|
}
|
|
.aboutus{
|
|
color: rgba(112, 112, 151, 1);
|
|
margin-left: 5px;
|
|
cursor: pointer;
|
|
}
|
|
.footerbottom{
|
|
background:rgba(14,14,42,1);
|
|
padding: 25px 0;
|
|
}
|
|
.friendline a,.friendline{
|
|
font-size:12px;
|
|
|
|
color:rgba(82,82,97,1);
|
|
|
|
}
|
|
.gongguan{
|
|
width:200px;
|
|
height:200px;
|
|
background:rgba(199,122,46,0.8);
|
|
}
|
|
.gongguanname{
|
|
font-size:32px;
|
|
|
|
color:rgba(234,234,244,1);
|
|
}
|
|
.gongguanen{
|
|
font-size:14px;
|
|
|
|
color:rgba(234,234,244,1);
|
|
margin-top: 14px;
|
|
}
|
|
.touhang{
|
|
width:200px;
|
|
height:200px;
|
|
background:rgba(17,0,0,0.6);
|
|
}
|
|
.touhname{
|
|
font-size:40px;
|
|
|
|
color:rgba(234,234,244,1);
|
|
}
|
|
.touhen{
|
|
font-size:14px;
|
|
|
|
color:rgba(234,234,244,1);
|
|
margin-top: 14px;
|
|
}
|
|
.servicelogo{
|
|
width: 207px;
|
|
height: 43px;
|
|
background-image: url(../images/servicelogo.png);
|
|
}
|
|
.servicefriend{
|
|
width: 204px;
|
|
height: 25px;
|
|
background-image: url(../images/servicefriend.png);
|
|
margin-top: 24px;
|
|
}
|
|
.logofriend{
|
|
width: 380px;
|
|
height: 318px;
|
|
}
|
|
.logofriendmenu{
|
|
height: 318px;
|
|
width: 436px;
|
|
}
|
|
.menufriend{
|
|
width: 20px;
|
|
height: 109px;
|
|
margin-right: 56px;
|
|
cursor: pointer;
|
|
}
|
|
.menufriendname{
|
|
font-size:14px;
|
|
|
|
color:rgba(98,56,22,1);
|
|
text-align: center;
|
|
}
|
|
.rightleft{
|
|
-webkit-box-pack:center;
|
|
box-pack:center;
|
|
}
|
|
.activemenu{
|
|
background-image: url(../images/activemenu.png);
|
|
}
|
|
.guafontsize{
|
|
font-size: 41px !important;
|
|
}
|
|
.guafont{
|
|
color: rgba(244,75,37,1);
|
|
}
|
|
.camerleft{
|
|
width: 500px;
|
|
padding-top: 40px;
|
|
}
|
|
.camerleftbg{
|
|
width:200px;
|
|
height:200px;
|
|
background:rgba(37,62,101,0.5);
|
|
}
|
|
.camerlefttitle{
|
|
font-size:40px;
|
|
|
|
color:rgba(234,234,244,1);
|
|
}
|
|
.camerleften{
|
|
font-size:14px;
|
|
|
|
color:rgba(234,234,244,1);
|
|
margin-top: 19px;
|
|
}
|
|
.cameright{
|
|
margin:65px 30px 0px 50px;
|
|
width: 620px;
|
|
}
|
|
.camerighttop{
|
|
font-size:14px;
|
|
|
|
color:rgba(49,56,69,1);
|
|
line-height:24px;
|
|
}
|
|
.camerightconstact{
|
|
margin-top: 13px;
|
|
}
|
|
.rightline{
|
|
border-bottom: 1px solid rgba(49,56,69,1);
|
|
width: 198px;
|
|
}
|
|
.rightlinetel{
|
|
font-size:16px;
|
|
|
|
color:rgba(49,56,69,1);
|
|
margin: 0 30px;
|
|
}
|
|
.telemail{
|
|
margin-top:10px;
|
|
}
|
|
.telcamer{
|
|
width: 275px;
|
|
margin-bottom:8px;
|
|
}
|
|
.telcolor{
|
|
font-size: 22px !important;
|
|
color: rgba(49,56,69,1);
|
|
}
|
|
.telfont{
|
|
font-size:16px;
|
|
|
|
color:rgba(51,51,51,1);
|
|
margin-left: 10px;
|
|
}
|
|
.rightwin{
|
|
position: fixed;
|
|
bottom: 20px;
|
|
right: 10px;
|
|
width: 84px;
|
|
z-index: 999;
|
|
}
|
|
.rightwinmenu{
|
|
background:rgba(255,255,255,1);
|
|
border:1px solid rgba(230, 230, 230, 1);
|
|
}
|
|
.winmenu{
|
|
width: 84px;
|
|
height: 74px;
|
|
font-size:12px;
|
|
|
|
color:rgba(102,102,102,1);
|
|
cursor: pointer;
|
|
|
|
}
|
|
.winmenuborder{
|
|
border-bottom:1px solid rgba(230, 230, 230, 1);
|
|
}
|
|
.winicon{
|
|
font-size: 20px !important;
|
|
}
|
|
.sticktop{
|
|
width: 84px;
|
|
height: 85px;
|
|
margin-top: 11px;
|
|
background:rgba(240,240,240,1);
|
|
display: none;
|
|
}
|
|
.jiantou{
|
|
font-size: 10px;
|
|
color: rgba(102,102,102,1);
|
|
text-align: center;
|
|
padding-top: 20px;
|
|
}
|
|
.dingbu{
|
|
font-size:12px;
|
|
|
|
color:rgba(102,102,102,1);
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
.winactive{
|
|
background:rgba(191,54,40,1);
|
|
color: rgba(255,255,255,1) !important;
|
|
width: 82px;
|
|
}
|
|
.iconactive{
|
|
color: rgba(255,255,255,1) !important;
|
|
}
|
|
|
|
/**********详情页***********/
|
|
.detailsbg{
|
|
background:rgba(255,255,255,1) !important;
|
|
}
|
|
.detailsbanner{
|
|
height: 156px;
|
|
background-color: rgba(12, 11, 41, 0.44);
|
|
background-image: url(../images/pic.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.tabs{
|
|
height:44px;
|
|
margin-top:10px;
|
|
border-bottom: 1px solid rgba(207,200,208,1);
|
|
border-radius: 1px ;
|
|
}
|
|
.hometabs{
|
|
font-size: 20px !important;
|
|
color: rgba(27,26,53,1);
|
|
font-weight: bolder;
|
|
}
|
|
.tabstitle{
|
|
font-size:16px;
|
|
color:rgba(76,76,76,1);
|
|
line-height:22px;
|
|
margin-left:10px;
|
|
display:inline-block;
|
|
min-width:40px;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
}
|
|
.pricewraper,.changewraper,.sortwraper{display:inline-block;vertical-align:top;margin-left:20px;}
|
|
.pricewraper .tabstitle,.changewraper .tabstitle,.sortwraper .tabstitle{margin:0px 3px;}
|
|
.filterwraper{position:absolute;z-index:99;right:0px;top:10px;}
|
|
.detailsdes-list{display:none;}
|
|
.pricewraper input,.sortwraper a,.changewraper a{padding:3px 5px;line-height:18px;border:1px solid rgba(207,200,208,1);}
|
|
.pricewraper input{width:60px;}
|
|
.pricewraper .label,.sortwraper .label{min-width:auto;margin:0px;font-size:14px;}
|
|
.changewraper a{padding-left:24px;}
|
|
.sortwraper a{padding-right:22px;}
|
|
.changewraper a.active,.changewraper a:hover,.sortwraper a.active,.sortwraper a:hover{color:#ff5256;border:1px solid #ff5256;}
|
|
.tabs .category a{background:url(../images/category.png) top left no-repeat;}
|
|
.tabs .poster a{background:url(../images/all.png) top left no-repeat;}
|
|
.sortwraper .fall a{background:url(../images/falling.png) top right no-repeat;}
|
|
.sortwraper .fall a:hover,.sortwraper .fall a.active{background:url(../images/falling_hover.png) top right no-repeat;}
|
|
.sortwraper .rising a{background:url(../images/rising.png) top right no-repeat;}
|
|
.sortwraper .rising a:hover,.sortwraper .rising a.active{background:url(../images/rising_hover.png) top right no-repeat;}
|
|
.tabs .category a:hover,.tabs .category a.active{background:url(../images/category_hover.png) top left no-repeat;}
|
|
.tabs .poster a:hover,.tabs .poster a.active{background:url(../images/all_hover.png) top left no-repeat;}
|
|
.hreftitle{
|
|
font-size:16px;
|
|
color:rgba(76,76,76,.7);
|
|
line-height:22px;
|
|
margin-right:5px;
|
|
display:inline-block;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
padding:0px 5px;
|
|
border:1px solid rgba(207,200,208,1);
|
|
}
|
|
a.hreftitle:hover{
|
|
color:#ff5256;
|
|
border:1px solid #ff5256;
|
|
}
|
|
|
|
.tabslast{
|
|
color:rgba(235, 76, 18, 1);
|
|
cursor: pointer;
|
|
margin-left: 0;
|
|
}
|
|
.tabstitle a,.tabslast a{color:rgba(76,76,76,.7);}
|
|
.backcolor{
|
|
font-size:16px !important;
|
|
color: rgba(0,0,0,1)
|
|
}
|
|
.tabslastfont{
|
|
font-size:0.8em;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
margin-left: 10px;
|
|
cursor: pointer;
|
|
}
|
|
.tabslastfont .backcolor{
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
.tabslastfont:hover a, .tabslastfont:hover .backcolor {
|
|
color: rgb(235, 76, 18);
|
|
}
|
|
.detailstitle{
|
|
font-size:32px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:45px;
|
|
margin-top: 40px;
|
|
}
|
|
.sharecon{
|
|
width:340px;
|
|
height:42px;
|
|
background:rgba(245,245,245,1);
|
|
border-radius: 4px ;
|
|
margin-top:26px;
|
|
}
|
|
.sharetitle{
|
|
font-size:14px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:20px
|
|
}
|
|
.jiathis_txt{
|
|
margin-right: 12px !important;
|
|
}
|
|
.detailscome{
|
|
margin-top:26px;
|
|
padding-bottom: 40px;
|
|
border-bottom: 1px solid rgba(244,242,245,1);
|
|
border-radius: 1px ;
|
|
}
|
|
.comefont{
|
|
font-size:16px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:22px
|
|
}
|
|
.comecolor{
|
|
color: rgba(27, 26, 53, 1)
|
|
}
|
|
.comeml{
|
|
margin-left: 40px;
|
|
}
|
|
.detailsdes .product .img{vertical-align: top;}
|
|
.detailsdes .product{display:inline-block;margin-bottom:3%;margin-right:4%;vertical-align:top;width:20%;background:rgba(240,240,240,1);}
|
|
.detailsdes .product a{color:rgba(76,76,76,1);display:block;}
|
|
.detailsdes .product .detail{text-align:left;padding:0px 5% 10px 5%;}
|
|
.detailsdes .product .detail .title{line-height:1.6em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
|
|
.detailsdes .product .detail p{line-height:1.6em;font-size:0.8em;}
|
|
.detailsdes table{border-collapse:collapse;}
|
|
.detailsdes table,.detailsdes td,.detailsdes th{border:1px solid black;}
|
|
.detailsdes{
|
|
font-size:16px;
|
|
width:900px;
|
|
margin:40px auto 0px auto;
|
|
color:rgba(27,26,53,1);
|
|
overflow:hidden;
|
|
line-height:32px;
|
|
}
|
|
.detailsdes table,.detailsdes table tbody,.detailsdes table tbody tr{max-width:100% !important;overflow:hidden !important;word-break:break-all;}
|
|
.detailsdes table td{word-wrap:break-word !important;}
|
|
.updownpage{
|
|
margin-top: 120px;
|
|
border-bottom: 1px solid rgba(207,200,208,1);
|
|
border-radius: 1px;
|
|
padding-bottom: 40px;
|
|
}
|
|
.detailsup{
|
|
width:452px;
|
|
height:42px;
|
|
background-image: url(../images/upbg.png);
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
cursor: pointer;
|
|
}
|
|
.detailsdown{
|
|
width:452px;
|
|
height:42px;
|
|
background-image: url(../images/downbg.png);
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
cursor: pointer;
|
|
}
|
|
.uptitle{
|
|
margin-left: 5px;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
line-height:46px;
|
|
width: 320px;
|
|
}
|
|
.upname{
|
|
color: rgba(128, 128, 128, 1);
|
|
padding-left: 40px;
|
|
}
|
|
.recommend{
|
|
margin-top:34px;
|
|
font-size:16px;
|
|
|
|
color:rgba(76,76,76,1);
|
|
line-height:22px;
|
|
margin-bottom:26px;
|
|
}
|
|
.nor{
|
|
width:24px;
|
|
height:24px;
|
|
background-color:rgba(255,255,255,1);
|
|
border-radius: 2px ;
|
|
}
|
|
.norimg{
|
|
background-image: url(../images/nor.png);
|
|
}
|
|
.nortitle{
|
|
font-size:14px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:20px;
|
|
margin-left: 20px;
|
|
}
|
|
.nortime{
|
|
font-size:14px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:20px;
|
|
margin-left: 20px;
|
|
}
|
|
.recommendnor{
|
|
margin-bottom:14px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.recommendlist a{width:100%;}
|
|
.recommendlist{
|
|
margin-bottom: 80px;
|
|
}
|
|
/**********本所介绍**********/
|
|
.modeleft{
|
|
width: 240px;
|
|
}
|
|
.modelefttop{
|
|
width: 240px;
|
|
height: 120px;
|
|
margin-top: -60px;
|
|
background:rgba(184,55,32,1);
|
|
}
|
|
.lefttutitle{
|
|
font-size:20px;
|
|
text-align:center;
|
|
color:rgba(255,255,255,1);
|
|
line-height:33px;
|
|
}
|
|
.leften{
|
|
font-size:14px;
|
|
|
|
color:rgba(255,255,255,1);
|
|
line-height:20px;
|
|
margin-top: 5px;
|
|
}
|
|
.modeleftmenu{
|
|
width:240px;
|
|
min-height:680px;
|
|
/*background: linear-gradient(180deg, rgba(244,242,245,1) 20%, rgba(244,242,245,0.5) 50%, rgba(244,242,245,0) 80%);*/
|
|
/*background:-webkit-gradient(180deg, rgba(244,242,245,1) 20%, rgba(244,242,245,0.5) 50%, rgba(244,242,245,0) 80%);*/
|
|
/*渐变色会导致列表底下的颜色和上面不一样,容易误会。。*/
|
|
background-color: rgba(244,242,245,1);
|
|
}
|
|
.leftmenu{
|
|
height: 67px;
|
|
border-bottom: 1px dashed rgba(207, 200, 208, 1);
|
|
font-size:16px;
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
cursor: pointer;
|
|
font-weight: 700;
|
|
}
|
|
.modekuai{
|
|
font-size: 21px !important;
|
|
margin-left:3px;
|
|
margin-right:6px;
|
|
}
|
|
.jiesh{
|
|
text-align: right;
|
|
}
|
|
.modeleftmenu .jiesh{
|
|
text-align:left;
|
|
padding-left:14px;
|
|
}
|
|
.modeleftmenu .zhidutitle{
|
|
text-align:left;
|
|
text-indent:6px;
|
|
font-size: 16px;
|
|
}
|
|
.modeleftmenuactive{
|
|
color:rgba(235,76,18,1);
|
|
}
|
|
.moderight{
|
|
margin-left:50px;
|
|
_float:left;
|
|
|
|
}
|
|
.moderighttag{
|
|
/*height:50px;*/
|
|
border-bottom:1px solid #717171;
|
|
border-radius: 1px;
|
|
margin: 10px auto;
|
|
padding-bottom: 10px;
|
|
}
|
|
.npagelist .nitem{border-bottom:1px dashed #eee;padding:13px 17px 13px 15px;}
|
|
.npagelist .nitem:nth-child(even){background:#f5f5f5;}
|
|
.npagelist .nitem .modef1{color:#666;font-size:16px;}
|
|
.npagelist .nitem .modef1 .modekuai{margin-right:3px;color:#bfbfbf;}
|
|
.npagelist .nitem .modepc{color:#a0a0a0;font-size:16px;}
|
|
.npagelist .nitem .modef1 .active,.npagelist .nitem:hover .modef1,.npagelist .nitem:hover .modekuai{color:#eb4c12;}
|
|
|
|
.childlist .child{margin-right:15px;display:inline-block;}
|
|
.childlist .child a{color:rgba(27,26,53,1);}
|
|
.childlist .child a.active,.childlist .child a:hover{color:rgba(235,76,18,1);}
|
|
|
|
.tagtitle{
|
|
font-size:28px;
|
|
font-weight: 700;
|
|
color:rgba(235,76,18,1);
|
|
line-height:28px;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
padding: 15px 0;
|
|
}
|
|
.tagdate{font-size:14px;line-height:34px;color:#707070;}
|
|
.tagline{
|
|
margin: 0 10px;
|
|
font-size:14px;
|
|
|
|
color:rgba(235,76,18,1);
|
|
line-height:20px;
|
|
}
|
|
.moderightnameactive .moderightcheck{
|
|
border: 1px solid rgba(235, 76, 18, 1);
|
|
}
|
|
.moderightnameactive .linkorange{
|
|
background-image: url(../images/orange.png);
|
|
}
|
|
.moderightnameactive .jianf{
|
|
content: "\e668";
|
|
color: rgba(235,76,18,1);
|
|
background-image: url(../images/arrowdown.png);
|
|
}
|
|
.tagtitleen{
|
|
font-size:22px;
|
|
color:rgba(235,76,18,1);
|
|
line-height:28px;
|
|
}
|
|
.righttagdes{
|
|
margin-top: 20px;
|
|
font-size:12px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:17px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.arrowup{
|
|
width: 15px;
|
|
height: 15px;
|
|
background-image: url(../images/arrowup.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 100% 100%;
|
|
}
|
|
.moderightcheck{
|
|
width:24px;
|
|
height:24px;
|
|
background:rgba(255,255,255,1);
|
|
border-radius: 2px ;
|
|
border:1px solid rgba(244, 242, 245, 1);
|
|
}
|
|
.jianf{
|
|
font-size: 12px !important;
|
|
color: rgba(207,200,208,1);
|
|
}
|
|
.jianfactive{
|
|
color: rgba(235,76,18,1);
|
|
}
|
|
.moderighttitle{
|
|
height: 38px;
|
|
border-bottom: 1px solid rgba(244,242,245,1);
|
|
border-top: 1px solid rgba(244,242,245,1);
|
|
margin-left: 20px;
|
|
cursor: pointer;
|
|
}
|
|
.moderightname{
|
|
font-size:16px;
|
|
|
|
line-height:22px;
|
|
margin-left: 21px;
|
|
}
|
|
.moderightnamecolor{
|
|
color:rgba(27,26,53,1);
|
|
}
|
|
|
|
.modeintrduce{
|
|
margin-top: 40px;
|
|
}
|
|
.moderightcheckactive{
|
|
border:1px solid rgba(235, 76, 18, 1);
|
|
}
|
|
.moderightnameactive{
|
|
color:rgba(235,76,18,1);
|
|
}
|
|
.modeintrducedes{
|
|
background:rgba(250,250,250,1);
|
|
border-radius: 2px ;
|
|
padding: 20px;
|
|
border:1px solid rgba(244, 242, 245, 1);
|
|
z-index: 9;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.arrow_box {
|
|
position: relative;
|
|
background: rgba(250,250,250,1);
|
|
border: 1px solid rgba(244, 242, 245, 1);
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 30px 0 0 0 ;
|
|
|
|
}
|
|
.arrow_box::after,
|
|
.arrow_box::before {
|
|
position:absolute;
|
|
content:"";
|
|
height:0;
|
|
width: 0;
|
|
pointer-events: none;
|
|
border: solid transparent;
|
|
}
|
|
/*top*/
|
|
.arrow_box.top::after,
|
|
.arrow_box.top::before {
|
|
bottom: 100%;
|
|
}
|
|
|
|
.arrow_box.top::after {
|
|
border-color: rgba(136, 183, 213, 0);
|
|
border-bottom-color: rgba(250,250,250,1);
|
|
border-width: 10px;
|
|
left: 50px;
|
|
margin-left: -10px;
|
|
}
|
|
.arrow_box.top::before {
|
|
border-color: rgba(194, 225, 245, 0);
|
|
border-bottom-color:rgba(244, 242, 245, 1);
|
|
border-width: 11px;
|
|
left: 50px;
|
|
margin-left: -11px;
|
|
}
|
|
.miaoshu{
|
|
padding: 20px;
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
}
|
|
.bodymb{
|
|
margin-bottom: 100px;
|
|
}
|
|
.menuline li{
|
|
cursor: pointer;
|
|
}
|
|
.adverleft{
|
|
width: 211px;
|
|
cursor: pointer;
|
|
}
|
|
.adverleftmr{
|
|
margin-right: 16px;
|
|
}
|
|
.adverleftimg{
|
|
height: 120px;
|
|
overflow:hidden;
|
|
background-image: url(../images/rubbish/business01.png);
|
|
}
|
|
.advercon{
|
|
margin: 21px 0 0 0;
|
|
}
|
|
.adverleftmb{
|
|
margin-bottom: 40px;
|
|
}
|
|
.advertitle{
|
|
font-size:14px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:20px;
|
|
margin-top: 10px;
|
|
}
|
|
.pagecon{
|
|
margin-top: 40px;
|
|
}
|
|
.policybody{
|
|
padding: 20px 51px 20px 0;
|
|
cursor: pointer;
|
|
}
|
|
.policyimg{
|
|
width: 172px;
|
|
height: 140px;
|
|
overflow:hidden;
|
|
text-align:center;
|
|
}
|
|
.policyimg img{max-width:100%;max-height:100%;}
|
|
.policycenter{
|
|
margin-left: 20px;
|
|
}
|
|
.centername{
|
|
padding:0 18px;
|
|
height:28px;
|
|
background:rgba(193,160,80,1);
|
|
border-radius: 2px;
|
|
font-size:16px;
|
|
|
|
color:rgba(245,245,245,1);
|
|
line-height:22px;
|
|
}
|
|
.centettitle{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
margin-left: 10px;
|
|
}
|
|
.centerdes{
|
|
font-size:14px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:20px;
|
|
margin-top: 16px;
|
|
}
|
|
.policyright{
|
|
margin-left: 46px;
|
|
}
|
|
.policyyear{
|
|
width:100px;
|
|
height:32px;
|
|
border-radius: 4px ;
|
|
border:1px solid rgba(244, 242, 245, 1);
|
|
font-size:18px;
|
|
|
|
color:rgba(193,160,80,1);
|
|
line-height:25px;
|
|
}
|
|
.policymd{
|
|
font-size:32px;
|
|
|
|
color:rgba(144,129,95,1);
|
|
line-height:45px;
|
|
margin-top: 10px;
|
|
}
|
|
.policycontent{
|
|
padding-bottom: 20px;
|
|
border-bottom: 1px solid rgba(244,242,245,1);
|
|
border-radius: 1px ;
|
|
margin-bottom: 40px;
|
|
}
|
|
.roadlist{
|
|
margin-top: 40px;
|
|
margin-bottom: 120px;
|
|
}
|
|
.listleft{
|
|
width: 360px;
|
|
cursor: pointer;
|
|
}
|
|
.listmr{
|
|
margin-right: 32px;
|
|
}
|
|
.listmb{
|
|
margin-bottom: 40px;
|
|
}
|
|
.leftlistimg{
|
|
height: 240px;
|
|
background-image: url(../images/rubbish/newsimg.png);
|
|
}
|
|
.leftlisttitle{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
}
|
|
.leftlisttime{
|
|
font-size:14px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:20px;
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
.listicon{
|
|
font-size: 60px !important;
|
|
color: rgba(255,255,255,0.8);
|
|
}
|
|
.culturedestop{
|
|
margin-top: 40px;
|
|
}
|
|
.culturetitle{
|
|
font-size:18px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:25px;
|
|
text-align: center;
|
|
}
|
|
.descon{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:32px;
|
|
}
|
|
.recruitlist{
|
|
margin-top: 32px;
|
|
}
|
|
.recruitlist a{width:100%;}
|
|
.recruitlisttitle{
|
|
font-size:18px;
|
|
|
|
|
|
line-height:25px;
|
|
margin-left: 16px;
|
|
}
|
|
.recruitlisttime{
|
|
font-size:14px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:20px;
|
|
}
|
|
.recruitcon{
|
|
padding-bottom: 20px;
|
|
border-bottom: 1px solid rgba(244,242,245,1);
|
|
margin-bottom: 20px;
|
|
cursor: pointer;
|
|
color:rgba(27,26,53,1);
|
|
}
|
|
.menulistmt{
|
|
margin-top: 8px;
|
|
}
|
|
.policieslist{
|
|
margin-top: 32px;
|
|
}
|
|
.policieslisttext{
|
|
padding-bottom: 18px;
|
|
border-bottom: 1px solid rgba(244,242,245,1);
|
|
font-size:16px;
|
|
|
|
|
|
line-height:22px;
|
|
}
|
|
.textml{
|
|
margin-left: 60px;
|
|
}
|
|
.textmr{
|
|
margin-right: 30px;
|
|
}
|
|
.testwh{
|
|
width: 120px;
|
|
text-align: center;
|
|
}
|
|
.policiescon{
|
|
margin-top: 22px;
|
|
padding-bottom: 24px;
|
|
border-bottom: 1px solid rgba(244,242,245,1);
|
|
cursor: pointer;
|
|
}
|
|
.policiescontitle{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
}
|
|
.policiescontime{
|
|
font-size:16px;
|
|
|
|
color:rgba(76,76,76,1);
|
|
line-height:22px;
|
|
}
|
|
.icondown{
|
|
width:32px;
|
|
height:32px;
|
|
background-image: url(../images/icondown.png);
|
|
cursor: pointer;
|
|
}
|
|
.linkorangewh{
|
|
width: 6px;
|
|
height: 14px;
|
|
}
|
|
.linkorange{
|
|
background-image: url(../images/link.png);
|
|
}
|
|
.orangelink{
|
|
background-image: url(../images/orange.png);
|
|
}
|
|
.servicetableborder table{
|
|
border-bottom: 1px solid rgba(245,245,245,1);
|
|
border-top: 1px solid rgba(245,245,245,1);
|
|
}
|
|
.basictop{
|
|
margin-top: 20px;
|
|
background:rgba(255,255,255,1);
|
|
box-shadow: rgba(0, 0, 0, 0.08) 10px 10px 30px 5px;
|
|
border-radius: 4px ;
|
|
border:1px solid rgba(244, 242, 245, 1);
|
|
}
|
|
|
|
/*托管展示页面*/
|
|
.tgpage{padding:15px 25px;}
|
|
.tgpage .breadcrumb span,.tgpage .breadcrumb a{color:#434343;font-size:16px;padding:0px 9px;}
|
|
.tgpage .breadcrumb span{font-family:"宋体";}
|
|
.tgpage .selectwraper{border:1px solid #e8e8e8;margin-top:22px;padding:5px;}
|
|
.selectwraper .selectitem{border-top:1px dashed #d2d2d2;line-height:50px;font-size:16px;}
|
|
.selectwraper .selectitem:first-child{border-top:none;}
|
|
.selectitem .txt,.selectitem .choises,.selectitem .btns{display:inline-block;vertical-align:top;}
|
|
.selectitem .txt{padding:0px 14px;color:#a0a0a0;}
|
|
.selectitem .choises{padding:0px 10px;}
|
|
.selectitem .choises a,.selectitem .choises span{margin-right:29px;font-size:16px;color:#535353;}
|
|
.selectitem .choises a.active,.selectitem .choises a:hover{color:#940000;}
|
|
.tgpage .btns{float:right;padding-right:19px;}
|
|
.tgpage .breadcrumb .btns{padding-right:0px;}
|
|
.buttons a,.tgpage .btns a{display:inline-block;background:#f6f6f6;border:1px solid #e8e8e8;color:#626262;min-width:50px;text-align:center;line-height:24px;font-size:14px;}
|
|
.tgpage .btns a{padding:0px 6px;}
|
|
.tgpage .btns .iconfont{padding-left:6px;}
|
|
.tgpage .buttons{border-top:none;}
|
|
.buttons a{margin:0px 18px;color:#940000;}
|
|
.buttons a.submit{background:#940000;color:#fff;}
|
|
.selectitem input[type='checkbox']{border:1px solid #c9c9c9;}
|
|
.tgpage .search{height:34px;border:1px solid #e8e8e8;background:#fff;width:350px;}
|
|
.tgpage .search input{width:300px;text-indent:4px;height:32px;vertical-align: top;display: inline-block;}
|
|
.tgpage .toolwraper{border-top:1px solid #e8e8e8;margin-top:22px;border-bottom:6px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;background:#f5f5f5;}
|
|
.toolwraper .tabswraper a,.toolwraper .showwraper a,.toolwraper .tabswraper,.toolwraper .formwraper,.toolwraper .showwraper,.toolwraper .pagewraper,.toolwraper .pagewraper a,.toolwraper .pagewraper .txt{display:inline-block;vertical-align:top;line-height:48px;color:#6d6d6d;}
|
|
.toolwraper .showwraper a,.toolwraper .tabswraper a{border-right:1px solid #e8e8e8;padding:0px 12px;}
|
|
.toolwraper .tabswraper a.active{color:#990000;background:#fff;}
|
|
.toolwraper .formwraper{padding:7px 13px;line-height:32px;width:742px;}
|
|
|
|
.toolwraper .formwraper .searchicon{color:#e8e8e8;line-height:32px;font-size:20px;}
|
|
.toolwraper .showwraper a:first-child{border-left:1px solid #e8e8e8;}
|
|
.toolwraper .showwraper a{background:#fff;line-height:50px;height:48px;overflow:hidden;}
|
|
.toolwraper .pagewraper a{padding:0px 5px;color:#cccccc;line-height:50px;height:48px;overflow:hidden;}
|
|
.toolwraper .pagewraper a:hover{color:#6d6d6d}
|
|
.toolwraper .showwraper a.active,.toolwraper .pagewraper .red{color:#c50000;}
|
|
.toolwraper .showwraper a .iconfont,.toolwraper .pagewraper a .iconfont{font-size:24px;}
|
|
.tgpage .prodswraper{padding-top:24px;margin:0px -10px;}
|
|
.tgpage .prodswraper .product{padding:0px 11px;width:25%;margin-bottom:30px;}
|
|
.tgpage .prodswraper .fig-default{border:1px solid #e8e8e8;}
|
|
.tgpage .prodswraper .fig-media{margin-bottom:5px;}
|
|
.tgpage .prodswraper .fig-info{color:#626262;padding:0px 10px;}
|
|
.tgpage .prodswraper .fig-info .tit{font-size:18px;margin-bottom:5px;}
|
|
.tgpage .prodswraper .fig-info .attrs{font-size:14px;padding:5px 0px;}
|
|
.tgpage .prodswraper .fig-info .attrs p{color:#626262;}
|
|
.tgpage .prodswraper .fig-info .attrs .aitem{display:inline-block;vertical-align:top;width:45%;line-height:1.6em}
|
|
.tgpage .prodswraper .img-shell{position:relative;}
|
|
.tgpage .prodswraper .list-page{margin:0px auto;}
|
|
.tgpage .prodswraper .introduce{
|
|
position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px;font-size:0.9em;line-height: 18px;height:100%;font-size:12px; background-color: rgba(255,255,255,.6);color: #000;text-align: left;
|
|
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;
|
|
transform:translateY(100%);-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-o-transform:translateY(100%);
|
|
transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;
|
|
}
|
|
.tgpage .prodswraper .fig-media:hover .introduce{
|
|
transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);
|
|
}
|
|
.tgpage .showtype2 .fig-default{padding:9px 10px;}
|
|
.showtype2{display:none;}
|
|
.showtype2 .products-wrapper .product{width:100%;}
|
|
.tgpage .showtype2 .fig-default .fig-media:before{padding-top:80%;}
|
|
.tgpage .showtype2 .fig-default .fig-info{height:auto;}
|
|
.tgpage .showtype2 .product .fig-media{display:inline-block;vertical-align:top;width:26%;}
|
|
.tgpage .showtype2 .product .fig-info{display:inline-block;vertical-align:top;width:68%;padding-left:30px;}
|
|
.tgpage .showtype2 .product .tit{text-align:left;font-size:24px;margin:10px 0px 18px 0px;}
|
|
|
|
.basictitle{
|
|
font-size:18px;
|
|
|
|
color:rgba(76,76,76,1);
|
|
line-height:28px;
|
|
}
|
|
.linecolor{
|
|
width:4px;
|
|
height:30px;
|
|
background:rgba(235,76,18,1);
|
|
margin-left:15px;
|
|
margin-right:10px;
|
|
}
|
|
.basiccon{
|
|
padding:30px 15px;
|
|
|
|
}
|
|
.basicconicon{
|
|
width:120px;
|
|
height:120px;
|
|
background:rgba(245,165,136,1);
|
|
-webkit-border-radius: 120px;
|
|
border-radius: 120px;
|
|
}
|
|
.basiclogo{
|
|
width:56px;
|
|
height:70px;
|
|
background-image: url(../images/basiclogo.png);
|
|
}
|
|
.basicname{
|
|
width:152px;
|
|
height:32px;
|
|
background:rgba(235,76,18,1);
|
|
border-radius: 2px ;
|
|
border:1px solid rgba(184, 55, 32, 1);
|
|
font-size:16px;
|
|
|
|
color:rgba(255,255,255,1);
|
|
line-height:22px;
|
|
cursor: pointer;
|
|
}
|
|
.logintime{
|
|
margin-top:14px;
|
|
font-size:14px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:20px;
|
|
}
|
|
.basicborder{
|
|
padding-bottom:20px;
|
|
border-bottom: 1px solid rgba(244,242,245,1);
|
|
border-radius: 2px ;
|
|
}
|
|
.nickleft{
|
|
font-size:16px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:22px;
|
|
}
|
|
.nicktitle{
|
|
color: rgba(27, 26, 53, 1);
|
|
}
|
|
.nicktop{
|
|
margin-top:15px;
|
|
}
|
|
.listborder{
|
|
border-bottom: 1px solid rgba(244,242,245,1);
|
|
color:rgba(128,128,128,1);
|
|
}
|
|
.listleftright{
|
|
padding:10px 6px;
|
|
cursor: pointer;
|
|
text-align:center;
|
|
}
|
|
.listedtitle{
|
|
color:rgba(27,26,53,1);
|
|
width:140px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
}
|
|
.listedstatus{
|
|
color:rgba(235,76,18,1);
|
|
}
|
|
.listnumber{
|
|
width:32px;
|
|
}
|
|
.liststyle{
|
|
width:130px;
|
|
}
|
|
.liststu{
|
|
width:200px;
|
|
}
|
|
.listbutton{
|
|
width: 362px;
|
|
}
|
|
.modifytag{
|
|
padding: 40px;
|
|
}
|
|
.modifyleft{
|
|
font-size:14px;
|
|
height:30px;
|
|
background:rgba(245,245,245,1);
|
|
border-radius: 2px ;
|
|
line-height:30px;
|
|
padding: 5px 13px;
|
|
color:rgba(128,128,128,1);
|
|
cursor: pointer;
|
|
}
|
|
.modifyleftactive{
|
|
background:rgba(235,76,18,1);
|
|
color:rgba(255,255,255,1);
|
|
}
|
|
.modifymr{
|
|
margin-right: 25px;
|
|
}
|
|
.modifyheader{
|
|
margin-top:30px;
|
|
}
|
|
.headertitle{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
margin-right: 27px;
|
|
width: 73px;
|
|
}
|
|
.headeright{
|
|
margin-left: 40px;
|
|
}
|
|
.headerightdes{
|
|
width:210px;
|
|
height:44px;
|
|
font-size:16px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:22px;
|
|
}
|
|
.headerightbun{
|
|
width:108px;
|
|
height:32px;
|
|
background:rgba(235,76,18,1);
|
|
border-radius: 2px ;
|
|
border:1px solid rgba(184, 55, 32, 1);
|
|
font-size:16px;
|
|
|
|
color:rgba(255,255,255,1);
|
|
line-height:22px;
|
|
margin-top: 24px;
|
|
cursor: pointer;
|
|
}
|
|
.headerightinput{
|
|
width: 440px;
|
|
height: 42px;
|
|
}
|
|
.inputleft{
|
|
width: 24px;
|
|
height:42px;
|
|
background-image: url(../images/gold_small_left.png);
|
|
background-size: 24px 42px;
|
|
}
|
|
.inputright{
|
|
width: 24px;
|
|
height: 42px;
|
|
background-image: url(../images/gold_small_right.png);
|
|
background-size: 24px 42px;
|
|
}
|
|
.inputcenter{
|
|
height: 42px;
|
|
background-image: url(../images/gold_small_middle.png);
|
|
background-size: 24px 42px;
|
|
}
|
|
.centerinput{
|
|
width: 400px;
|
|
height: 35px;
|
|
border: none;
|
|
}
|
|
.selectbg{
|
|
|
|
background-image: url(../images/cuthead.png);
|
|
background-size: 12px 8px;
|
|
background-repeat: no-repeat;
|
|
background-position: right 12px;
|
|
width: 400px;
|
|
}
|
|
.selectbg select {
|
|
background: transparent;
|
|
-webkit-appearance: none; /*for chrome*/
|
|
height: 46px;
|
|
border:none;
|
|
width: 400px;
|
|
}
|
|
.shititle{
|
|
text-align: right;
|
|
}
|
|
.informstop{
|
|
margin-top: 32px;
|
|
}
|
|
.informslist{
|
|
margin-bottom: 14px;
|
|
padding-bottom: 10px;
|
|
border-bottom:1px solid rgba(244,242,245,1);
|
|
cursor: pointer;
|
|
}
|
|
.emailicon{
|
|
width: 24px;
|
|
height: 24px;
|
|
background-image: url(../images/unread.png);
|
|
}
|
|
.emailiconactive{
|
|
background-image: url(../images/read.png);
|
|
}
|
|
.informslisttitle{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:25px;
|
|
margin-left: 16px;
|
|
margin-right: 40px;
|
|
}
|
|
.informslistime{
|
|
font-size:14px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:20px;
|
|
}
|
|
.butg{
|
|
color: rgba(207,200,208,1);
|
|
font-size: 12px !important;
|
|
width: 24px;
|
|
}
|
|
.statustop{
|
|
margin-top:5px;
|
|
}
|
|
.iconstatus{
|
|
font-size:16px;
|
|
|
|
color:rgba(235,76,18,1);
|
|
line-height:22px;
|
|
margin-left: 22px;
|
|
}
|
|
.textarealeft{
|
|
width: 24px;
|
|
height: 184px;
|
|
background-image: url(../images/gold_big_left.png);
|
|
background-size: 24px 184px;
|
|
}
|
|
.textarearight{
|
|
width: 24px;
|
|
height: 184px;
|
|
background-image: url(../images/gold_big_right.png);
|
|
background-size: 24px 184px;
|
|
}
|
|
.textareacenter{
|
|
height: 184px;
|
|
background-image: url(../images/gold_big_middle.png);
|
|
background-size: auto 184px;
|
|
}
|
|
.textareacenter textarea{
|
|
width: 706px;
|
|
border: none;
|
|
height: 175px;
|
|
line-height: 30px;
|
|
}
|
|
.headertextarea{
|
|
width:760px;
|
|
height:184px;
|
|
}
|
|
.buttontip{
|
|
margin-top:50px;
|
|
margin-bottom:50px;
|
|
}
|
|
.buttonleft{
|
|
width: 72px;
|
|
height: 32px;
|
|
margin:0px 10px;
|
|
cursor: pointer;
|
|
}
|
|
.leftbutton{
|
|
width: 9px;
|
|
height: 32px;
|
|
background-image: url(../images/ink_small_left.png);
|
|
background-size: 9px 32px;
|
|
}
|
|
.rightbutton{
|
|
width: 9px;
|
|
height: 32px;
|
|
background-image: url(../images/ink_small_right.png);
|
|
background-size: 9px 32px;
|
|
}
|
|
.centerbutton{
|
|
|
|
background-image: url(../images/ink_small_middle.png);
|
|
background-size: auto 32px;
|
|
font-size:16px;
|
|
|
|
color:rgba(144,129,95,1);
|
|
line-height:22px
|
|
}
|
|
.buttonright{
|
|
min-width: 72px;
|
|
height: 32px;
|
|
margin:0px 5px;
|
|
cursor: pointer;
|
|
}
|
|
.leftbutton2{
|
|
width: 9px;
|
|
height: 32px;
|
|
background-image: url(../images/red_small_left.png);
|
|
background-size: 9px 32px;
|
|
}
|
|
.rightbutton2{
|
|
width: 9px;
|
|
height: 32px;
|
|
background-image: url(../images/red_small_right.png);
|
|
background-size: 9px 32px;
|
|
}
|
|
.centerbutton2{
|
|
height: 32px;
|
|
background-image: url(../images/red_small_middle.png);
|
|
background-size: auto 32px;
|
|
font-size:11px;
|
|
|
|
color:#fff;
|
|
line-height:22px;
|
|
}
|
|
.numbercon{
|
|
margin-bottom:26px;
|
|
}
|
|
.numberlogoleft{
|
|
width:80px;
|
|
height:22px;
|
|
font-size:15px;
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
}
|
|
.numbericon{
|
|
width:120px;
|
|
height:120px;
|
|
background:rgba(245,245,245,1);
|
|
border:1px solid rgba(224, 224, 224, 1);
|
|
-webkit-border-radius: 120px;
|
|
border-radius: 120px;
|
|
margin-left: 20px;
|
|
}
|
|
.numberno{
|
|
width:26px;
|
|
font-size:24px;
|
|
|
|
color:rgba(207,200,208,1);
|
|
line-height:33px;
|
|
}
|
|
.radio{
|
|
display: inline-block;
|
|
position: relative;
|
|
line-height: 18px;
|
|
font-size:14px;
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
}
|
|
.radio input{
|
|
display: none;
|
|
}
|
|
.radio .radio-bg{
|
|
display: inline-block;
|
|
height: 20px;
|
|
width: 20px;
|
|
margin-right: 5px;
|
|
padding: 0;
|
|
background-image: url(../images/unchecked.png);
|
|
vertical-align: bottom;
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
/* 不要过渡动画延迟 */
|
|
transition: none;
|
|
}
|
|
.radio .radio-on{
|
|
display: none;
|
|
}
|
|
.radio input:checked + span.radio-on,
|
|
.reveal-modal .checked span.radio-on{
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
border-radius: 100%;
|
|
background-image: url(../images/checked.png);
|
|
top: 0px;
|
|
left: 0px;
|
|
transform: scale(0, 0);
|
|
transition: all 0.2s ease;
|
|
transform: scale(1, 1);
|
|
display: inline-block;
|
|
/* 不要过渡动画延迟 */
|
|
transition: none;
|
|
}
|
|
.checkenumber{
|
|
color:rgba(207,200,208,1);
|
|
}
|
|
.numberleft{
|
|
margin-left: 20px;
|
|
}
|
|
.numberbody{
|
|
width: 386px;
|
|
height:42px;
|
|
}
|
|
.numberlefticon{
|
|
width: 20px;
|
|
height: 42px;
|
|
background-image: url(../images/link_small_left.png);
|
|
background-size: 24px 42px;
|
|
}
|
|
.numberrighticon{
|
|
width: 24px;
|
|
height: 42px;
|
|
background-image: url(../images/link_small_right.png);
|
|
background-size: 24px 42px;
|
|
}
|
|
.numbercentericon{
|
|
height: 42px;
|
|
background-image: url(../images/link_small_middle.png);
|
|
background-size: auto 42px;
|
|
}
|
|
.selectbg2 {
|
|
background-image: url(../images/cuthead2.png);
|
|
}
|
|
.numberinputwh{
|
|
width: 890px;
|
|
height:36px;
|
|
border: none;
|
|
}
|
|
.butbgwh{
|
|
height: 152px;
|
|
}
|
|
.emaildes{
|
|
margin-top: 40px;
|
|
border-bottom: 1px solid rgba(244,242,245,1);
|
|
padding-bottom: 40px;
|
|
}
|
|
.emailedestitle{
|
|
font-size:24px;
|
|
|
|
color:rgba(184,55,32,1);
|
|
line-height:33px;
|
|
}
|
|
.filenumber{
|
|
font-size:14px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:20px;
|
|
margin-top: 20px;
|
|
}
|
|
.opinion{
|
|
font-size:18px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:25px;
|
|
margin-top: 40px;
|
|
}
|
|
.opiniondes{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:32px;
|
|
margin-top: 40px;
|
|
}
|
|
.updataopinion{
|
|
margin-top: 65px;
|
|
}
|
|
.updatatitle{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
margin-right: 10px;
|
|
}
|
|
.opiniontz{
|
|
margin-top: 60px;
|
|
}
|
|
.opinionbtright{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:32px;
|
|
}
|
|
.qscode2{
|
|
width: 210px;
|
|
height: 210px;
|
|
background-image: url(../images/rubbish/qscode2.png);
|
|
margin-top: 30px;
|
|
}
|
|
.opinionaddress{
|
|
margin-top: 30px;
|
|
width: 220px;
|
|
}
|
|
.numberlogoleft2{
|
|
width: 200px;
|
|
text-align: right;
|
|
}
|
|
.numberinputwh2{
|
|
width: 800px;
|
|
}
|
|
.numberinputwh3{
|
|
width: 400px;
|
|
}
|
|
.linesize{
|
|
color: rgba(128, 128, 128, 1);
|
|
font-size: 12px;
|
|
}
|
|
.textarealeft2{
|
|
background-image: url(../images/gold_big_left2.png);
|
|
}
|
|
.textarearight2{
|
|
background-image: url(../images/gold_big_right2.png);
|
|
}
|
|
.textareacenter2{
|
|
background-image: url(../images/gold_big_middle2.png);
|
|
}
|
|
.basiccon2{
|
|
padding: 20px 20px 0 20px;
|
|
}
|
|
.basiccon3{
|
|
padding: 0 20px 0 20px;
|
|
border-top: 20px solid rgba(245,245,245,1);
|
|
}
|
|
.modept{
|
|
padding-top:30px;
|
|
padding-bottom:30px;
|
|
}
|
|
.filename{
|
|
font-size:20px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:28px;
|
|
margin-right: 21px;
|
|
margin-left:21px;
|
|
}
|
|
.sicon{
|
|
width: 16px;
|
|
height: 8px;
|
|
background-image: url(../images/Sicon.png);
|
|
}
|
|
.buttonright2{
|
|
min-width: 72px;
|
|
}
|
|
.xuzhi{
|
|
margin-left: 20px;
|
|
}
|
|
.updataopinion2{
|
|
margin-top: 40px;
|
|
}
|
|
|
|
/*************弹出层样式***********/
|
|
.reveal-modal-bg {
|
|
position: fixed;
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: 100;
|
|
display: none;
|
|
top: 0;
|
|
left: 0;
|
|
background: rgba(00, 00, 00, 0.8)
|
|
}
|
|
.reveal-modal {
|
|
visibility: hidden;
|
|
top: 5% !important;
|
|
left: 50%;
|
|
margin-left: -300px;
|
|
width:600px;
|
|
position:fixed;
|
|
z-index: 9999;
|
|
padding:3rem 50px 1.5rem;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
|
|
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
|
|
-box-shadow: 0 0 10px rgba(0,0,0,.4);
|
|
background-image: url(../images/loginbg.png);
|
|
background-position: center;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
#PasswordReset,#LoginPage,#SmsPage,#RegisteredPage,#RetrievePassword{
|
|
width:500px;margin-left:-250px;
|
|
top: 50% !important;
|
|
transform: translateY(-50%);
|
|
}
|
|
.cheless{
|
|
font-size:16px;
|
|
|
|
color:rgba(76,76,76,1);
|
|
line-height:22px;
|
|
}
|
|
|
|
.reveal-modal.small {
|
|
width: 200px;
|
|
margin-left: -140px;
|
|
}
|
|
|
|
.reveal-modal.medium {
|
|
width: 400px;
|
|
margin-left: -240px;
|
|
}
|
|
|
|
.reveal-modal.large {
|
|
width: 600px;
|
|
margin-left: -340px;
|
|
}
|
|
|
|
.reveal-modal.xlarge {
|
|
width: 800px;
|
|
margin-left: -440px;
|
|
}
|
|
|
|
|
|
|
|
.reveal-modal .close-reveal-modal {
|
|
font-size:2.4rem;
|
|
line-height: 0.5;
|
|
position: absolute;
|
|
top:11px !important;
|
|
right: 11px;
|
|
color: rgba(76,76,76,1);
|
|
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
.logintop{
|
|
margin-top:6px;
|
|
margin-bottom:12px;
|
|
}
|
|
.logintitle{
|
|
font-size:1.2rem;
|
|
color:rgba(76,76,76,1);
|
|
line-height:2rem;
|
|
padding-left:35%;
|
|
}
|
|
.registerpage{
|
|
font-size:1rem;
|
|
color:rgba(235,76,18,1);
|
|
line-height:1.4rem;
|
|
}
|
|
.loginname{
|
|
font-size: 26px !important;
|
|
color: rgba(193,160,80,1);
|
|
margin-right:15px;
|
|
}
|
|
.logininput input{
|
|
background: none;
|
|
}
|
|
.numberinputwh4{
|
|
width: 330px;
|
|
}
|
|
.loginpagemb{
|
|
margin-bottom:18px;
|
|
}
|
|
.authcode{
|
|
width: 200px;
|
|
height: 42px;
|
|
background-color: #dedede;
|
|
}
|
|
.loginpagemt{
|
|
margin-top: 40px;
|
|
}
|
|
.rememberpassword{
|
|
font-size:1rem;
|
|
color: rgba(76,76,76,1);
|
|
line-height:1.4rem
|
|
}
|
|
.forgetpassword,.smslogin{
|
|
font-size:1rem;
|
|
color:rgba(235,76,18,1);
|
|
line-height:1.4rem;
|
|
}
|
|
.forgetpassword{margin:0px 11px;}
|
|
.disabled {
|
|
pointer-events: none;
|
|
}
|
|
.verifybtn,.loginbutton{
|
|
background:rgba(235,76,18,1);
|
|
border-radius: 8px ;
|
|
font-size:20px;
|
|
color:rgba(255,255,255,1);
|
|
line-height:42px;
|
|
margin-top:1.4rem;
|
|
}
|
|
.registered{
|
|
font-size:20px;
|
|
color:rgba(235,76,18,1);
|
|
line-height:2.4rem;
|
|
margin: 0 11px;
|
|
}
|
|
.cardregisterpage{
|
|
font-size:24px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:42px;
|
|
}
|
|
.fillecode{
|
|
font-size:16px;
|
|
|
|
color:rgba(184,55,32,1);
|
|
line-height:25px;
|
|
width: 120px;
|
|
}
|
|
.havename{
|
|
font-size:16px;
|
|
color:rgba(76,76,76,1);
|
|
line-height:1.6rem;
|
|
}
|
|
.havelogin{
|
|
color: rgba(235, 76, 18, 1);
|
|
}
|
|
.perfect{
|
|
font-size:24px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:33px;
|
|
margin: 0 41px;
|
|
}
|
|
.perfectname{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px
|
|
}
|
|
.resitop{
|
|
margin-top: 80px;
|
|
}
|
|
.resiover{
|
|
background:rgba(207,200,208,1);
|
|
border:1px solid rgba(128, 128, 128, 1);
|
|
}
|
|
.uploadcard{
|
|
font-size:20px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:28px;
|
|
}
|
|
.siconleft{
|
|
margin-left: 30px;
|
|
}
|
|
.siconeight{
|
|
margin-right: 30px;
|
|
}
|
|
.cardtitle{
|
|
font-size:24px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:33px;
|
|
}
|
|
.findtitle{
|
|
font-size:24px;
|
|
|
|
color:rgba(76,76,76,1);
|
|
line-height:33px;
|
|
}
|
|
.aginresi{
|
|
font-size:1rem;
|
|
color:rgba(235,76,18,1);
|
|
line-height:25px;
|
|
}
|
|
.mianzhuc{
|
|
font-size:1rem;
|
|
color:rgba(188,142,30,1);
|
|
line-height:25px;
|
|
}
|
|
.miantop{
|
|
margin-top: 60px;
|
|
}
|
|
.notetitle{
|
|
font-size:24px;
|
|
|
|
color:rgba(76,76,76,1);
|
|
line-height:33px;
|
|
}
|
|
.notedes{
|
|
font-size:20px;
|
|
|
|
color:rgba(184,55,32,1);
|
|
line-height:40px;
|
|
width: 312px;
|
|
}
|
|
.alertbg{
|
|
background:rgba(255,255,255,1);
|
|
box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.13)
|
|
border-radius: 8px ;
|
|
}
|
|
.cooperationbg{
|
|
width:1000px;
|
|
height:600px;
|
|
background:rgba(255,255,255,1);
|
|
box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.13)
|
|
border-radius: 8px;
|
|
left:50%;
|
|
margin-left:-500px;
|
|
padding: 0 20px;
|
|
}
|
|
.cooperationtitle{
|
|
height: 68px;
|
|
}
|
|
.cooperationname{
|
|
font-size:22px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:68px;
|
|
}
|
|
.part1{
|
|
width: 100%;
|
|
height: 358px;
|
|
overflow: hidden;
|
|
border:1px solid rgba(224, 224, 224, 1);
|
|
border-radius: 4px ;
|
|
}
|
|
.item{
|
|
position: relative;
|
|
height: 358px;
|
|
|
|
overflow-y: scroll;
|
|
outline: none;
|
|
line-height:20px;
|
|
}
|
|
.itemtitle{
|
|
font-size:24px;
|
|
|
|
color:rgba(184,55,32,1);
|
|
line-height:33px;
|
|
margin-top: 60px;
|
|
text-align: center;
|
|
}
|
|
.itemtitledes{
|
|
font-size:14px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:20px;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
.itemsamilltitle{
|
|
font-size:18px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:25px;
|
|
margin-top: 40px;
|
|
text-align: center;
|
|
}
|
|
.itembody{
|
|
font-size:16px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:32px;
|
|
margin-top: 60px;
|
|
padding: 0 20px 60px 20px;
|
|
}
|
|
.yiyue{
|
|
height:62px;
|
|
background:rgba(244,242,245,1);
|
|
font-size:16px;
|
|
|
|
color:rgba(76,76,76,1);
|
|
line-height:22px;
|
|
padding-left: 26px;
|
|
-webkit-border-bottom-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
-webkit-border-bottom-right-radius:4px;
|
|
border-bottom-right-radius: 4px;
|
|
margin-left: 1px;
|
|
}
|
|
.guaipailess{
|
|
margin-top: 17px;
|
|
padding: 0 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.lessleft{
|
|
font-size:18px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:25px;
|
|
|
|
}
|
|
.lessleftml{
|
|
margin-left: 20px;
|
|
}
|
|
.cancel{
|
|
font-size:14px !important;
|
|
|
|
color:rgba(144,129,95,1) !important;
|
|
font-weight: lighter !important;
|
|
top: 0 !important;
|
|
right: 0 !important;
|
|
position: relative !important;
|
|
}
|
|
|
|
.navContent{
|
|
display: none;
|
|
}
|
|
.samlltitve{
|
|
font-size:14px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:22px;
|
|
}
|
|
.zhidutitle{
|
|
line-height:18px;
|
|
text-align: center;
|
|
padding:16px 0px 16px 10px;
|
|
font-size:0.9em;
|
|
border-bottom: 1px solid rgba(230,226,231,1);
|
|
min-height:50px;
|
|
cursor: pointer;
|
|
}
|
|
.codebg{
|
|
visibility: hidden;
|
|
top: 40px !important;
|
|
left: 67%;
|
|
margin-left: -300px;
|
|
width: 300px;
|
|
position: fixed;
|
|
z-index: 101;
|
|
padding: 0;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
-box-shadow: none;
|
|
background-image: none;
|
|
background-position: center;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.arrow_box2 {
|
|
position: relative;
|
|
background: rgba(255,255,255,1);
|
|
border: 1px solid rgba(244, 242, 245, 1);
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
}
|
|
.arrow_box2::after,
|
|
.arrow_box2::before {
|
|
position:absolute;
|
|
content:"";
|
|
height:0;
|
|
width: 0;
|
|
pointer-events: none;
|
|
border: solid transparent;
|
|
}
|
|
/*top*/
|
|
.arrow_box2.top::after,
|
|
.arrow_box2.top::before {
|
|
bottom: 100%;
|
|
}
|
|
|
|
.arrow_box2.top::after {
|
|
border-color: rgba(136, 183, 213, 0);
|
|
border-bottom-color: rgba(250,250,250,1);
|
|
border-width: 10px;
|
|
left: 150px;
|
|
margin-left: -10px;
|
|
}
|
|
.arrow_box2.top::before {
|
|
border-color: rgba(194, 225, 245, 0);
|
|
border-bottom-color:rgba(244, 242, 245, 1);
|
|
border-width: 11px;
|
|
left: 150px;
|
|
margin-left: -11px;
|
|
}
|
|
.qrcodebody{
|
|
padding: 24px 20px;
|
|
padding-bottom:0px;
|
|
}
|
|
.qrcodeimages{
|
|
width: 120px;
|
|
height: 120px;
|
|
}
|
|
.qricon{
|
|
background-image: url(../images/qrcode/qrcode1.png);
|
|
}
|
|
.gongguantitle{
|
|
font-size:14px;
|
|
|
|
color:rgba(76,76,76,1);
|
|
line-height:20px;
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
.ggmarginleft{
|
|
margin-right: 20px;
|
|
}
|
|
.doubtwin{
|
|
position: fixed;
|
|
width: 460px;
|
|
left: 10px;
|
|
bottom: 20px;
|
|
z-index: 9999;
|
|
}
|
|
.doubtleft{
|
|
width: 154px;
|
|
height: 230px;
|
|
background-image: url(../images/red-pic.png);
|
|
padding: 38px 34px
|
|
}
|
|
.doubtleftname{
|
|
font-size:20px;
|
|
|
|
line-height:28px;
|
|
background-image: -webkit-gradient(linear, 0 60%, 0 bottom, from(rgba(253, 218, 132, 1)), to(rgba(235, 76, 18, 1)));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
font-weight: bolder;
|
|
}
|
|
.doubtleftcon{
|
|
margin-top: 23px;
|
|
}
|
|
.qqfontcolor{
|
|
font-size:14px;
|
|
|
|
color:rgba(253,218,132,1);
|
|
line-height:20px;
|
|
}
|
|
.qqnumberfont{
|
|
margin-left: 11px;
|
|
}
|
|
.doubtleftconmt{
|
|
margin-top: 12px;
|
|
}
|
|
.doubtleftnamemt{
|
|
margin-top: 20px
|
|
}
|
|
.doubtright{
|
|
width: 174px;
|
|
background-image: url(../images/gold-pic.png);
|
|
padding: 28px 32px;
|
|
}
|
|
.doubtrighttitle{
|
|
font-size:20px;
|
|
|
|
color:rgba(235,76,18,1);
|
|
line-height:28px;
|
|
font-weight: bolder;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(235, 76, 18, 1)), to(rgba(235, 76, 18, 1)));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.gtitle{
|
|
font-size:18px;
|
|
|
|
color:rgba(184,55,32,1);
|
|
line-height:25px;
|
|
}
|
|
.rightqqfontcolor2{
|
|
color: rgba(184,55,32,1) !important;
|
|
}
|
|
.rightqqfontcolor{
|
|
color:rgba(27,26,53,1) !important;
|
|
}
|
|
.doubcolose{
|
|
position: absolute;
|
|
top: 25px;
|
|
right: 25px;
|
|
z-index: 99999;
|
|
cursor:pointer;
|
|
}
|
|
.doubcolosefont{
|
|
font-size: 24px !important;
|
|
color: rgba(76,76,76,1);
|
|
}
|
|
.doubtop{
|
|
top: -20px;
|
|
}
|
|
|
|
/********有疑问请点我新的样式************/
|
|
.clickme{
|
|
position: fixed;
|
|
width: 706px;
|
|
background-image: url(../images/bg_gold.png);
|
|
top: 100px;
|
|
left: 20%;
|
|
padding: 15px;
|
|
z-index: 999;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.clickmeborder{
|
|
border-right: 1px solid rgba(184,55,32,0.2);
|
|
border-radius: 2px ;
|
|
}
|
|
.clickmeborderbt{
|
|
border-bottom: 1px solid rgba(235,76,18,1);
|
|
border-radius: 2px
|
|
}
|
|
.jinfumr{
|
|
margin-right: 20px;
|
|
|
|
}
|
|
.jinfuml{
|
|
margin-left: 20px;
|
|
}
|
|
.clickmeborderbtb{
|
|
border-bottom: 1px solid rgba(184,55,32,0.2);
|
|
border-radius: 2px ;
|
|
padding-bottom: 15px;
|
|
}
|
|
.alertwin{
|
|
width: 240px;
|
|
height: 80px;
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 45%;
|
|
background-image: url(../images/bg_alert.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
z-index: 9999;
|
|
}
|
|
.alertheight{
|
|
height: 100%;
|
|
}
|
|
.alertfont{
|
|
background-image: -webkit-gradient(linear, 0 60%, 0 bottom, from(rgba(253, 218, 132, 1)), to(rgba(235, 76, 18, 1)));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.lesstbmt{
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 532px;
|
|
width: 100%;
|
|
}
|
|
|
|
.lastedmenu{
|
|
margin-top: 22px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.lastedtitle{
|
|
font-size:14px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:20px;
|
|
margin-right: 10px;
|
|
}
|
|
.lastedtitlemenu{
|
|
font-size:14px;
|
|
|
|
color:rgba(76,76,76,1);
|
|
line-height:20px;
|
|
margin-right: 30px;
|
|
cursor: pointer;
|
|
}
|
|
.lastedmenuactive{
|
|
background:rgba(184,55,32,1);
|
|
color:rgba(245,245,245,1);
|
|
border-radius: 2px ;
|
|
padding: 2px 3px;
|
|
}
|
|
.lastedsearch{
|
|
height: 32px;
|
|
background:rgba(245,245,245,1);
|
|
border-radius: 2px ;
|
|
}
|
|
.lastedsearchinput{
|
|
width: 100%;
|
|
height: 29px;
|
|
border: none;
|
|
background: none;
|
|
padding-left: 10px;
|
|
}
|
|
.lastedbutton{
|
|
width:72px;
|
|
height:32px;
|
|
background:rgba(184,55,32,1);
|
|
border-radius: 2px ;
|
|
font-size:12px;
|
|
|
|
color:rgba(245,245,245,1);
|
|
line-height:17px;
|
|
cursor: pointer;
|
|
}
|
|
.liastedimg{
|
|
margin-top:10px;
|
|
width:462px;
|
|
text-align:center;
|
|
}
|
|
.liastedimgwh{
|
|
height: 158px;
|
|
}
|
|
.liastedimgimg{
|
|
background-image: url(../images/rubbish/lasted1.png);
|
|
}
|
|
.lastedlist{
|
|
|
|
}
|
|
.xiangxi{
|
|
color: #8d8d8d
|
|
}
|
|
.expertsmr{
|
|
margin-right: 50px;
|
|
}
|
|
.experts{
|
|
width: 220px;
|
|
height: 220px;
|
|
|
|
}
|
|
.expertsimg{
|
|
background-image: url(../images/rubbish/experts.png);
|
|
}
|
|
.expertsname{
|
|
font-size:18px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:25px;
|
|
margin-right: 46px;
|
|
margin-left: 46px;
|
|
}
|
|
.expertsmt{
|
|
margin-top: 20px;
|
|
}
|
|
.otherexperts{
|
|
margin-top: 60px;
|
|
}
|
|
.otherexpertstitle{
|
|
font-size:20px;
|
|
|
|
color:rgba(144,129,95,1);
|
|
line-height:28px;
|
|
}
|
|
.wenli{
|
|
color: rgba(244,242,245,1);
|
|
font-size: 12px !important;
|
|
}
|
|
.otherlist{
|
|
margin-top: 66px;
|
|
}
|
|
#swiper-experts {
|
|
width: 100%;
|
|
height: 120px;
|
|
}
|
|
.jiancolor{
|
|
color: rgba(245,245,245,1);
|
|
font-size: 12px !important;
|
|
}
|
|
.otherimg{
|
|
width: 120px;
|
|
height: 120px;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
}
|
|
.bankimg{
|
|
width: 380px;
|
|
height: 240px;
|
|
}
|
|
.banckimgimg{
|
|
background-image: url(../images/rubbish/bankimg.png);
|
|
}
|
|
.bankdelete{
|
|
width: 200px;
|
|
height: 48px;
|
|
background-image: url(../images/btn_delete.png);
|
|
font-size:16px;
|
|
|
|
color:rgba(244,242,245,1);
|
|
line-height:22px;
|
|
background-size: 100% 100%;
|
|
}
|
|
.imgcamer{
|
|
background-image: url(../images/imgcamer.png);
|
|
|
|
}
|
|
.jiahao{
|
|
color: rgba(207,200,208,1);
|
|
border-radius: 2px ;
|
|
font-size: 64px !important;
|
|
}
|
|
.uoimg{
|
|
font-size:16px;
|
|
|
|
color:rgba(128,128,128,1);
|
|
line-height:22px;
|
|
margin-top: 34px;
|
|
}
|
|
|
|
.upfileter{
|
|
position: absolute;
|
|
width: 61px;
|
|
height: 32px;
|
|
left: 100px;
|
|
background: transparent;
|
|
font-size: 0;
|
|
border: none;
|
|
resize: none;
|
|
z-index: 0;
|
|
cursor: pointer;
|
|
outline: medium none;
|
|
filter:alpha(opacity=0);
|
|
-moz-opacity:0;
|
|
opacity:0;
|
|
top: 0px;
|
|
}
|
|
.detelefileter{
|
|
width: 200px;
|
|
height: 48px;
|
|
position: absolute;
|
|
top: 96px;
|
|
right: 90px;
|
|
background: transparent;
|
|
font-size: 0;
|
|
border: none;
|
|
resize: none;
|
|
z-index: 0;
|
|
cursor: pointer;
|
|
outline: medium none;
|
|
filter:alpha(opacity=0);
|
|
-moz-opacity:0;
|
|
opacity:0;
|
|
}
|
|
.imgfileter{
|
|
width: 380px;
|
|
height: 240px;
|
|
position: absolute;
|
|
top: 0px;
|
|
background: transparent;
|
|
font-size: 0;
|
|
border: none;
|
|
resize: none;
|
|
z-index: 0;
|
|
cursor: pointer;
|
|
outline: medium none;
|
|
filter:alpha(opacity=0);
|
|
-moz-opacity:0;
|
|
opacity:0;
|
|
}
|
|
.loginbuttonupimg{
|
|
height: 38px;
|
|
background: rgba(235,76,18,1);
|
|
border-radius: 8px;
|
|
font-size: 16px;
|
|
|
|
color: rgba(255,255,255,1);
|
|
line-height: 38px;
|
|
margin: 10px 0;
|
|
}
|
|
.loginfile{
|
|
width: 100%;
|
|
height: 38px;
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 0px;
|
|
background: transparent;
|
|
font-size: 0;
|
|
border: none;
|
|
resize: none;
|
|
z-index: 0;
|
|
cursor: pointer;
|
|
outline: medium none;
|
|
filter:alpha(opacity=0);
|
|
-moz-opacity:0;
|
|
opacity:0;
|
|
}
|
|
.gghaoimg{
|
|
background-image: url(../images/gghao.png);
|
|
}
|
|
.shenzhen{
|
|
background-image: url(../images/shenzhen.png);
|
|
background-position: right bottom;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.beijing{
|
|
background-image: url(../images/beijing.png);
|
|
background-position: right bottom;
|
|
background-repeat: no-repeat;
|
|
}
|
|
@media screen and (max-width: 1366px) {
|
|
.service{
|
|
width: 231px;
|
|
}
|
|
.serviceIcon{
|
|
margin-left: 14px;
|
|
}
|
|
}
|
|
|
|
.phoneleftbutton{
|
|
width: 9px;
|
|
height: 32px;
|
|
background-image: url(../images/ink_small_left2.png);
|
|
background-size: 9px 32px;
|
|
}
|
|
.phonerightbutton{
|
|
width: 9px;
|
|
height: 32px;
|
|
background-image: url(../images/ink_small_right2.png);
|
|
background-size: 9px 32px;
|
|
}
|
|
.phonecenterbutton{
|
|
background-image: url(../images/ink_small_middle2.png);
|
|
background-size: auto 32px;
|
|
font-size:16px;
|
|
|
|
color:rgba(144,129,95,1);
|
|
line-height:22px
|
|
}
|
|
.phonedeimg{
|
|
background-image: url(../images/rubbish/newsimg.png);
|
|
}
|
|
|
|
|
|
.phonesicon{
|
|
background-image: url(../images/Sicon2.png);
|
|
}
|
|
.phonemap{
|
|
margin-top: 2em;
|
|
padding: 1em;
|
|
}
|
|
#container{
|
|
height: 630px;
|
|
width: 576px;
|
|
background-image: url(../images/map.png);
|
|
}
|
|
.amap-logo {
|
|
right: 0 !important;
|
|
left: auto !important;
|
|
display: none;
|
|
}
|
|
|
|
.amap-copyright {
|
|
right: 70px !important;
|
|
left: auto !important;
|
|
}
|
|
.bitian{
|
|
font-size: 16px;
|
|
color: rgba(128, 128, 128, 1);
|
|
}
|
|
.youname{
|
|
height: auto;
|
|
}
|
|
.faliuy{
|
|
margin-bottom: 20px
|
|
}
|
|
.mapbg{
|
|
width: 490px;
|
|
height: 185px;
|
|
background-image: url(../images/bg.png);
|
|
padding: 3px 20px;
|
|
}
|
|
.phonemapbg{
|
|
background-image: url(../images/phonebg.png);
|
|
}
|
|
.dingwei{
|
|
font-size: 20px !important;
|
|
color: rgba(245,165,136,1);
|
|
}
|
|
.dingweiadress{
|
|
font-size:16px;
|
|
|
|
color:rgba(235,76,18,1);
|
|
line-height:32px;
|
|
margin: 0 5px;
|
|
}
|
|
.dingname{
|
|
color: rgba(27, 26, 53, 1)
|
|
}
|
|
.dingline{
|
|
color: rgba(207, 200, 208, 1)
|
|
}
|
|
.tabledes tr{
|
|
cursor: pointer;
|
|
}
|
|
.pinginput{
|
|
width: 122px;
|
|
height: 32px;
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 0px;
|
|
background: transparent;
|
|
font-size: 0;
|
|
border: none;
|
|
resize: none;
|
|
z-index: 0;
|
|
cursor: pointer;
|
|
outline: medium none;
|
|
filter:alpha(opacity=0);
|
|
-moz-opacity:0;
|
|
opacity:0;
|
|
}
|
|
|
|
.detailesname{
|
|
font-size:18px;
|
|
|
|
color:rgba(27,26,53,1);
|
|
line-height:25px;
|
|
width: 276px;
|
|
}
|
|
.companyheader{
|
|
width: 110px;
|
|
height: 110px;
|
|
-webkit-border-radius: 110px;
|
|
border-radius: 110px;
|
|
}
|
|
.companyinput{
|
|
width: 108px;
|
|
height: 32px;
|
|
position: absolute;
|
|
top: 69px;
|
|
right: 101px;
|
|
background: transparent;
|
|
font-size: 0;
|
|
border: none;
|
|
resize: none;
|
|
z-index: 0;
|
|
cursor: pointer;
|
|
outline: medium none;
|
|
filter:alpha(opacity=0);
|
|
-moz-opacity:0;
|
|
opacity:0;
|
|
}
|
|
.productpadding{
|
|
padding-bottom: 50px;
|
|
}
|
|
.nav1{
|
|
perspective:100%;
|
|
}
|
|
.nav1 .datawidth:hover{
|
|
transform:rotateY(360deg) scale(1.1);
|
|
}
|
|
/* Sweep To Right */
|
|
.hvr-sweep-to-right {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
position: relative;
|
|
-webkit-transition-property: color;
|
|
transition-property: color;
|
|
-webkit-transition-duration: 0.3s;
|
|
transition-duration: 0.3s;
|
|
|
|
}
|
|
.hvr-sweep-to-right:before {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
left: -5px;
|
|
right: -5px;
|
|
bottom: 0;
|
|
background: rgba(204,204,204,0.5);
|
|
-webkit-transform: scaleX(0);
|
|
transform: scaleX(0);
|
|
-webkit-transform-origin: 0 50%;
|
|
transform-origin: 0 50%;
|
|
-webkit-transition-property: transform;
|
|
transition-property: transform;
|
|
-webkit-transition-duration: 0.3s;
|
|
transition-duration: 0.3s;
|
|
-webkit-transition-timing-function: ease-out;
|
|
transition-timing-function: ease-out;
|
|
|
|
}
|
|
.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active {
|
|
}
|
|
.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before {
|
|
-webkit-transform: scaleX(1);
|
|
transform: scaleX(1);
|
|
|
|
}
|
|
.fistcardtitle{
|
|
top: 36px;
|
|
}
|
|
.winmenu .fistcard{
|
|
display: inline-block;
|
|
width: 82px;
|
|
height: 74px;
|
|
text-align: center;
|
|
position: relative;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
|
|
}
|
|
.winmenu .fistcard .iconfont{
|
|
position: absolute;
|
|
top: 12px;
|
|
left: 0;
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: center;
|
|
filter:alpha(opacity=100);
|
|
opacity: 1;
|
|
}
|
|
.partialBorder {
|
|
-webkit-transform: scale(0.5);
|
|
-moz-transform: scale(0.5);
|
|
-o-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
opacity: 0;
|
|
}
|
|
.partialBorder > div {
|
|
position: absolute;
|
|
height: 10%;
|
|
width: 10%;
|
|
border: .15vw solid #fff;
|
|
}
|
|
.partialBorder .leftTop {
|
|
left: 0;
|
|
top: 0;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
}
|
|
.partialBorder .rightTop {
|
|
right: 0;
|
|
top: 0;
|
|
border-left: none;
|
|
border-bottom: none;
|
|
}
|
|
.partialBorder .leftBot {
|
|
left: 0;
|
|
bottom: 0;
|
|
border-right: none;
|
|
border-top: none;
|
|
}
|
|
.partialBorder .rightBot {
|
|
right: 0;
|
|
bottom: 0;
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
.adleftsizing div, .adleftsizing div:before, .adleftsizing div:after {
|
|
-webkit-transition: 0.5s;
|
|
-moz-transition: 0.5s;
|
|
-o-transition: 0.5s;
|
|
transition: 0.5s;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
}
|
|
|
|
.elem {
|
|
display: inline-block;
|
|
color: white;
|
|
position: relative;
|
|
overflow: hidden;
|
|
will-change: transform;
|
|
}
|
|
.elem:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
will-change: transform, opacity;
|
|
}
|
|
.elem:after {
|
|
content: "";
|
|
position: absolute;
|
|
will-change: transform;
|
|
}
|
|
.elem:hover:before {
|
|
opacity: 1;
|
|
}
|
|
/* SECOND ELEMENT */
|
|
.second:before {
|
|
|
|
background-blend-mode: darken;
|
|
}
|
|
.second:hover .partialBorder {
|
|
opacity: 1;
|
|
-webkit-transform: scale(0.95);
|
|
-moz-transform: scale(0.95);
|
|
-o-transform: scale(0.95);
|
|
transform: scale(0.95);
|
|
}
|
|
.modenavcon, .modenavcon:before, .modenavcon:after {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
}
|
|
/* MAIN VARIABLES FOR CUSTOMIZATION */
|
|
/* -------------------------------- */
|
|
.modenav {
|
|
overflow: hidden;
|
|
position: fixed;
|
|
left: 28px;
|
|
top: 50%;
|
|
width: auto;
|
|
height: 57px;
|
|
background-color: rgba(251,118,88,0.8);
|
|
border-radius: 5px;
|
|
-webkit-transform: translate3d(-50%, 0, 0);
|
|
transform: translate3d(-50%, 0, 0);
|
|
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
|
|
-webkit-border-top-right-radius: 50px;
|
|
border-top-right-radius: 50px;
|
|
-webkit-border-bottom-right-radius: 50px;
|
|
border-bottom-right-radius: 50px;
|
|
z-index: 99999;
|
|
}
|
|
.modenav__cb {
|
|
z-index: -1000;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
.modenav__content {
|
|
position: relative;
|
|
width: 57px;
|
|
height: 100%;
|
|
-webkit-transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23);
|
|
transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23);
|
|
}
|
|
.modenav__cb:checked ~ .modenav__content {
|
|
-webkit-transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
width: 380px;
|
|
left: 200px;
|
|
}
|
|
.modenav__items {
|
|
position: relative;
|
|
width: 380px;
|
|
height: 100%;
|
|
list-style-type: none;
|
|
font-size: 0;
|
|
}
|
|
.modenav__item {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
font-size: 14px;
|
|
line-height: 57px;
|
|
font-weight: bold;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px;
|
|
-webkit-transition: color 0.3s;
|
|
transition: color 0.3s;
|
|
cursor: pointer;
|
|
}
|
|
.modenav__item:hover {
|
|
}
|
|
.modenav__item-text {
|
|
display: block;
|
|
height: 100%;
|
|
-webkit-transform: rotateY(-70deg);
|
|
transform: rotateY(-70deg);
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s;
|
|
transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
}
|
|
.modenav__cb:checked ~ .modenav__content .modenav__item-text {
|
|
-webkit-transform: rotateY(0);
|
|
transform: rotateY(0);
|
|
opacity: 1;
|
|
-webkit-transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s;
|
|
transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
|
|
-webkit-border-top-right-radius: 50px;
|
|
border-top-right-radius: 50px;
|
|
-webkit-border-bottom-right-radius: 50px;
|
|
border-bottom-right-radius: 50px;
|
|
}
|
|
.modenav__item:nth-child(1) .modenav__item-text {
|
|
-webkit-transition-delay: 0.3s;
|
|
transition-delay: 0.3s;
|
|
}
|
|
.modenav__cb:checked ~ .modenav__content .modenav__item:nth-child(1) .modenav__item-text {
|
|
-webkit-transition-delay: 0s;
|
|
transition-delay: 0s;
|
|
}
|
|
.modenav__btn {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 57px;
|
|
height: 57px;
|
|
cursor: pointer;
|
|
}
|
|
.modenav__btn:before, .modenav__btn:after {
|
|
content: "";
|
|
display: block;
|
|
border-radius: 2px;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s;
|
|
transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
|
|
}
|
|
.modenav__btn:before {
|
|
}
|
|
.modenav__btn:hover:before, .modenav__btn:hover:after {
|
|
}
|
|
.modenav__cb:checked ~ .modenav__btn:before {
|
|
-webkit-transform: translateY(0px) rotate(0deg);
|
|
transform: translateY(0px) rotate(0deg);
|
|
}
|
|
.modenav__cb:checked ~ .modenav__btn:after {
|
|
-webkit-transform: translateY(0px) rotate(0deg);
|
|
transform: translateY(0px) rotate(0deg);
|
|
}
|
|
.wapper .fivediv, .businessleft, .cultureleft,.residencebodyleft,.banksbodyleft,.artfilmleft {
|
|
/* .wapper .fivediv, .businessleft, .cultureleft,.threemodeleft, .modethreeleft,.residencebodyleft,.banksbodyleft,.artfilmleft { */
|
|
transition:All 0.4s ease-in-out;
|
|
-webkit-transition:All 0.4s ease-in-out;
|
|
-moz-transition:All 0.4s ease-in-out;
|
|
-o-transition:All 0.4s ease-in-out;
|
|
|
|
}
|
|
.wapper .fivediv:hover, .businessleft:hover, .cultureleft:hover,.residencebodyleft:hover,.banksbodyleft:hover,.artfilmleft:hover{
|
|
/* .wapper .fivediv:hover, .businessleft:hover, .cultureleft:hover,.threemodeleft:hover,.modethreeleft:hover,.residencebodyleft:hover,.banksbodyleft:hover,.artfilmleft:hover{ */
|
|
transform:translate(0,-3px);
|
|
-webkit-transform:translate(0,-3px);
|
|
-moz-transform:translate(0,-3px);
|
|
-o-transform:translate(0,-3px);
|
|
-ms-transform:translate(0,-3px);
|
|
-webkit-box-shadow:0px 5px 15px #e5e5e5;
|
|
-moz-box-shadow:0px 5px 15px #e5e5e5;
|
|
box-shadow:0px 5px 15px #e5e5e5;
|
|
}
|
|
.residencemenubox:hover,
|
|
.residencemenubox:focus {
|
|
box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
|
|
}
|
|
.close {
|
|
--color: #ff0000;
|
|
--hover: rgba(213, 221, 235, 1);
|
|
}
|
|
.residencemenuboxtitle:hover, .residencemenuboxtitle:focus {
|
|
border-color: var(--hover);
|
|
}
|
|
.button {
|
|
cursor: pointer;
|
|
background: rgba(244,242,245,1);
|
|
text-decoration: none;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
/* Bubble Right */
|
|
.bubble-right {
|
|
display: inline-block;
|
|
position: relative;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
|
|
}
|
|
.bubble-right:before {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: -1;
|
|
content: '';
|
|
border-style: solid;
|
|
-webkit-transition-duration: 0.3s;
|
|
transition-duration: 0.3s;
|
|
-webkit-transition-property: right;
|
|
transition-property: right;
|
|
top: calc(50% - 10px);
|
|
right: 0;
|
|
border-width: 10px 0 10px 10px;
|
|
border-color: transparent transparent transparent rgba(244,242,245,1);
|
|
}
|
|
.bubble-right:hover:before, .bubble-right:focus:before, .bubble-right:active:before {
|
|
right: -10px;
|
|
}
|
|
.modeleftmenuactive.bubble-right:before {
|
|
right: -10px;
|
|
}
|
|
|
|
.ub-ver
|
|
{
|
|
-webkit-box-orient:vertical;
|
|
-moz-box-orient:vertical;
|
|
-ms-box-orient:vertical;
|
|
-o-box-orient:vertical;
|
|
box-orient:vertical;
|
|
}
|
|
.ub
|
|
{
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -webkit-flex;
|
|
display: -moz-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
position:relative;
|
|
}
|
|
#slidemenus .slick-slide{margin-right:10px;}
|
|
#slidemenus .slick-arrow:before{color:#f0f0f0;opacity:1;}
|
|
#slidemenus .slick-arrow:hover:before{color:rgba(240,60,24,1);}
|
|
.dmenus{margin-top:50px;background:#f4f4f4;border-right:2px solid #f4f4f4;border-left:2px solid #f4f4f4;height:54px;line-height:54px;}
|
|
.dmenus .dmenu{display:inline-block;cursor:pointer;vertical-align:top;height:54px;min-width:15%;text-align:center;font-size: 14px;color: #999;}
|
|
.dmenus .active{color:#000;background: #fff;border-top: 2px solid rgb(191,54,40);}
|
|
.dbody{display:none;padding:20px 10px;font-size: 14px;min-height:300px;}
|
|
.dbodys .active{display:block;}
|
|
.detailshow{padding:20px 0px;border-bottom:1px solid rgba(244,242,245,1);font-size: 16px;color: #333;}
|
|
.detailshow .show{display:inline-block;padding-right:2%;font-size: 14px;vertical-align:top;min-width:19%;line-height:36px;}
|
|
.detailshow .col3{width:32.5%;}
|
|
.detailshow .col5{width:19.5%;}
|
|
#subform,#subform2{padding-top:5%;padding-left:9%;}
|
|
.formrow label,.formrow .input{display:inline-block;vertical-align:top;line-height:2.1em;}
|
|
.formrow .input{text-align:left;width:54%;}
|
|
.formrow input{line-height:2.1em;text-indent:10px;width:50%;display:inline-block;vertical-align:top;}
|
|
.formrow .error{width:26%;color:rgb(191,54,40);padding-left:2%;display:inline-block;vertical-align:top;}
|
|
.formrow label{width:28%;width:120px;text-align:right;color:#999;margin-right:10px;}
|
|
.formrow{margin-bottom:20px;}
|
|
.formrow button{width:120px;line-height:2.6em;}
|
|
.redbtn{outline:none;cursor:pointer;background:rgb(191,54,40);border:none;width:80px;line-height:2.2em;font-size:1em;text-align:center;color:#fff;}
|
|
.clearfix:after, .clearfix:before {
|
|
display: table;
|
|
content: " "; }
|
|
.clearfix:after {
|
|
clear: both; }
|
|
.text-center{text-align:center;}
|
|
.href-abs {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 998; }
|
|
|
|
.detailsdes-new {
|
|
margin-top: 40px; }
|
|
.detailsdes-new .products-wrapper {
|
|
margin: 0 -20px; }
|
|
.swiper-slide .slideimg, .products-wrapper .product {
|
|
width: 20%;
|
|
display: inline-block;
|
|
float: left;
|
|
padding: 0 20px;
|
|
margin-bottom: 20px; }
|
|
.fig-default:hover .fig-media .img-shell img {
|
|
transform: scale(1.2) translate3d(0, 0, 0);
|
|
-webkit-filter: grayscale(0%);
|
|
/* Webkit */ }
|
|
.fig-default .fig-media {
|
|
position: relative;
|
|
background-color: #f0f0f0;
|
|
margin-bottom: 10px; }
|
|
.fig-default .fig-media:before {
|
|
content: "";
|
|
display: block;
|
|
padding-top: 100%; }
|
|
.fig-default .fig-media .detect,.de-img-wrapper .detect {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width:100%;
|
|
text-align:left;
|
|
text-indent:6px;
|
|
color:red;
|
|
z-index:100;
|
|
font-size:0.8rem;
|
|
line-height:1.8rem;
|
|
}
|
|
.fig-default .fig-media .img-shell {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index:99;
|
|
overflow: hidden; }
|
|
.fig-default .fig-media .img-shell img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
margin: auto;
|
|
-webkit-transition: all 0.35s;
|
|
-moz-transition: all 0.35s;
|
|
-ms-transition: all 0.35s;
|
|
-o-transition: all 0.35s;
|
|
transition: all 0.35s;
|
|
/* Webkit */ }
|
|
.fig-default .fig-info {
|
|
cursor:pointer;
|
|
color: #444;
|
|
padding: 5px; }
|
|
.fig-default .fig-info .tit {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
white-space: nowrap;
|
|
-ms-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden; }
|
|
.fig-default .fig-info .attrs {
|
|
font-size: 12px;
|
|
text-align: left; }
|
|
.fig-default .fig-info .attrs p {
|
|
line-height: 1.6;
|
|
color: #666666;
|
|
white-space: nowrap;
|
|
-ms-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden; }
|
|
.categorylist .active{color:#7c1c1c;}
|
|
|
|
|
|
.swiper-slide .fig-default .fig-media,.swiper-slide .slideimg{margin-bottom:0px;}
|
|
.swiper-slide .slideimg{height:170px;}
|
|
.swiper-slide .fig-default .fig-info{padding:5px 0px;}
|
|
.swiper-slide .fig-default .fig-media:before{padding-top:90%;}
|
|
.swiper-pagination .swiper-pagination-bullet-active{background:rgb(191,54,40);opacity:1;}
|
|
.bigdetail{padding:40px 0px;}
|
|
.bigdetail .breakcrumb{margin-bottom:30px;color:#666;font-size:1rem;}
|
|
.bigdetail .breakcrumb img{vertical-align:middle;margin-top:-4px;}
|
|
.bigdetail .breakcrumb span{margin-right:5px;}
|
|
.bigdetail .breakcrumb i{margin:0px 5px;}
|
|
.bigdetail .breakcrumb a{color:#666;}
|
|
.bigdetail .breakcrumb a:hover{color:#999;}
|
|
.bigdetail .left{width:58%;padding:10px;background:#fff;border-radius:10px;}
|
|
.bigdetail .right{width:38%;margin-left:3%;}
|
|
.table-bordered {border: 1px solid #ddd;margin-bottom:20px;background-color: transparent;border-collapse: collapse;border-spacing: 0;}
|
|
.bigdetail .infor li {border-bottom: 1px solid #e1e2e6;padding: 15px 0;line-height: 160%;}
|
|
.bigdetail .infor li:first-child {padding-bottom: 25px;padding-top: 0;}
|
|
.bigdetail .infor li:first-child button {
|
|
min-width: 52px;
|
|
margin-left: 5px;
|
|
border-radius: 10px;
|
|
border: 0;
|
|
background-color: #f2f2f2;
|
|
text-align: center;
|
|
padding: 0 10px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.detailview{width:100%;}
|
|
.bigdetail .infor li h1 {line-height: 150%;color: #000;font-size: 24px;}
|
|
.bigdetail .infor li button i {color: #666;margin-left: 3px;}
|
|
.bigdetail .infor li:not(:first-child) {color: #666;}
|
|
.bigdetail .infor li span.tiaokuan {color: #f01968;cursor: pointer;text-decoration: underline;}
|
|
.bigdetail .btns{margin:30px 0px 20px 0px;}
|
|
.bigdetail .btns li {display:inline-block;vertical-align:top;padding: 5px 20px;border: 1px solid #ddd;border-radius: 10px;text-align: center;}
|
|
.bigdetail .btns li h6 {color: #999;margin-bottom: 3px;font-size:1rem;}
|
|
.bigdetail .btns li p {color: #666;}
|
|
.bigdetail .detailrow{width:100%;}
|
|
.bigdetail .detailrow h4 {margin:40px 0px 30px 0px;color: #555c6f;font-size: 22px;padding-left: 10px;position: relative;}
|
|
.bigdetail .detailrow h4::after {width: 4px;height: 22px;background-color: #f01968;position: absolute;content: "";left: 0;transform: translateY(-50%);top: 55%;line-height: 150%;}
|
|
.bigdetail .detailrow table{background:#fff;color:#666;width:100%;border-collapse: collapse;border-spacing: 0;}
|
|
.detailrow table th,.detailrow table td {text-align: center;border-width: 1px;border-style: solid;border-color: #eee; position: relative;padding: 9px 15px;min-height: 20px;line-height:2rem;font-size:1rem;}
|
|
.detailrow table th,.detailrow table td {background-color: #fff;}
|
|
.prowraper{padding-top:20px;}
|
|
.bigdetail .product,.prowraper .product{
|
|
float:left;
|
|
width:24.2%;
|
|
padding: 10px;
|
|
border: 1px solid #e5e8eb;
|
|
border-radius: 10px;
|
|
margin-bottom: 20px;
|
|
background:#fff;
|
|
margin-left:1%;
|
|
}
|
|
.bigdetail .product:nth-child(4n+1),.prowraper .product:nth-child(4n+1){
|
|
margin-left:0px;
|
|
}
|
|
.prowraper .product .img,.bigdetail .product .img {
|
|
width: 100%;
|
|
position:relative;
|
|
height:256px;
|
|
overflow:hidden;
|
|
}
|
|
.prowraper .product .tag,.bigdetail .product .tag {
|
|
color: #fff;
|
|
width: 70px;
|
|
line-height:2rem;
|
|
font-size:0.8rem;
|
|
background-color:#BF3628;
|
|
text-align: center;
|
|
right: 0;
|
|
top:0px;
|
|
position:absolute;
|
|
z-index:99;
|
|
border-radius:6px;
|
|
}
|
|
.prowraper .product .link,.bigdetail .product .link {
|
|
color: #fff;
|
|
width: 70px;
|
|
line-height:2rem;
|
|
font-size:0.8rem;
|
|
background-color: rgba(108, 104, 118, 0.6);
|
|
text-align: center;
|
|
right: 0;
|
|
bottom:0px;
|
|
display:none;
|
|
position:absolute;
|
|
z-index:99;
|
|
border-radius:6px;
|
|
cursor:pointer;
|
|
}
|
|
.prowraper .product .img:hover .link,.bigdetail .product .img:hover .link{display:block;}
|
|
.prowraper .product .img>img,.bigdetail .product .img>img {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 5px;
|
|
object-fit: cover;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.prowraper .product .code,.bigdetail .product .code {
|
|
font-size: 12px;
|
|
color: #999;
|
|
margin-top:20px;
|
|
padding:0px 10px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
}
|
|
.prowraper .product .org,.bigdetail .product .org {
|
|
margin-bottom: 5px;
|
|
margin-top:10px;
|
|
color: #737376;
|
|
position: relative;
|
|
}
|
|
|
|
.prowraper .product .name,.bigdetail .product .name {
|
|
color: #333;
|
|
font-size:1.2rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
}
|
|
.modal{
|
|
-webkit-overflow-scrolling: touch;
|
|
top:5%;
|
|
background-color: #fff;
|
|
-webkit-background-clip: content;
|
|
border-radius: 2px;
|
|
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
|
|
z-index:999;
|
|
position: fixed;
|
|
left:50%;
|
|
margin-left:-23%;
|
|
width:46%;
|
|
border-radius:5px;
|
|
display:none;
|
|
}
|
|
.modal-header{
|
|
padding: 0 80px 0 20px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
border-bottom: 1px solid #F0F0F0;
|
|
font-size:1.1rem;
|
|
color: #333;
|
|
overflow: hidden;
|
|
border-radius: 2px 2px 0 0;
|
|
position:relative;
|
|
}
|
|
.modal-header .close{
|
|
position: absolute;
|
|
right: 15px;
|
|
*right: 0;
|
|
top: 10px;
|
|
width:16px;
|
|
height:16px;
|
|
font-size:1.6rem;
|
|
border:none;
|
|
background:none;
|
|
cursor:pointer;
|
|
}
|
|
.modal-body{
|
|
padding:25px 20px;
|
|
overflow: hidden;
|
|
max-height: 400px;
|
|
line-height:1.8rem;
|
|
overflow-y: scroll;
|
|
width:100%;
|
|
}
|
|
.Subtitle{
|
|
text-indent: 0;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
.modal-footer{padding:13px 15px;margin-top:10px;text-align:center;border-top:1px solid #F0F0F0;}
|
|
.modal-footer .btn{box-shadow:none;background-color: #1E9FFF;color: #fff;border:none;line-height:1.8rem;padding:0px 18px;border-radius: 2px;text-decoration: none;cursor:pointer;}
|
|
.modal-shape{
|
|
display:none;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
_height: expression(document.body.offsetHeight+"px");
|
|
z-index: 998;
|
|
background-color: rgb(0, 0, 0);
|
|
position:fixed;
|
|
opacity: 0.3;
|
|
}
|
|
.bigdetail .detailrow,.bigdetail .left,.bigdetail .right,.detailsdes-new .left, .detailsdes-new .right {
|
|
display: inline-block;
|
|
float: left; }
|
|
.detailsdes-new .left, .detailsdes-new .right {
|
|
display: inline-block;
|
|
float: left; }
|
|
.detailsdes-new .left {
|
|
width: 38%; }
|
|
.detailsdes-new .left .de-img-wrapper {
|
|
background-color: #f0f0f0;
|
|
position: relative; }
|
|
.detailsdes-new .left .de-img-wrapper:before {
|
|
display: block;
|
|
content: "";
|
|
padding-top:100%; }
|
|
.detailsdes-new .left .de-img-wrapper .img-shell {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
overflow: hidden; }
|
|
.detailsdes-new .left .de-img-wrapper .img-shell video,.detailsdes-new .left .de-img-wrapper .img-shell img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
margin: auto;
|
|
-webkit-transition: all 0.35s;
|
|
-moz-transition: all 0.35s;
|
|
-ms-transition: all 0.35s;
|
|
-o-transition: all 0.35s;
|
|
transition: all 0.35s;}
|
|
.detailsdes-new .right {
|
|
width: 62%;
|
|
font-size: 14px;
|
|
padding-left: 1rem; }
|
|
.detailsdes-new .right p {
|
|
color: rgba(0, 0, 0, 0.7);
|
|
display: block;
|
|
line-height: 2.5em; }
|
|
.detailsdes-new .right p span {
|
|
display: inline-block;
|
|
height: 2.5em;
|
|
overflow: hidden; }
|
|
.detailsdes-new .right span:nth-child(1) {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
width: 8em;
|
|
text-align: justify; }
|
|
.detailsdes-new .right p span:after {
|
|
display: inline-block;
|
|
width: 100%;
|
|
content: ''; }
|
|
.right_fixd{position: fixed;bottom: 20px;right: 10px;width: 84px;z-index: 999;}
|
|
.right_fixd .r_menu{font-size: 12px;color: #666666;box-shadow: 0 3px 10px rgba(0,0,0,.35);}
|
|
.right_fixd .item{background-color: #FFFFFF;height:auto;display: inline-block;vertical-align:top;width: 100%;padding:12px 0px;text-align: center;text-decoration: none;overflow: hidden;border-top: 1px solid #E6E6E6;cursor: pointer;}
|
|
.right_fixd .cateitem{height:44px;}
|
|
.right_fixd .r_menu .item .iconfont_tm{font-size: 22px;}
|
|
.right_fixd .r_menu .item.totop .iconfont_tm{font-size: 12px;}
|
|
.right_fixd .r_menu .item .desc{width: 100%;line-height: 15px;margin-top:10px;}
|
|
.right_fixd .item:hover,.right_fixd .item.active{background-color:#BF3628;color: #FFFFFF;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
|
|
.right_fixd .r_menu .item:first-child{border-top: 0;}
|
|
.right_fixd .r_menu:last-child{margin-top: 12px;}
|
|
|
|
.boxinner_p{padding: 17px 0px 0px 6px;}
|
|
.boxinner_p p{ color:#8f8fa8; font-size: 14px; line-height: 24px;}
|
|
|
|
.searchitem{margin:20px 40px 0px 40px;}
|
|
.searchitem .label,.searchitem .choose,.searchitem{display:inline-block;vertical-align:top;}
|
|
.searchitem .choose{border:2px solid rgba(207,200,208,1);min-width:188px;}
|
|
.searchitem select{width:100%;}
|
|
.searchitem .label{line-height:28px;color:rgba(76,76,76,.7);font-size:14px;}
|
|
|
|
.about_v_msk {
|
|
width: 790px;
|
|
height: 490px;
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -250px;
|
|
margin-left: -400px;
|
|
background: #666;
|
|
z-index: 999999;
|
|
padding: 25px 25px 10px;
|
|
display: none;
|
|
}
|
|
.about_v_msk video {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.about_v_msk a {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 10px;
|
|
border-radius: 50%;
|
|
color: #FFF;
|
|
font-size: 30px;
|
|
}
|
|
img{max-width: 100%;}
|
|
|
|
#activityMsg{font-size:14px;background:#fff !important;border-radius:10px;padding:0px;top:20% !important;}
|
|
#activityMsg .bg{float:right;width:47%;}
|
|
#activityMsg .wraper{position:absolute;z-index:99;left:0px;top:2%;width:100%;text-align:center;}
|
|
#activityMsg .close-reveal-modal{font-size:1.8rem;font-weight:normal;top:6px !important;right:6px;color:#545454;}
|
|
#activityMsg .btn img{width:30%;}
|
|
#activityMsg .msg{margin:8% 0px;color:#3f3f3f;font-size:1.2rem;line-height:2.4rem;}
|
|
|
|
.activitywraper p{margin:0px;}
|
|
.activitywraper .check-box-wrapper,.activitywraper .radio-button-wrapper{position:relative;float:left;display:inline-block;padding:0;width:16px;height:16px;line-height:16px;text-align:center;vertical-align:middle;margin:2px 1px 0 0}.entry-container-inner form .check-box-wrapper input[type="radio"],.entry-container-inner form .check-box-wrapper input[type="checkbox"],.entry-container-inner form .radio-button-wrapper input[type="radio"],.entry-container-inner form .radio-button-wrapper input[type="checkbox"]{position:absolute;left:-9999px;visibility:hidden}
|
|
.activitywraper .choice-description{margin-top:2px;margin-left:20px;}
|
|
.activitywraper .radio.inline,.activitywraper .checkbox.inline{display:inline-block;vertical-align:top;margin-top:0;margin-right:11px;white-space:nowrap}
|
|
#activityPage{background:#fff;font-size:14px;border-radius:10px;padding:0px 25px 20px 25px;width:900px;margin-left:-450px;}
|
|
.activitywraper{width:850px;background:#fff;margin:0px auto;}
|
|
.activitywraper .head{text-align:center;}
|
|
.activitywraper .head img.title{width:28%;margin-top:-1px;}
|
|
.activitywraper .close-reveal-modal{font-size:1.8rem;font-weight:normal;top:6px !important;right:6px;color:#545454;text-decoration:none;}
|
|
.activitywraper .head .back{position:absolute;z-index:99;left:25px;top:8px;width:9%;text-align:left;}
|
|
.currentlist .show{margin-top:15px;position:relative;}
|
|
.passlist .title{color:#a8a8a8;text-align:center;margin:15px 0px;background:url(../../static/img/activity/line.jpg) center repeat-x;position:relative;}
|
|
.passlist .title span{background:#fff;padding:0px 10px;font-size:1.2rem;}
|
|
.passlist .title a{background:#fff;width:9%;padding-left:5px;position:absolute;z-index:99;right:0px;top:-1px;}
|
|
.passlist .title a img{}
|
|
.passlist .show{display:inline-block;vertical-align:top;width:32%;}
|
|
.passlist .show:nth-child(2){margin:0px 1.2%;}
|
|
|
|
.activitywraper .pagecontent{margin-top:25px;}
|
|
.activitywraper .leftside,.activitywraper .rightside{display:inline-block;vertical-align:top;}
|
|
.activitywraper .leftside{width:35%;margin-right:2%;}
|
|
.activitywraper .rightside{width:62%;color:#828282;line-height:1.2rem;}
|
|
.activitywraper .rightside .title{color:#252e4b;font-size:1.12rem;font-weight:bold;margin-bottom:5px;}
|
|
.activitywraper .formwraper{background:#f0f0f0;padding:8px 10px;margin-top:10px;}
|
|
.activitywraper .formwraper .form{margin:10px 0px 20px 0px;text-align:center;}
|
|
.activitywraper .form form{margin:0px auto;width:80%;text-align:left;}
|
|
.activitywraper .form a img{width:31%;}
|
|
.activitywraper .form .row{margin-bottom:10px;}
|
|
.activitywraper .form input{width:100%;color:#3e3e3e;display:inline-block;vertical-align:top;text-indent:4px;border:1px solid #dedede;border-radius:4px;line-height:1.6rem;}
|
|
.activitywraper .form .col3{width:32%;display:inline-block;vertical-align:top;}
|
|
.activitywraper .form .col3:nth-child(2){margin:0px 0.8%;}
|
|
.activitywraper .form .col2{width:48%;display:inline-block;vertical-align:top;}
|
|
.activitywraper .form .col2:nth-child(2){margin-left:2.6%;}
|
|
|
|
.activitywraper .remark{background:#f8f8f8;padding:10px 15px;font-size:0.8rem;}
|
|
.activitywraper .remark .label,.activitywraper .remark .txt{display:inline-block;vertical-align:top;}
|
|
.activitywraper .remark .label{width:10%;font-weight:bold;}
|
|
.activitywraper .remark .txt{width:88%;}
|
|
|