wanghongjun
2 years ago
85 changed files with 36989 additions and 0 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
@keyframes afc{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes afc{from{opacity:0;-webkit-transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1)}}.animate_afc{opacity:0}.animate_afc.animate_start{-webkit-animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afc;animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afc;opacity:1}@keyframes afl{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes afl{from{opacity:0;-webkit-transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0)}}.animate_afl{opacity:0}.animate_afl.animate_start{-webkit-animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afl;animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afl;opacity:1}@keyframes afr{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes afr{from{opacity:0;-webkit-transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0)}}.animate_afr{opacity:0}.animate_afr.animate_start{-webkit-animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afr;animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afr;opacity:1}@keyframes aft{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes aft{from{opacity:0;-webkit-transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0)}}.animate_aft{opacity:0}.animate_aft.animate_start{-webkit-animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 aft;animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 aft;opacity:1}@keyframes afb{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes afb{from{opacity:0;-webkit-transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0)}}.animate_afb{opacity:0}.animate_afb.animate_start{-webkit-animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afb;animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 afb;opacity:1}@keyframes wfc{from{opacity:0;transform:scaleX(.01)}to{opacity:1;transform:scaleX(1)}}@-webkit-keyframes wfc{from{opacity:0;-webkit-transform:scaleX(.01)}to{opacity:1;-webkit-transform:scaleX(1)}}.animate_wfc{opacity:0}.animate_wfc.animate_start{-webkit-animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 wfc;animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 wfc;opacity:1}@keyframes hfc{from{opacity:0;transform:scaleY(.01)}to{opacity:1;transform:scaleY(1)}}@-webkit-keyframes hfc{from{opacity:0;-webkit-transform:scaleY(.01)}to{opacity:1;-webkit-transform:scaleY(1)}}.animate_hfc{opacity:0}.animate_hfc.animate_start{-webkit-animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 hfc;animation:.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 hfc;opacity:1}@keyframes rfc{from{opacity:0;transform:scale(.01) rotate(360deg)}to{opacity:1;transform:scale(1) rotate(0)}}@-webkit-keyframes rfc{from{opacity:0;-webkit-transform:scale(.01) rotate(360deg)}to{opacity:1;-webkit-transform:scale(1) rotate(0)}}.animate_rfc{opacity:0}.animate_rfc.animate_start{-webkit-animation:.8s ease 0s normal backwards 1 rfc;animation:.8s ease 0s normal backwards 1 rfc;opacity:1}@keyframes rfl{from{opacity:0;transform:translateX(-100px) rotate(-180deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@-webkit-keyframes rfl{from{opacity:0;-webkit-transform:translateX(-100px) rotate(-180deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0)}}.animate_rfl{opacity:0}.animate_rfl.animate_start{-webkit-animation:.8s ease 0s normal backwards 1 rfl;animation:.8s ease 0s normal backwards 1 rfl;opacity:1}@keyframes rfr{from{opacity:0;transform:translateX(100px) rotate(180deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@-webkit-keyframes rfr{from{opacity:0;-webkit-transform:translateX(100px) rotate(180deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0)}}.animate_rfr{opacity:0}.animate_rfr.animate_start{-webkit-animation:.8s ease 0s normal backwards 1 rfr;animation:.8s ease 0s normal backwards 1 rfr;opacity:1}.d1.animate_start{-webkit-animation-delay:.2s;animation-delay:.2s}.d2.animate_start{-webkit-animation-delay:.4s;animation-delay:.4s}.d3.animate_start{-webkit-animation-delay:.6s;animation-delay:.6s}.d4.animate_start{-webkit-animation-delay:.8s;animation-delay:.8s}.d5.animate_start{-webkit-animation-delay:1s;animation-delay:1s}.d6.animate_start{-webkit-animation-delay:1.2s;animation-delay:1.2s} |
|||
File diff suppressed because it is too large
@ -0,0 +1,71 @@ |
|||
#current:after,#options li a.selected,.accordionMod .panel-heading .current,.btn:focus,.ch-info .ch-info-back,.contact-box:hover,.nivo-nextNav:hover,.nivo-prevNav:hover,.progress .progress-bar,.subscribe-btn { |
|||
background: #8e2609 |
|||
} |
|||
.cn-wrapper li a,.cn-wrapper:after,.navbar-toggle i,.pager li>a:focus,.pager li>a:hover,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { |
|||
background-color: #930; |
|||
color: #fff |
|||
} |
|||
|
|||
#options li a.selected { |
|||
border: 1px solid #0488cd |
|||
} |
|||
|
|||
.ie8 .btn-color,.ie9 .btn-color { |
|||
background: #0488cd!important |
|||
} |
|||
|
|||
.ie8 .btn-color:hover,.ie9 .btn-color:hover { |
|||
background: #2eaef0!important |
|||
} |
|||
|
|||
.btn-color:hover,.subscribe-btn:hover { |
|||
background: -webkit-linear-gradient(#0488cd,#2eaef0); |
|||
background: -moz-linear-gradient(#0488cd,#2eaef0); |
|||
background: -o-linear-gradient(#0488cd,#2eaef0); |
|||
background: -ms-linear-gradient(#0488cd,#2eaef0); |
|||
background: linear-gradient(#0488cd,#2eaef0) |
|||
} |
|||
|
|||
.btn-color,.subscribe-btn { |
|||
background: -webkit-linear-gradient(#2eaef0,#0488cd); |
|||
background: -moz-linear-gradient(#2eaef0,#0488cd); |
|||
background: -o-linear-gradient(#2eaef0,#0488cd); |
|||
background: -ms-linear-gradient(#2eaef0,#0488cd); |
|||
background: linear-gradient(#2eaef0,#0488cd); |
|||
border: 1px solid #2f7295; |
|||
-webkit-box-shadow: inset 0 1px 1px 0 #9fcee7,0 2px 0 -1px rgba(0,0,0,.2); |
|||
box-shadow: inset 0 1px 1px 0 #9fcee7,0 2px 0 -1px rgba(0,0,0,.2); |
|||
cursor: pointer |
|||
} |
|||
|
|||
#current,.menu ul li a:hover,.menu ul>li:hover>a { |
|||
border-bottom: 3px solid #fff |
|||
} |
|||
|
|||
ul.why li:before { |
|||
background: #0488cd |
|||
} |
|||
|
|||
.menu ul ul { |
|||
border-top: 3px solid #e5e5e5!important |
|||
} |
|||
|
|||
#horizontal-tabs ul.tabs li.current { |
|||
border-top: 2px solid #930 |
|||
} |
|||
|
|||
#vertical-tabs ul.tabs li.current { |
|||
border-left: 2px solid #0488cd |
|||
} |
|||
|
|||
#cn-tabs .service,.author-content,.comment-des,.contact-box,div.content-box.big { |
|||
border-bottom-color: #0488cd |
|||
} |
|||
|
|||
.cn-wrapper li a.active,.cn-wrapper li a:hover,.post-item h4 a:hover,a { |
|||
color: #666 |
|||
} |
|||
#horizontal-tabs ul.tabs li.current { |
|||
border-top: 2px solid #930; |
|||
color:#930; |
|||
} |
|||
@ -0,0 +1,646 @@ |
|||
@charset "UTF-8"; |
|||
/* CSS Document */ |
|||
body{margin:0;padding:0;font-family:"Microsoft YaHei","微软雅黑",Arial;font-size:15px;color:#666;} |
|||
div,p,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea{padding:0; margin:0} |
|||
img{vertical-align:middle;border:0;max-width: 100%;} |
|||
table{width:100%} |
|||
ul,li{list-style:none;text-transform:capitalize;} |
|||
h1,h2,h3,h4,h5,h6{font-weight:normal;} |
|||
a{text-decoration:none; color:#666;outline: none;} |
|||
a:hover{text-decoration:none} |
|||
.pull-left{float:left;} |
|||
.pull-right{float:right;} |
|||
ul.list-block>li{float:none} |
|||
li{float:left;} |
|||
input,textarea{outline: none;line-height: 24px;font-size: 14px;color:#333;padding-left: 5px;} |
|||
a,span,i,b,img{display:inline-block;} |
|||
.h4{color:#8e2609;padding-bottom: 8px;font-size:16px;} |
|||
.relative{position:relative} |
|||
.text-center{text-align: center;} |
|||
.text-left{text-align:left;} |
|||
.text-right{text-align:right;} |
|||
.v-m{vertical-align: middle;} |
|||
.clearfix{clear:both;} |
|||
.clear {clear:both; *display:inline;/*IE only*/} |
|||
/*----------*/ |
|||
.pad_T10{padding-top:10px}.mar_R10{margin-right:10px}.mar_R5{margin-right:5px}.mar_l10{margin-left:10px;}.mar_T10{margin-top:10px}.mar_t5{margin-top:5px} |
|||
.fl{float:left}.fr{float:right}.clear{clear:both}.mcent{margin:0 auto;} |
|||
hr{ height:1px; margin:0; margin-bottom:10px; color:#ccc;border:0;border-bottom:1px dotted #cccccc;} |
|||
/*----*/ |
|||
.qiehuan A IMG {FILTER:gray;} .qiehuan A:hover IMG {FILTER:} |
|||
.c_p{clear:both; line-height:0px; height:5px; font-size:0; text-indent:-9999px} |
|||
.c_0{clear:both; line-height:0px; height:0px; font-size:0; text-indent:-9999px} |
|||
.c_x{clear:both; line-height:0px; height:0px; font-size:0; text-indent:-9999px; border-bottom:1px solid #dfeaf5} |
|||
.wrap,.container{ width:1200px; margin:0 auto;clear:both;overflow:hidden;} |
|||
|
|||
/*top*/ |
|||
.header_top{ background:#510303; height:43px; line-height:43px;width:100%} |
|||
.header_top .lang{ float:left; color:#d5cccc; font-size:14px;} |
|||
.header_top .lang a{ color:#d5cccc; padding-left:12px;} |
|||
.header_top i{font-size:14px;color:#ff6600; line-height:43px;float:left;} |
|||
.header_top .lf{display:inline; } |
|||
.header_top .lf a{ color: #ed145b; margin-left:5px;} |
|||
.header_top .rt{ float:right; font-size:14px;} |
|||
.header_top .rt li{float: left;height: 27px;padding: 0 10px;color: #d5cccc;} |
|||
.header_top .rt li a{color:#d5cccc;} |
|||
.header_top .rt li a:hover{color:#fff;} |
|||
.header_top .rt li.spacer{width: 1px;height: 12px;margin-top:15px;padding: 0;background: #ddd;overflow: hidden;} |
|||
.shoucang{margin-right:10px;} |
|||
.shoucang img{vertical-align:sub} |
|||
|
|||
/*nav*/ |
|||
.nav_wrap{overflow:visible;} |
|||
.header_nav{ height:94px; border-bottom:1px solid #e5e5e5;} |
|||
.header_nav .logo{ float:left; margin-top:20px;} |
|||
.header_nav .menu{ float:right; margin-top:35px;} |
|||
.header_nav .menu li{ float:left; text-align:center;padding-bottom: 35px } |
|||
.header_nav .menu a{ font-size:16px; color:#313131; height:27px; display:inline-block; font-size:16px;width:109px; line-height:27px; } |
|||
.header_nav .menu a:hover{ background:url(../images/menu.png) no-repeat; color:#fff;} |
|||
.header_nav .menu a:hover, a.hover{ background:url(../images/menu.png) no-repeat; color:#fff !important;} |
|||
.header_nav .menu li{position:relative} |
|||
.sub_nav{position:absolute;top:60px;left:-20px;z-index:999;display:none;border:1px solid #e5e5e5;background:#FFF;border-top:0} |
|||
.menu .sub_nav li a{width:150px;} |
|||
.menu .sub_nav li{border-bottom:1px solid #e5e5e5;padding:0} |
|||
.menu .sub_nav li a{font-size: 14px;height:30px;line-height: 30px} |
|||
.menu .sub_nav li a:hover{background:#8e2609} |
|||
/*navs*/ |
|||
.navs ul.navs-list>li{cursor:pointer;} |
|||
.navs div.content_box{overflow: hidden;clear:both;position:relative;height:96px;} |
|||
.gushi .navs div.content_box{height:248px;} |
|||
.gushi .pull-left .navs div.content_box{height:270px;width:741px;} |
|||
.navs ul.navs-list>li.active{border: 1px solid #ddd;height: 11px;border-bottom-color: #fff;color: #8e2609;} |
|||
.navs div.content_box>.content{opacity:0;position:absolute;top:0;left:0;z-index: -1;} |
|||
.navs div.content_box>.content.show{opacity:1;z-index: 999} |
|||
.container.gushi .navs .navs-list{background-color:#f7f7f7;border:1px solid #ddd;height:46px;} |
|||
.container.gushi>div.pull-right .navs .navs-list{border:none;background:none;} |
|||
.container.gushi>div.pull-right .navs .navs-list li.active{border:1px solid #ddd;border-bottom-color:#fff;} |
|||
.container.gushi .navs .navs-list>li {font-size: 16px;line-height: 45px;width: 95px;text-align: center;position:relative;height:45px;border:0;} |
|||
.container.gushi .navs .navs-list>li.active{color:#8e2609;} |
|||
.container.gushi .navs .navs-list>li.active:before{content:'';display:block;height:3px;background-color:#8e2609;width:100%;left:0;top:-2px;position:absolute;} |
|||
/*banner*/ |
|||
.index_focus {position: relative;width: 100%;height:479px;margin: 0 auto;overflow: hidden;} |
|||
.index_focus .bd li { display: none;position: absolute;left: 0;top: 0;width:1920px;} |
|||
.index_focus_post {z-index: 10;} |
|||
.index_focus .pic {height: auto;display: block;margin:0 auto} |
|||
.index_focus .pic:hover {text-decoration: none;} |
|||
.index_focus .slide_nav {position: absolute;left:47%;bottom:-10px;} |
|||
.index_focus .slide_nav a {cursor:pointer;float:left;font-size:32px;color: #7f7f7f;text-decoration: none;} |
|||
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{color: #b72e22;} |
|||
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top: -36px;width: 72px;height: 72px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;background: url(../images/ico_sliding.png) no-repeat;} |
|||
.index_focus_pre {left: 30px;background-position: 0 0;} |
|||
.index_focus_pre:hover {background-position: 0 -144px;} |
|||
.index_focus_next {right: 30px;background-position: 0 -72px;} |
|||
.index_focus_next:hover {background-position: 0 -216px;} |
|||
.container.gushi>div.pull-right {width: 446px; border: 1px solid #ddd; padding-bottom: 10px;box-sizing: border-box;height:318px;} |
|||
div.tit {margin-bottom: 15px;overflow: hidden;} |
|||
.container.news div.navs div.content>ul {line-height: 2;} |
|||
.container.news div.navs div.content li{clear:both;} |
|||
.container.news div.navs div.content li>a { float: left;color:#666;} |
|||
.container.news div.navs div.content li>span.date { float: right;} |
|||
.container.news .info>ul>li>div.clearfix>div.img { width: 157px;} |
|||
.container.news .info>ul>li>div.clearfix>div.pull-right{width:240px;height:110px;} |
|||
.container.news div.navs div.content {padding-left: 15px;} |
|||
.navs>.navs-tit>ul.navs-list>li {padding: 10px 15px; margin-right: 10px;} |
|||
.search_box>ul.pull-left>li {width: 130px;line-height:50px;} |
|||
.container.gushi>div.pull-right div.tit {margin-bottom: 11px;border-bottom: 1px solid #ddd;height:46px;overflow:visible;} |
|||
.container.gushi>div.pull-right table>thead {background-color: #f4f0ed;} |
|||
.container.gushi>.pull-left .navs>.content_box>.content {border: 1px solid #ddd;height:268px;} |
|||
.container.gushi table {width: 100%;line-height: 29px;} |
|||
.search_a input {width: 378px; height:30px; line-height: 28px; text-indent:1em;float:left;} |
|||
.container.gushi table td { border: none; text-indent: 15px;color:#999;} |
|||
.search_a select{height:32px;color:#666;float:left;margin:0 5px;} |
|||
.container.vip ul>li>span { line-height: 30px;} |
|||
|
|||
.search_box .search a {background: #8e2609 url(../images/search-icons_06.jpg) no-repeat 8px center; line-height: 32px; height: 32px; padding: 0 15px 0 40px; color: #fff; font-size: 16px; } |
|||
.container.yewu-bt>ul>li ul {padding: 0 15px 15px; line-height: 2;} |
|||
.container.yewu-bt>ul>li ul>li>a:before{content:'';display: inline-block;margin-right: 8px;line-height: 24px; position: relative;width: 4px; height: 4px; background-color: #878787; top: -2px;} |
|||
.navs.navs-n>.navs-tit a.pull-right {margin-top: 11px;} |
|||
.container.yewu-bt>ul>li {width: 388px; margin-right: 15px;border:1px solid #ddd; } |
|||
.container.yewu-bt>ul>li>div.tit { padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ddd; } |
|||
.container.yewu-bt>ul>li ul { padding: 0 15px 15px; } |
|||
.container.ans {border: 1px solid #ddd; line-height: 38px; padding: 0 15px; box-sizing: border-box;background:#f5f5f5;margin:20px auto 7px} |
|||
.container.ans>h6{font-size:16px;color:#8e2609;} |
|||
.container.hezuo>ul>li {width:123px;margin-right:55px;} |
|||
.hezuo_ul{padding-bottom: 25px;} |
|||
.container>div.tit{overflow:hidden;border-bottom:1px solid #ddd;padding-top: 22px;} |
|||
.container>div.tit>h2.t {font-size: 16px;position:relative;line-height: 37px;} |
|||
.container .tit a{line-height: 37px;} |
|||
.info .tit a{line-height: 22px;} |
|||
.container>div.tit>h2.t:before {content:'';display:block;position:absolute;left:0;bottom:0;width:60px;height:3px;background-color:#8e2609;} |
|||
.container>div.tit>h2.t.vip_h2:before{width:176px} |
|||
table{border-collapse:collapse;} |
|||
.container.hezuo>ul>li.r-l{margin-right:0;} |
|||
.container.yewu-bt>ul>li.last{margin-right:0;} |
|||
.container.yewu>ul>li.last {width: 278px;margin-right: 0;padding:0;} |
|||
.container.yewu>ul>li ul {line-height: 31px;padding:0 18px;padding-top: 18px;} |
|||
.container.yewu>ul>li { width: 446px;margin-right: 15px; border: 1px solid #ddd;box-sizing: border-box;padding: 0 0 25px 0;} |
|||
.container.vip ul>li { width: 220px;margin-right:24px;height:220px;} |
|||
.container.vip ul>li a {width: 220px;height:220px;overflow: hidden;} |
|||
.container.vip ul>li a img {width:100%;} |
|||
.container.vip ul>li:last-child{margin-right:0;} |
|||
.wrap.search-wrap { margin: 15px auto;} |
|||
.container.yewu>ul>li ul a {color: #666;} |
|||
.container.bank-box>div.bank li{width: 162px;margin-right: 10px;height:90px;text-align: center;} |
|||
.container.bank-box>div.bank li a{height:100%;} |
|||
.container.bank-box>div.bank li a img{max-height:100%;max-width: 100%} |
|||
|
|||
.container.bank-box>div.bank li.last{margin-right:0; text-align: right;} |
|||
.bank{padding-top: 15px} |
|||
.bank ul{height:90px;overflow: hidden;} |
|||
.container.bank-box>div.bank li:nth-child(7){margin-right:0;} |
|||
.navs.navs-n>.navs-tit {border-bottom: 1px solid #ddd;margin-bottom:15px;height:32px;padding-top:26px;} |
|||
.search_box ul li a {width: 100%; height: 100%; padding-left: 34px; color: #fff; font-size: 15px; border: 1px solid #ddd; border-left:0; box-sizing: border-box;} |
|||
.container.gushi>div.pull-right .navs .navs-list li:first-child.active{border-left:0;} |
|||
.container.yewu-bt>ul>li>div.tit>span.pull-left {font-size: 16px;} |
|||
.search_box>ul.pull-left>li:nth-child(1)>a{ background: #8e2609 url(../images/search-icons_08.jpg) no-repeat 10px center;} |
|||
.search_box .sl1 a{ background: #8e2609 url(../images/search-icons_08.jpg) no-repeat 10px center;} |
|||
.container.yewu>ul>li>div.tit { line-height: 38px; color: #fff;background-color: #8e2609; font-size: 16px;padding:0 18px;} |
|||
.container.yewu>ul>li>div.tit>h5{font-size:16px;} |
|||
.container.yewu>ul>li>div.tit>a{color:#fff;} |
|||
.search_box>ul.pull-left>li:nth-child(2)>a{background: #8e2609 url(../images/search-icons_03.jpg) no-repeat 10px center;} |
|||
.search_box .sl2 a{background: #8e2609 url(../images/search-icons_03.jpg) no-repeat 10px center;} |
|||
.container.yewu>ul>li ul>li {padding-left: 30px;background: url(../images/pdf-icon_03.jpg) no-repeat left center;} |
|||
.search_box>ul.pull-left>li:nth-child(3)>a{ background: #fff url(../images/search-icons_11.jpg) no-repeat 10px center; color:#666; } |
|||
.search_box .sl3 a{ background: #fff url(../images/search-icons_11.jpg) no-repeat 10px center; color:#666; } |
|||
/**/ |
|||
.kuaijie{ background:#ebebeb; height:125px;width:100%} |
|||
.box{ float:left;} |
|||
.box li{ float:left; font-size:15px;} |
|||
.box li .ico1{ background:url(../images/gq.png) center no-repeat;} |
|||
.newlist{ height:45px; border-top:1px solid #f7f7f7;} |
|||
|
|||
.adscroll { overflow: hidden; font-size:14px;} |
|||
.newlist i{ float:left; font-style:normal; padding-right:12px; color:#4f0302; line-height:45px; font-size:14px;} |
|||
.newlist img{ margin-right:10px;} |
|||
.adscroll span { display: block; } |
|||
.adscroll .row { line-height:45px; } |
|||
.adscroll a{ color:#333} |
|||
.adscroll a:hover{ color:#4f0302} |
|||
.riqi{ float:right; color:#999} |
|||
#myTab{height:125px;padding-bottom:3px; float:left;} |
|||
#myTab li{text-align:center;float:left;width:132px;font-size:14px;border-right:1px solid #fff; height:125px; overflow:hidden;} |
|||
#myTab>li:last-child{border-right:0;} |
|||
#myTab li a{width:100%;} |
|||
#myTab li a:hover{color:#fff;} |
|||
.container.gushi>div.pull-right div.tit>a.pull-right {margin-top: 7px; margin-right: 15px;} |
|||
.iconfont1{ background:url(../images/nav_icon_01.png) center 30px no-repeat;} |
|||
.iconfont1:hover{background:url(../images/nav_icon2_01.png) center 30px no-repeat;} |
|||
.iconfont2{ background:url(../images/nav_icon_02.png) center 30px no-repeat;} |
|||
.iconfont2:hover{background:url(../images/nav_icon2_02.png) center 30px no-repeat;} |
|||
.iconfont3{ background:url(../images/nav_icon_03.png) center 30px no-repeat;} |
|||
.iconfont3:hover{ background:url(../images/nav_icon2_03.png) center 30px no-repeat;} |
|||
.iconfont4{ background:url(../images/nav_icon_04.png) center 30px no-repeat; } |
|||
.iconfont4:hover{background:url(../images/nav_icon2_04.png) center 30px no-repeat } |
|||
.iconfont5{ background:url(../images/nav_icon_05.png) center 30px no-repeat; } |
|||
.iconfont5:hover{background:url(../images/nav_icon2_05.png) center 30px no-repeat;} |
|||
.iconfont6{ background:url(../images/nav_icon_06.png) center 30px no-repeat; } |
|||
.iconfont6:hover{background:url(../images/nav_icon2_06.png) center 30px no-repeat;} |
|||
.iconfont7{ background:url(../images/nav_icon_07.png) center 30px no-repeat; } |
|||
.iconfont7:hover{background:url(../images/nav_icon2_07.png) center 30px no-repeat;} |
|||
.iconfont8{ background:url(../images/nav_icon_08.png) center 30px no-repeat; } |
|||
.iconfont8:hover{background:url(../images/nav_icon2_08.png) center 30px no-repeat;} |
|||
.iconfont9{ background:url(../images/nav_icon_09.png) center 30px no-repeat; } |
|||
.iconfont9:hover{background:url(../images/nav_icon2_09.png) center 30px no-repeat;} |
|||
#myTab li i:hover{background-color:#930;} |
|||
#close{width: 15px; height: 15px; position: absolute; z-index: 10;top: 4px; left: 108px;} |
|||
#myTab li span{display:block; padding-top:30px;} |
|||
#myTab li i{display:block; line-height:125px; font-style:normal;} |
|||
#myTab li.active{color:#fff;background:url(../images/tabs.png) center bottom no-repeat;padding-bottom:7px;} |
|||
#myTab li.active span{background:#ff6600;border:1px solid #ff6600;} |
|||
.container.news.relative {overflow: visible;height:352px;} |
|||
div#aside-left {position: absolute;left: -132px;top:-5px;} |
|||
.search_a{ height:50px; line-height:50px; border:1px solid #e4e4e4; border-radius: 3px;width:798px;background-color:#f7f7f7;} |
|||
.search_box>ul.pull-left{width:400px;} |
|||
.container.news .info li>div.tit>h3.t {font-size: 16px; color: #4d4d4d; padding-left: 10px;position:relative;} |
|||
.container.news .info li>div.tit>h3.t:before{content:'';display:block;position:absolute;width:3px;height:100%;background:#e3e3e3;left:0;} |
|||
.container.news .info>ul>li.last{width:288px;margin-right:0;border: 0; padding-left: 0;padding-top:0;float:right;} |
|||
.container.news .info>ul>li {width: 446px; border: 1px solid #ddd;padding: 15px; margin-right: 10px;box-sizing:border-box;height:352px;} |
|||
.search {float: left;padding:10px; font-size:14px; color:#666; line-height:32px;} |
|||
.container.news .info>ul>li.last>div.tit li {line-height: 17px; font-size: 16px;margin-right:10px;padding-left:10px;position:relative;} |
|||
.container.news .info>ul>li.last>div.tit li a{line-height: 17px;} |
|||
.container.news .info>ul>li.last>div.tit li.active:before{content:'';display:block;width:3px;height:100%;position:absolute;left:0;background-color:#ddd;} |
|||
.container.news .info>ul>li.last>div.tit li.b{padding-left:10px;} |
|||
.container.news .info>ul>li p { line-height: 21px;} |
|||
.container.news .info>ul>li a.move {margin-top: 14px;padding: 6px 12px;background-color: #8e2609;color: #fff;} |
|||
.search_txt { float: left; margin-right: 4px; } |
|||
.container.vip .bd ul.picList>li>div.title {line-height: 35px;} |
|||
.search_input { float: left; width:325px; border: 1px solid #e8e8e8; } |
|||
.search_input input {padding-left:5px; background: #fff; border: none; height: 28px; } |
|||
.search_input_word { width:320px; float: left; } |
|||
.search_input_btn { width: 22px; float: right; background:#8e2609; } |
|||
.adjj{ float:left; margin-top:12px; margin-bottom:12px;} |
|||
.shipin{ float:right; margin-top:10px;} |
|||
.shipin h2{ border-left:3px solid #e3e3e3; font-size:16px; margin-bottom:10px; padding-left:10px;} |
|||
.xiala{ float:left;} |
|||
.vip-main{margin-bottom: 15px;} |
|||
.gushi{margin-top: 15px;} |
|||
.bd_content{overflow: hidden;position:relative;width:444px;z-index: -1} |
|||
.bd_title{background:#f4f0ed;margin-bottom: 8px;} |
|||
.bd_content span{display:inline-block;width:107px;text-align: center;line-height: 30px;font-size: 14px;color:#999;} |
|||
.bd_content .bd{height:210px;overflow:hidden;} |
|||
.bd_content .bd span{width:111px;} |
|||
.bd_content ul li{float:none;height:30px;line-height: 30px;} |
|||
.bd_content:first-child{z-index:999} |
|||
.bd_content:first-child ul{z-index:999} |
|||
/**/ |
|||
#footer{ background:#e8e8e8; font-size:14px;overflow:hidden;width:100%} |
|||
.foot_top{ padding-top:46px;width:100%} |
|||
.foot_lt{ float:left; width:82%;} |
|||
.foot_sm_lt{ width:78%; float:left;} |
|||
.foot_lt dl{ float:left; width:20%;} |
|||
.foot_lt dt{line-height:38px; font-size:16px; color:#171717; margin-bottom:10px;} |
|||
.foot_lt dd a{ line-height:32px; font-size:14px; color:#666;} |
|||
.foot_lt dd a:hover{ color:#8e2609;} |
|||
.foot_sm_rt{ float:right; width:22%;} |
|||
.foot_sm_rt dl{ width:100%;} |
|||
.foot_rt{ float:right;} |
|||
.big_wx{ margin-top:35px; text-align:center;} |
|||
.foot_bot{ height:52px; line-height:52px; background:#323232;width:100%} |
|||
.bot_lt{ float:left; color:#fff;} |
|||
.bot_lt span{padding:0 6px;} |
|||
.bot_rt{ float:right;} |
|||
.bot_rt a{ color:#fff;} |
|||
.bot_rt span{ padding:0 12px; color:#fff;} |
|||
.youqing {border-top: 1px solid #d3d3d3; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
padding-top: 12px; |
|||
padding-bottom: 12px; margin-top:15px;} |
|||
.youqing_left{ float:left;} |
|||
.youqing_left a{ font-size:16px; color:#333; padding-right:12px;} |
|||
.youqing_left a:hover{ color:#666; text-decoration:none} |
|||
.youqing_right{ float:left; width:850px;margin-bottom: 15px;} |
|||
.youqing_right li{ float:left;height:28px; line-height:32px; margin-right:15px;} |
|||
.youqing_right li a{ color:#666666;} |
|||
.youqing_right li a:hover{ color:#666666; text-decoration:underline;} |
|||
.foot_rt p{ font-size:16px;} |
|||
|
|||
/* about */ |
|||
.banner_i{height:213px;width:100%;background:url(../images/about_banner_02.jpg) no-repeat 50%;} |
|||
.nav_i{background:#f3f3f3;width:100%;height:43px;line-height: 43px;font-size: 14px;color:#a4a4a4;} |
|||
.nav_i a{display:inline-block;padding-left:28px;background:url(../images/home_03.png) no-repeat left center;color:#a4a4a4;} |
|||
.about{padding:33px 0 160px;} |
|||
.about_aside{width:285px;float:left;margin-right:75px;border:1px solid #f1f1f1;} |
|||
.about_main{width:810px;float:left;} |
|||
.about_aside h3{line-height: 54px;font-size: 24px;color:#FFF;background:url(../images/title_bg_03.png);margin-bottom: 16px;text-align: center} |
|||
.about_aside ul li{line-height: 37px;width:285px;} |
|||
.about_aside ul li a{display:inline-block;padding-left:58px;width:227px;color:#000;font-size: 14px;background:url(../images/sj_07.png) no-repeat 39px center;} |
|||
.about_aside ul li.on a,.about_aside ul li:hover a{background-color:#f1f1f1} |
|||
.about_main h4{font-size: 18px;color:#b72e22;} |
|||
.about_main .p{font-size: 14px;color:#666;line-height: 57px;} |
|||
.about_m_title{color:#9e0404;font-size: 15px;line-height: 69px;height:69px;border-top:1px solid #f3bcbf;border-bottom:1px solid #f3bcbf;margin-bottom:23px;} |
|||
.about_m_title span{display:inline-block;width:36px;height:36px;margin:-4px 25px 0 10px;vertical-align:middle;background:url(../images/about_m_bg_03.png) no-repeat left bottom} |
|||
.about_m_title p{display:inline-block;width:258px;padding-left: 13px;} |
|||
.about_m_title a{float:right;width:21px;height:27px;margin:24px 23px 0 0;background:url(../images/about_bo_19.png) no-repeat center;} |
|||
.about_m_txt{padding:20px 0 30px;display:none;} |
|||
.state_3_txt{display:block;} |
|||
.about_m_txt p{font-size: 14px;color:#666;line-height: 22px;margin-bottom: 20px;} |
|||
.about_z_main{padding-top:25px} |
|||
.about_v_main{width:800px;} |
|||
.about_v_main a{display:inline-block;width:247px;margin:0 8px 40px;text-align: center;} |
|||
.about_v_main a div{width:247px;height:162px;position:relative;overflow: hidden;} |
|||
.about_v_main a div img{width:100%;height:100%;} |
|||
.about_v_main a div span{position:absolute;top:50%;left:50%;width:39px;height:39px;background:url(../images/about_v_14.png);margin-left:-19px;margin-top: -19px;} |
|||
.about_v_main a p{font-size: 14px;line-height: 28px;color:#FFF;background:#666;} |
|||
.about_v_main a:hover p{background:#b72e22} |
|||
.msk{background:rgba(0,0,0,0.5);width:100%;position:absolute;left:0;top:0;z-index: 1;} |
|||
.about_v_msk{width:790px;height:490px;position:fixed;top:50%;left:50%;margin-top: -250px;margin-left:-400px;background:#666;z-index: 2;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;} |
|||
.about_v_msk a:hover{color:#b72e22} |
|||
.about_x_main{width:796px;} |
|||
.about_x_main h2{font-size: 18px;color:#4c4b4b;line-height: 50px;font-weight: bold;background:#e1e1e1;position:relative;padding-left: 26px;} |
|||
.about_x_main h2 span{position: absolute;left:0;bottom:-20px;} |
|||
.about_x_list{margin-left:16px;border:1px solid #e1e1e1;padding:47px 0 24px;} |
|||
.about_x_item{height:50px; color:#1d1d1d;padding:25px 40px 23px 147px;background:url(../images/dl_07.png) no-repeat 40px center;} |
|||
.about_x_item h4{font-size: 15px;line-height: 26px;display:inline-block;color:#1d1d1d} |
|||
.about_x_item h4 p{font-size: 13px;} |
|||
.dl{float:right;width:70px;height:24px;font-size: 13px;color:#FFF;line-height: 24px;background:#b72e22;text-align: center;border-radius: 4px;margin-top: 14px;} |
|||
.about_x_item:hover{background-color:#ededed} |
|||
.page{text-align: center;margin-top: 50px} |
|||
.page ul{display:inline-block} |
|||
.page ul li{display:inline-block;margin:0 5px;color:#1d1d1d;line-height: 30px;} |
|||
.page ul li a{display:block;width:30px;height:30px;border:1px solid #e1e1e1;color:#1d1d1d;} |
|||
.page ul li.first a,.page ul li.last a{width:50px;height:30px;} |
|||
.page ul li a:hover,.page ul li.on a{background:#df392d;color:#FFF;} |
|||
|
|||
/* team */ |
|||
.team{width:1076px;padding:65px 0 100px;text-align: center;} |
|||
.line{display:block;height:1px;background:#ececec;} |
|||
.team_title{margin-bottom:48px} |
|||
.team_title h2{font-size: 18px;color:#313131;line-height: 33px;font-weight: bold;position:relative} |
|||
.team_title h2:before{content:'';width:431px;height:1px;background:#ececec;position:absolute;left:0;top:15px;} |
|||
.team_title h2:after{content:'';width:431px;height:1px;background:#ececec;position:absolute;right:0;top:15px;} |
|||
.team_title p{font-size: 14px;color:#8d8d8d;line-height: 22px;} |
|||
.team ul li{float:left;width:243px;margin-right: 32px;border:1px solid #eee;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s} |
|||
.team ul li:last-of-type{margin-right:0;} |
|||
.team ul li.last_li{margin-right: 0} |
|||
.team_img{width:243px;height:253px;overflow: hidden;} |
|||
.team_img img{width:100%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s} |
|||
.team ul li h4{font-size: 16px;color:#000;line-height: 31px;margin-top: 9px;} |
|||
.team ul li p{font-size: 12px;color:#333;line-height: 22px;margin-bottom: 9px;} |
|||
.team ul li:hover{background:#b72f23;} |
|||
.team ul li:hover h4,.team ul li:hover p{color:#FFF} |
|||
.team ul li:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);} |
|||
.team_i_l{float:left;width:244px;border:1px solid #eee;margin-right: 55px;} |
|||
.team_i_img{width:244px;height:251px;overflow: hidden;} |
|||
.team_i_img img{width:100%;} |
|||
.team_i_l p{font-size: 16px;color:#666;line-height: 46px;} |
|||
.team_i_txt{float:left;width:773px;text-align: left} |
|||
.team_i_txt h4{font-size: 18px;line-height: 26px;color:#b72f23;margin-bottom:34px } |
|||
.team_i_txt p{font-size: 14px;line-height: 27px;color:#666;text-indent: 2em} |
|||
.team_n{margin-top: 28px;} |
|||
.team_n h5{font-size: 16px;line-height: 39px;border-bottom:1px dashed #eee;position:relative;text-align: left} |
|||
.team_n h5:after{content:'';width:63px;height:1px;background:#b72f23;position:absolute;left:0;bottom:0;} |
|||
.team_n ul{float:left;padding-top: 20px;line-height: 30px;} |
|||
.team_n ul li{float:none;border:none;font-size: 15px;width:auto;text-align:left;} |
|||
.team_n ul li:hover{background:none;} |
|||
.team_n ul li:hover a{color:#b72f23;} |
|||
.team_n .back{float:right;width:128px;height:38px;background:#b72f23;border-radius: 5px;line-height: 38px;color:#FFF;font-size: 15px;margin-top: 35px;} |
|||
|
|||
/* entry */ |
|||
.entry{padding-top: 53px;padding-bottom: 300px} |
|||
.entry_in{padding-bottom: 30px} |
|||
.entry h3{font-size: 18px;line-height: 45px;color:#313131;border-bottom:1px solid #f8f8f8;font-weight: normal;} |
|||
.entry h2{font-size: 18px;line-height: 38px;color:#510303;padding-top: 29px;font-weight: bold;} |
|||
.entry p{font-size: 13px;line-height: 21px;color:#666;font-weight: bold;} |
|||
.entry_link{display:block;width:120px;height:36px;line-height: 36px;border-radius: 5px;background:#510303;text-align: center;color:#FFF;margin-top:50px;font-size: 16px;} |
|||
.entry_link:hover{background:#b72f23} |
|||
.entry_i{width:1100px;margin:0 auto;} |
|||
.entry_i h2{font-size: 22px;color:#510303;line-height: 63px;text-align: center;padding:0} |
|||
.entry_i table{width:100%;border:1px solid #eaeaea;text-align: center;height:1030px;color:#333;font-size: 14px;} |
|||
.entry_i table td{} |
|||
.entry_i table tr td:first-child{width:200px;} |
|||
.entry_i table input[type="text"],.entry_i table textarea{width:-webkit-calc(100% - 5px);width:-moz-calc(100% - 5px);width:calc(100% - 5px);border:none;height:100%;} |
|||
.entry_i table input[type="radio"],.entry_i table input[type="checkbox"]{margin:-2px 9px 0 13px;vertical-align: middle} |
|||
.entry_i table label{cursor:pointer} |
|||
.entry_i form p{font-size: 14px;line-height: 38px;padding-top: 17px;border-bottom:1px solid #eaeaea} |
|||
.entry_i form .p2{border:none;padding-top: 2px} |
|||
.entry_i form p span{float:right;color:#510303} |
|||
.file{width:142px;height:127px;background:#d4d4d4;position: relative;overflow: hidden;} |
|||
.file_img{width:142px;height:97px;} |
|||
.file_img img{width:100%;} |
|||
.file span{width:100%;height:30px;line-height:30px;background:#510303;position: absolute;left:0;bottom:0;z-index: 1;color:#FFF;text-align: center;cursor: pointer;} |
|||
.file input{width:100%;height:30px;line-height:30px;position: absolute;left:0;bottom:0;z-index: 2;opacity:0;cursor:pointer;padding:0} |
|||
.file:hover span{background:#b72f23} |
|||
.entry_i form ul{margin:30px 0 0 0} |
|||
.entry_i form ul li{font-size: 14px;color:#333;margin:0 64px 0 14px;line-height: 30px;text-align: center;} |
|||
.entry_i form ul .last{margin:0 0 0 14px;} |
|||
.entry_i form ul li a{color:#fff;width:64px;height:30px;background:#510303;float:right;margin-left: 14px;} |
|||
.entry_i form ul li a:hover{background:#b72f23} |
|||
|
|||
/* login */ |
|||
.login_header{height:90px;line-height: 90px;border-bottom:1px solid #f8f8f8 } |
|||
.login_header span,.login_header img{vertical-align: middle;margin-top: -10px;} |
|||
.login_header span{display:inline-block;height:34px;width:1px;margin:-10px 25px 0;background:#eaeaea;vertical-align: middle;} |
|||
.login_header h2{display:inline-block;font-size: 24px;color:#505050;} |
|||
.login_header p{font-size: 16px;color:#313131;float:right;} |
|||
.login_header p a{color:#8e2609;} |
|||
.login{padding:123px 0;background:url(../images/login_bg_02.jpg) no-repeat 50%;} |
|||
.login_wrap{width:440px;height:421px;margin:0 auto;border:1px solid #eaeaea;border-radius: 8px;padding:0 43px 43px;background:#FFF;} |
|||
.login_wrap h2{font-size: 28px;line-height: 110px;color:#8e2609;text-align: center;background:url(../images/login_03.png) no-repeat 110px center;} |
|||
.login_wrap .name,.login_wrap .password{width:413px;padding-left:27px;border:1px solid #eaeaea;height:55px;line-height: 55px;border-radius: 5px;margin-bottom: 25px;} |
|||
.login_wrap .password{margin-bottom: 0} |
|||
.ts{height:55px;line-height: 55px;margin-bottom: 12px;} |
|||
.login_wrap div input{vertical-align: middle;margin-right: 5px;} |
|||
.login_wrap div a{float:right;} |
|||
.l_btn{width:100%;text-align: center;height:55px;line-height: 55px;background:#8e2609;font-size: 26px;color:#FFF;margin-top: 30px} |
|||
.login_wrap .name:focus,.login_wrap .password:focus{border-color:#b72f23} |
|||
#footer.login_footer{height:33px;padding:31px 0 34px;background:#FFF;text-align: center;font-size: 12px;color:#666;} |
|||
#footer.login_footer ul{display:inline-block;margin-bottom: 10px;} |
|||
#footer.login_footer ul li{padding:0 8px;border-right:1px solid #666;line-height: 12px} |
|||
#footer.login_footer ul li:last-child{border-right:none;} |
|||
|
|||
/* sign */ |
|||
.sign{padding:140px 0 145px;background:url(../images/sign_bg_02.jpg) no-repeat bottom center;} |
|||
.sign_wrap{width:532px;margin:0 auto;padding-left:32px;} |
|||
.sign_t{border-bottom:1px solid #ececec;text-align: center;margin-bottom: 47px;} |
|||
.sign_t h2{display:inline-block;font-size: 24px;line-height: 45px;color:#666;padding:0 15px;cursor: pointer} |
|||
.sign_t h2.on{color:#8e2609;border-bottom:3px solid #8e2609;} |
|||
.sign_t span{display:inline-block;margin:0 19px;width:1px;height:22px;background:#ececec} |
|||
.sign span{font-size: 15px;line-height: 36px;color:#666;} |
|||
.sign_item input{width:450px;height:36px;border:1px solid #ececec;border-radius: 5px ;margin-bottom:18px;} |
|||
.sign input.yz{width:322px;margin-right: 10px;height:42px;} |
|||
.sign .sign_item2{margin-left: -31px;} |
|||
.sign .sign_item2 i{border:1px solid #ececec;display:inline-block;margin-top: -2px;} |
|||
.sign_c{margin-top: 22px; margin-left: 74px;font-size: 14px;} |
|||
.sign_c input{margin:0 5px 0 0;vertical-align: middle} |
|||
.sign_c a{color:#8e2609} |
|||
.sign .l_btn{width:458px;float:right;} |
|||
|
|||
/* culture */ |
|||
.culture{padding:33px 0 50px;position:relative} |
|||
.culture .about_m_title{border-top:0;border-bottom:1px solid #9e0404} |
|||
.culture .about_m_title span{width:8px;height:8px;margin:-4px 13px 0 3px;background:url(../images/about_m_bg1_03.png) no-repeat left center;} |
|||
.culture .about_m_title p{background:url(../images/about_bg_07.png) no-repeat left 8px;color:#FFF;} |
|||
.culture .about_m_txt{display:block;padding:0 0 30px;} |
|||
.culture .about_m_txt p{margin:0;text-indent:2em;line-height: 24px;} |
|||
.culture_txt2_item{/*height:110px;overflow: hidden*/;margin-bottom: 20px;padding:0 10px 0 20px} |
|||
.culture_txt2_item p{padding-top:10px;} |
|||
.culture_txt2_img{float:left;width:130px;height:110px;text-align: center;margin-right: 30px;position:relative} |
|||
.culture_txt2_img img,.culture_txt3_img img{position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width:100%;max-height: 100%} |
|||
.culture_txt3_item{padding:15px 20px 0 30px;border:1px solid #ececec;margin-bottom: 20px;} |
|||
.culture_txt3_img{float:left;width:160px;height:129px;text-align: center;margin-right: 30px;position:relative;} |
|||
.culture_txt3_m{float:left;width:440px;} |
|||
.culture_txt3_m h3{font-size: 16px;line-height: 40px;color:#000;} |
|||
.culture_txt3 .culture_txt3_m p{text-indent: 0;color:#666;line-height: 24px;max-height: 50px;overflow: hidden;} |
|||
.culture_txt3_m a{display:block;font-size: 16px;color:#000;margin-top:10px} |
|||
.culture_txt3_item:hover h3,.culture_txt3_item:hover a{color:#9e0404} |
|||
.l_entry{display:block;width:187px;height:55px;line-height: 55px;font-size: 22px;color:#FFF;background:#9d0000;border-radius: 5px;text-align: center;margin:80px auto 0} |
|||
.to_en{width:150px;padding-left:50px;height:50px;border:1px solid #9d0000;color:#FFF;line-height: 50px;font-size: 16px;margin-top: 30px;position:absolute;top:480px;left:0;background:#9d0000 url(../images/2.png) no-repeat 15px center;} |
|||
/* state */ |
|||
.state_nav{width:100%;padding:20px 0;background:#fafafa;} |
|||
.state_nav ul{width:1200px;margin:0 auto;height:53px;} |
|||
.state_nav ul li{height:53px;} |
|||
.state_nav ul li.l2{width:153px} |
|||
.state_nav ul li.l3{width:155px} |
|||
.state_nav ul li.l4{width:135px} |
|||
.state_nav ul li.l5{width:135px} |
|||
.state_nav ul li.l6{width:170px} |
|||
.state_nav ul li.l7{width:180px} |
|||
.state_nav ul li.l1{width:135px} |
|||
.state_nav ul li.l8{width:137px} |
|||
.state_nav ul li a{display:block;padding-left:52px;border-right:1px solid #ddd;height:43px;padding-top:10px;} |
|||
.state_nav ul li:last-child a{border-right:0} |
|||
.state_nav ul li.l8 a{padding-left:60px;} |
|||
.state_nav ul .l1 a{background:url(../images/state_nav_08.png) no-repeat 14px center} |
|||
.state_nav ul .l2 a{background:url(../images/state_nav_20.png) no-repeat 14px center} |
|||
.state_nav ul .l3 a{background:url(../images/state_nav_14.png) no-repeat 14px center} |
|||
.state_nav ul .l4 a{background:url(../images/state_nav_03.png) no-repeat 14px center} |
|||
.state_nav ul .l5 a{background:url(../images/state_nav_05.png) no-repeat 14px center} |
|||
.state_nav ul .l6 a{background:url(../images/state_nav_23.png) no-repeat 14px center} |
|||
.state_nav ul .l7 a{background:url(../images/state_nav_17.png) no-repeat 14px center} |
|||
.state_nav ul .l8 a{background:url(../images/state_nav_11.png) no-repeat 14px center} |
|||
.state.team h2{font-size: 26px;} |
|||
.state.team p.p{font-size: 16px;color:#333;line-height: 33px;text-indent: 2em;text-align: left;padding:0 40px;} |
|||
.logo span{display:inline-block;width:1px; height:24px;margin:-4px 20px 0;background:#ddd;vertical-align: middle} |
|||
.logo p{display:inline-block;font-size: 16px;color:#313131;} |
|||
.nav_i .back{float:right;padding-right:26px;background:url(../images/back_03.png) no-repeat right center;color:#df392d;margin-right: 10px;} |
|||
.state_1 .about_m_txt h4{font-size: 16px;color:#373737;font-weight: bold;line-height: 32px;} |
|||
.state_1 .about_m_txt p{margin-bottom: 10px;} |
|||
.state_1 .about_m_txt{padding:0 0 40px;} |
|||
.state_7_list{padding:7px 27px;} |
|||
.state_7_list dl{margin-bottom: 40px;} |
|||
.state_7_list dt{line-height: 56px;font-size: 16px;color:#df392d;font-weight: bold;} |
|||
.state_7_list dd{line-height: 26px;font-size: 15px;color:#686868} |
|||
.state_7_list .page{margin-bottom: 30px;} |
|||
.state_6_main{width:835px;} |
|||
.about_aside ul .state_6_nav{display:none;} |
|||
.about_aside .state_l6.on .state_6_nav{display:block} |
|||
.about_aside ul .state_6_nav li a{border-bottom:1px solid #f1f1f1;background:url(../images/enter_06.png) no-repeat 236px center;font-size: 13px;} |
|||
.about_aside ul .state_6_nav .active a,.about_aside ul .state_6_nav li:hover a{background:url(../images/enter_03.png) no-repeat 236px center;color:#9d0000;} |
|||
.about_aside .state_l6.on>a{background:#f1f1f1 url(../images/xsj_03.png) no-repeat 39px center;} |
|||
.state_6_item{display:block;border-bottom:1px solid #f1f1f1;padding:26px 20px 36px 20px} |
|||
.state_6_time{float:left;margin-right:25px;width:80px;height:90px;border:1px solid #9d9d9d;text-align: center;} |
|||
.state_6_time h3{font-size: 36px;color:#9d9d9d;line-height: 64px;font-weight: bold;} |
|||
.state_6_time p{background:#9d9d9d;font-size: 15px;color:#FFF;line-height: 26px;} |
|||
.state_6_txt{float:left;max-width: 680px} |
|||
.state_6_txt h4{font-size: 16px;line-height: 28px;color:#343434;margin-bottom: 9px;height:28px;overflow: hidden;text-overflow: ellipsis;} |
|||
.state_6_txt p{font-size: 14px;line-height: 25px;color:#727272;max-height: 75px;overflow: hidden;} |
|||
.state_6_item:hover .state_6_time{border:1px solid #df392d;} |
|||
.state_6_item:hover .state_6_time h3,.state_6_item:hover .state_6_txt h4{color:#df392d;} |
|||
.state_6_item:hover .state_6_time p{background:#df392d;} |
|||
.nav_i a.a2{background:none;padding:0;} |
|||
.nav_i a:hover{color:#df392d} |
|||
.state_in p{font-size: 15px;line-height: 23px;color:#808080;margin-bottom: 18px;} |
|||
.state_in_title{text-align: center;padding:0 0 15px 0;border-bottom:1px dashed #ddd;margin-bottom: 50px;} |
|||
.state_in_title h2{font-size: 22px;color:#df392d;padding-top: 75px;line-height: 62px;} |
|||
.state_in_title p{font-size: 14px;color:#a5a5a5;line-height: 50px;display:inline-block;} |
|||
.state_in_title span{margin:0 8px;} |
|||
.state_in_title .share{display: inline-block;margin:-5px 0 0 25px;} |
|||
|
|||
/* stock */ |
|||
.stock{text-align: center} |
|||
.stock_nav ul{width:900px;} |
|||
.state_nav.stock_nav ul li{width:223px;} |
|||
.stock_nav ul .l5 a{background:url(../images/problem_03.png) no-repeat left center;} |
|||
.stock_nav ul .l8 a{background:url(../images/download_03.png) no-repeat left center;} |
|||
.state_nav.stock_nav ul li a{padding-left: 100px;background-position-x:60px } |
|||
.state_nav.stock_nav ul li.l1 a{border-left:1px solid #ddd;} |
|||
.state_nav.stock_nav ul li.l8 a{border-right:1px solid #ddd;background-position-x:55px} |
|||
|
|||
.stock_img{margin-bottom: 50px;} |
|||
.stock .team_title h2:before,.stock .team_title h2:after{width:460px;} |
|||
.stock .team_title p{font-size: 12px} |
|||
.stock .team_title span{color:#df392d} |
|||
.stock h4{font-size: 16px;color:#333;line-height: 36px;} |
|||
.stock.state p.p{font-size: 16px;color:#333;line-height: 36px;text-indent: 0} |
|||
|
|||
/* trust */ |
|||
.header_trust_nav .menu li{margin:0 5px;} |
|||
.header_trust_nav .menu li a{width:auto;padding:0 30px;} |
|||
.header_trust_nav .menu li a:hover,.header_trust_nav .menu li a.hover{background:url(../images/trust_nav_bg_03.jpg) no-repeat left center;color:#ba392d!important;} |
|||
.trust_title{margin-bottom:20px;} |
|||
.trust_nav{margin-bottom:65px;} |
|||
.trust_nav ul{display:inline-block} |
|||
.trust_nav ul li{margin:0 18px;float:left;width:auto;border:none;} |
|||
.trust_nav ul li a{display:inline-block;padding:0 14px;line-height: 26px;color:#333;border:1px solid #ddd;border-radius: 14px;font-size: 16px} |
|||
.trust_nav ul li:hover{background:none;} |
|||
.trust_nav ul li a:hover,.trust_nav ul li.on a{color:#df392d;border-color:#df392d} |
|||
.team.trust_f p.p{padding:0;text-align: center;margin-top: 20px;} |
|||
.trust_y{margin:0 auto;width:640px;} |
|||
ul.trust_y li{float:left;width:250px;padding:0 25px;height:296px;margin:0 10px;background:#f5f5f5 url(../images/trust_y_06.png) no-repeat center 38px;border:none;border-top:4px solid #df392d;position:relative} |
|||
.trust_y li.r{background:#f5f5f5 url(../images/trust_y_03.png) no-repeat center 38px;border-top-color:#ffae00;} |
|||
ul.trust_y li h3{font-size: 16px;line-height: 79px;padding-top: 84px;color:#313131;position:relative} |
|||
ul.trust_y li h3:after{content:"";position: absolute;bottom:20px;left:109px;width:31px;height:2px;background:#df392d;} |
|||
ul.trust_y li.r h3:after{background:#ffae00} |
|||
ul.trust_y li p{font-size: 13px;color:#999;line-height: 20px;text-align: left;max-height: 100px;overflow: hidden;text-overflow: ellipsis} |
|||
ul.trust_y li.l:hover{background:#f5f5f5 url(../images/trust_y_06.png) no-repeat center 38px;} |
|||
ul.trust_y li.r:hover{background:#f5f5f5 url(../images/trust_y_03.png) no-repeat center 38px;} |
|||
ul.trust_y li:hover p{color:#999} |
|||
ul.trust_y li span{position: absolute;bottom:-14px;left:0;width:300px;height:14px;background:url(../images/yy_03.png) no-repeat top center;} |
|||
ul.trust_y li:before{content: "";position: absolute;bottom:-13px;left:0;width:15px;height:13px;background:#df392d} |
|||
ul.trust_y li:after{content: "";position: absolute;bottom:-13px;right:0;width:15px;height:13px;background:#df392d} |
|||
ul.trust_y li.r:before,ul.trust_y li.r:after{background:#ffae00} |
|||
.trust_2{padding-top:45px;} |
|||
.trust_2 h4{font-size:18px;color:#323232;line-height: 52px;text-align: center;} |
|||
.trust_2 .h4_2{line-height: 106px;} |
|||
.trust_2 p{font-size:15px;color:#505050;line-height: 31px;text-indent: 2em;} |
|||
.trust_2 p:last-child,.trust_2 p:nth-last-of-type(2){text-align: right;} |
|||
.trust_2 p:nth-last-of-type(2){margin:20px 0 0 0 ;} |
|||
.h2_title{border-bottom: 1px solid #e1e1e1;margin-bottom: 20px;} |
|||
.h2_title h2{display:inline-block;font-size: 18px;color:#4c4b4b;line-height: 50px;border-bottom:2px solid #df392d} |
|||
|
|||
/* news */ |
|||
.news_t{padding:20px;border-bottom:1px solid #f1f1f1} |
|||
.news_img{width:157px;height:113px;float:left;margin-right: 50px;} |
|||
.news_txt{} |
|||
.news_txt h3{font-size:16px;line-height: 28px;color:#343434;} |
|||
.news_txt p{font-size:14px;line-height: 25px;color:#727272;height:50px;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;} |
|||
.news_txt a{font-size:14px;color:#FFF;background:#8e2609;padding:6px 13px} |
|||
.news_txt a:hover{background:#9d0000} |
|||
|
|||
/* ques */ |
|||
.ques_main dl{border-bottom:1px dashed #f1f1f1;margin:0;} |
|||
.ques_main dl dt{line-height: 48px;} |
|||
.ques_main dl dd{padding-bottom: 50px;display:none;} |
|||
.ques_main dl dt .ques_btn{float:right;color:#df392d;font-size: 24px;} |
|||
|
|||
/* entry_c */ |
|||
.entry_c{padding-top:50px;} |
|||
.entry_ci{width:100%;} |
|||
.entry_img{width:400px;height:350px;position:relative;overflow: hidden;} |
|||
.entry_img ul{width:auto;height:350px;;position: absolute;top:0;left:0} |
|||
.entry_img ul li{width:400px;margin:0;float:left;border:none;} |
|||
.entry_img ul img{width:100%;} |
|||
.entry_ci ul li:hover img{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} |
|||
.entry_img a{position:absolute;top:155px;left:0;font-size: 40px;color:#FFF;opacity:0.1;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s} |
|||
.entry_img a.r{left:371px;} |
|||
.lx{font-size:16px;color:#fff;background:#df392d;padding:7px 15px;float:left;margin:20px 0 0 153px; } |
|||
.entry_img:hover a{opacity:0.5;} |
|||
.entry_img a:hover{opacity:1;} |
|||
.entry_txt{width:740px;} |
|||
.entry_c h2{font-size:18px;line-height: 28px;color:#343434;text-align: center;} |
|||
.entry_c h3{font-size:17px;line-height: 28px;color:#343434;display:inline-block;float:left;margin-bottom: 10px} |
|||
.entry_c p{font-size:15px;line-height: 28px;color:#343434;text-align: center;} |
|||
.entry_c .team_i_txt p:first-of-type{text-align: center;text-indent: 0;margin-bottom: 20px;} |
|||
.entry_c .team_i_txt p{text-align: left; text-indent:0;font-size: 16px} |
|||
.entry_c p.p2{font-size:16px;margin-top: 20px;text-indent: 0} |
|||
|
|||
/* share */ |
|||
.share_main .search{width:100%;float:none;padding:20px 0} |
|||
.share_main .search input{width:742px;margin-right: 10px;height:29px;border:1px solid #ddd} |
|||
.share_main .search a{width:50px;height:31px;line-height: 31px;color:#FFF;text-align: center;font-size: 14px;background:#b72e22} |
|||
.share_main ul{margin:20px 0 0 0;border:1px solid #ddd} |
|||
.share_main .page ul{margin:0;border:0} |
|||
.share_main ul li{float:none;} |
|||
.share_main ul li:first-child{background:#f2f2f2} |
|||
.share_main ul li span{font-size: 14px;color:#666;line-height: 39px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align: center;} |
|||
.share_main ul li span:last-child{border-right:none;} |
|||
.share_main ul li:last-child span{border-bottom:none;} |
|||
.share_main ul li span:nth-child(1){width:140px;} |
|||
.share_main ul li span:nth-child(2){width:330px;} |
|||
.share_main ul li span:nth-child(3){width:180px;} |
|||
.share_main ul li span:nth-child(4){width:180px;} |
|||
.share_main ul li:first-child span{font-size: 16px;} |
|||
.share_in table{border:1px solid #ddd;font-size: 15px;} |
|||
.share_in table tr{height: 38px;} |
|||
.share_in table tr td{padding-left:10px;} |
|||
.share_in table tr td:first-child{width:75px;padding-left: 65px;background:#f2f2f2;font-weight:bold;} |
|||
.share_in table tr:nth-child(5) td{height:56px;} |
|||
|
|||
/* entry_cc */ |
|||
.entry_cc{padding:11px 0 11px 30px;background:#f1f1f1;} |
|||
.entry_cc p{font-size: 14px;color:#b72e22;line-height: 37px;} |
|||
.entry_cc p a{color:#666;margin:0 8px;padding:0 9px;line-height: 23px;} |
|||
.entry_cc p a:hover,.entry_cc p a.on{background:#b72e22;color:#FFF;} |
|||
|
|||
/* .entry_ci_1 */ |
|||
.entry_ci_1.team{margin:0 auto;padding:0 0 100px;} |
|||
.entry_ci_1 p{text-align: left;margin-top: 20px;} |
|||
.entry_ci_1 table{width:100%;text-align: left;border:1px solid #ddd;} |
|||
.entry_ci_1 table tr{background:#ddd} |
|||
.entry_ci_1 table tr:nth-child(2n){background:#fff} |
|||
.entry_ci_1 table td{padding-left:20px;height:40px;font-size: 15px;} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
@ -0,0 +1,16 @@ |
|||
.swiper-button-next{ |
|||
margin-left: 60px; |
|||
} |
|||
.swiper-button-prev{ |
|||
margin-right: 60px; |
|||
} |
|||
.swiper-button-next, .swiper-button-prev{ |
|||
position: relative; |
|||
top: 0; |
|||
width:32px !important; |
|||
height:32px !important; |
|||
background:rgba(245,165,136,1); |
|||
border:1px solid rgba(235, 76, 18, 1); |
|||
border-radius: 3px; |
|||
margin-top: 0 !important; |
|||
} |
|||
@ -0,0 +1,282 @@ |
|||
<!DOCTYPE html> |
|||
<!--[if IE 8]> <html class="ie ie8"> <![endif]--> |
|||
<!--[if IE 9]> <html class="ie ie9"> <![endif]--> |
|||
<!--[if gt IE 9]><!--> <html> <!--<![endif]--> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>{$menu.menu_seo_title|default=$site_seo_title} {$site_name}</title> |
|||
<meta name="keywords" content="{$menu.menu_seo_key|default=$site_seo_keywords}" /> |
|||
<meta name="description" content="{$menu.menu_seo_des|default=$site_seo_description}"> |
|||
<link rel="stylesheet" type="text/css" href="{$yf_theme_path}public/css/lightbox.css"> |
|||
{include file="public:head" /} |
|||
<style> |
|||
.modef1 p{line-height:1.8em;font-size:14px;} |
|||
.modef1 p span{color:#999;width:130px;display:inline-block;text-align:right} |
|||
</style> |
|||
</head> |
|||
<body class="home"> |
|||
<div class="contenter"> |
|||
{include file="public:nav" /} |
|||
<div class="content"> |
|||
<div class="basictop" style="margin-top: 0; margin-bottom: 80px"> |
|||
<div class="" style="padding: 0 20px 20px 20px;"> |
|||
<div class="tabs modeub modeac"> |
|||
<div class="iconfont icon-home hometabs"></div> |
|||
<div class="tabstitle"><a href="{:url('news/category',array('kind'=>$kind))}">{$title}</a></div> |
|||
<div class="marketsegment segment">/</div> |
|||
{if condition="isset($state)"} |
|||
<div class="tabstitle tabslast modef1"><a href="{:url('news/category',array('kind'=>$kind))}">{$parent}</a></div> |
|||
{else} |
|||
<div class="tabstitle tabslast modef1"><a href="{:url('news/category',array('kind'=>$kind,'cid'=>$c_parent))}">{$parent}</a></div> |
|||
{/if} |
|||
</div> |
|||
<div class="detailsdes-new clearfix"> |
|||
<div class="left"> |
|||
<div class="de-img-wrapper"> |
|||
<div class="img-shell"> |
|||
{if condition="count($list['photos'])"} |
|||
<div id="bswiper" class="swiper-container"> |
|||
<div class="swiper-wrapper"> |
|||
{if condition="$list['c_video']"} |
|||
<div class="swiper-slide" > |
|||
<div class="bannerimg"> |
|||
<video src="{$list.c_video}" poster="{$list.c_logo}" width="100%" controls="controls" autoplay>您的浏览器不支持 video 标签。</video> |
|||
</div> |
|||
</div> |
|||
{/if} |
|||
{foreach name="list['photos']" item="vo"} |
|||
<div class="swiper-slide" > |
|||
<div class="bannerimg"> |
|||
<a href="<?php echo trim($vo,'.');?>" data-lightbox="image-1" data-title="{$list.c_name}"><img src="<?php echo trim($vo,'.');?>" title="{$list.c_name}"/></a> |
|||
</div> |
|||
</div> |
|||
{/foreach} |
|||
</div> |
|||
<div class="swiper-pagination"></div> |
|||
</div> |
|||
{else} |
|||
{notempty name="list.c_logo"} |
|||
<a href="{$list.c_logo}" data-lightbox="image-1" data-title="{$list.c_name}"><img src="{$list.c_logo}" title="{$list.c_name}"/></a> |
|||
{/notempty} |
|||
{/if} |
|||
</div> |
|||
{if condition="isset($list['detect']) and !is_null($list['detect'])"}<div class="detect">{$list.detect==1?'检测未通过':($list.detect==2?'检测通过':'未检测')}</div>{/if} |
|||
</div> |
|||
<!--<div class="logobackimg liastedimg liastedimgimg">--> |
|||
<!--<a href="http://www.szcaee.cn/data/upload/2019-02-21/5c6e1beeb21c0.jpg" data-lightbox="image-1" data-title="红釉兽头耳直口瓶（一对）"><img src="http://www.szcaee.cn/data/upload/2019-02-21/5c6e1beeb21c0.jpg" title="红釉兽头耳直口瓶（一对）"/></a>--> |
|||
<!--</div>--> |
|||
</div> |
|||
<div class="right"> |
|||
<p><span>托管资产名称：</span><span>{$list.c_name}</span>{if condition="$list['c_tag'] eq 1"} <button type="button" class="redbtn" style="vertical-align:top;margin-top:3px;">已摘牌</button>{/if}</p> |
|||
<p><span>资产托管代码：</span><span>{$list.c_code}</span></p> |
|||
<p><span>数量：</span><span>{$list.c_num|default="--"}</span></p> |
|||
<p><span>卖家报价：</span><span>{$list.c_price|default="--"}</span></p> |
|||
<p><span>本所指导价：</span><span>{$list.c_gprice|default="--"}</span></p> |
|||
{if condition="!empty($list['c_tprice']) and $list['c_tprice']!='/'"} |
|||
<p><span>第三方评估价：</span><span>{$list.c_tprice|default="--"}</span></p> |
|||
{/if} |
|||
<p><span>买家应价：</span><span><button type="button" id="askprice" class="redbtn">柜台预约</button></span></p> |
|||
<p><span>托管类别：</span><span><?php echo isset($showtypes[$list['c_child']])?$showtypes[$list['c_child']]:'--';?></span></p> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<div class="dmenus"> |
|||
<div class="dmenu active">资产档案</div> |
|||
<div class="dmenu">鉴评情况</div> |
|||
<div class="dmenu">交易/展览记录</div> |
|||
<div class="dmenu">买家预约流程</div> |
|||
</div> |
|||
<div class="dbodys"> |
|||
<div class="dbody"> |
|||
{if condition="$list['c_notice'] and file_exists('.'.$list['c_notice'])"} |
|||
<div class="detailshow"> |
|||
<div class="show" style="text-align:left;">卖家承诺书:</div><br/> |
|||
{if condition="pathinfo($list['c_notice'],PATHINFO_EXTENSION ) eq 'pdf'"} |
|||
<embed src="{$list.c_notice}#toolbar=0&navpanes=0&scrollbar=0" width="80%" height="625"> |
|||
{else} |
|||
<img src="{$list.c_notice}" style="max-width:80%;"/> |
|||
{/if} |
|||
</div> |
|||
{/if} |
|||
<div class="detailshow"> |
|||
<div class="show">尺寸：{$list.c_size|default="-"}</div> |
|||
<div class="show">材质：{$list.c_material|default="-"}</div> |
|||
<div class="show">风格：{$list.c_class|default="-"}</div> |
|||
<div class="show">托管日期：{$list.c_gptime|date='Y-m-d',###}</div> |
|||
</div> |
|||
<br/> |
|||
{$list.c_content|default="-"} |
|||
</div> |
|||
<div class="dbody"> |
|||
{$list.c_evaluation|default="-"} |
|||
</div> |
|||
<div class="dbody"> |
|||
{$list.c_transaction|default="-"} |
|||
</div> |
|||
|
|||
<div id="subform2" class="dbody"> |
|||
<form method="post" id="subForm2" action="{:url('subscription',array('c_id'=>$list['c_id'],'kind'=>$kind))}"> |
|||
{:token()} |
|||
<div class="formrow"> |
|||
<label>姓名 :</label> |
|||
<div class="input"> |
|||
<input type="text" id="username2" name="username" /><div class="error"></div> |
|||
</div> |
|||
</div> |
|||
<div class="formrow"> |
|||
<label>联系电话 :</label> |
|||
<div class="input"> |
|||
<input type="text" id="mobile2" name="mobile" /><div class="error"></div> |
|||
</div> |
|||
</div> |
|||
<div class="formrow"> |
|||
<label>邮箱 :</label> |
|||
<div class="input"> |
|||
<input type="text" id="email2" name="email" /><div class="error"></div> |
|||
</div> |
|||
</div> |
|||
<div class="formrow"> |
|||
<label> </label> |
|||
<div class="input"> |
|||
<button type="button" id="submit2" name="submit" class="redbtn">提交</button> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
{include file="public:footer"/} |
|||
{include file="public:scripts"/} |
|||
<script type="text/javascript" src="{$yf_theme_path}public/js/lightbox.js" charset="utf-8"></script> |
|||
<script type="text/javascript" > |
|||
$(function(){ |
|||
var swiper = new Swiper('#bswiper', { |
|||
paginationClickable: true, |
|||
pagination:'.swiper-pagination', |
|||
centeredSlides: true |
|||
}); |
|||
$(".dbody").eq(0).show(); |
|||
$(".dmenu").each(function(){ |
|||
$(this).hover(function(){ |
|||
var index=$(this).index(); |
|||
$(".dmenu").removeClass('active'); |
|||
$(".dmenu").eq(index).addClass('active'); |
|||
|
|||
$(".dbody").hide(); |
|||
$(".dbody").eq(index).show(); |
|||
},function(){}); |
|||
}); |
|||
$("#askprice").click(function(){ |
|||
var index=3; |
|||
$(".dmenu").removeClass('active'); |
|||
$(".dmenu").eq(index).addClass('active'); |
|||
|
|||
$(".dbody").hide(); |
|||
$(".dbody").eq(index).show(); |
|||
}); |
|||
$("#submit").click(function(event){ |
|||
var price=$("#price").val(); |
|||
var username=$("#username").val(); |
|||
var mobile=$("#mobile").val(); |
|||
var email=$("#email").val(); |
|||
$(".formrow .error").html(''); |
|||
if(typeof price=='undefined'||price==''){ |
|||
$(".formrow .error").eq(0).html('请输入价格'); |
|||
return false; |
|||
} |
|||
if(typeof username=='undefined'||username==''){ |
|||
$(".formrow .error").eq(1).html('请输入姓名'); |
|||
return false; |
|||
} |
|||
var han = /^[\u4e00-\u9fa5]+$/; |
|||
if(!han.test(username)){ |
|||
$(".formrow .error").eq(1).html('请输入中文姓名'); |
|||
return false; |
|||
} |
|||
if(typeof mobile=='undefined'||mobile==''){ |
|||
$(".formrow .error").eq(2).html('请输入联系电话'); |
|||
return false; |
|||
} |
|||
if(mobile.length!=11||!/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(mobile)){ |
|||
$(".formrow .error").eq(2).html('请输入正确手机号码'); |
|||
return false; |
|||
} |
|||
if(typeof email=='undefined'||email==''){ |
|||
$(".formrow .error").eq(3).html('请输入邮箱'); |
|||
return false; |
|||
} |
|||
var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); |
|||
if(!reg.test(email)){ |
|||
$(".formrow .error").eq(3).html('请输入正确邮箱'); |
|||
return false; |
|||
} |
|||
var url="{:url('subscription',array('c_id'=>$list['c_id'],'kind'=>$kind,'type'=>2))}"; |
|||
var postData=$("#subForm").serialize(); |
|||
console.log(postData); |
|||
$.post(url,postData,function(data){ |
|||
var code=data.code; |
|||
var url=data.url; |
|||
var msg=data.msg; |
|||
layer.msg(msg); |
|||
if(code==1){ |
|||
setTimeout(function(){ |
|||
window.location.reload(); |
|||
},3000); |
|||
} |
|||
}); |
|||
}); |
|||
$("#submit2").click(function(event){ |
|||
var username=$("#username2").val(); |
|||
var mobile=$("#mobile2").val(); |
|||
var email=$("#email2").val(); |
|||
$("#subform2.formrow .error").html(''); |
|||
if(typeof username=='undefined'||username==''){ |
|||
$("#subform2 .formrow .error").eq(0).html('请输入姓名'); |
|||
return false; |
|||
} |
|||
var han = /^[\u4e00-\u9fa5]+$/; |
|||
if(!han.test(username)){ |
|||
$("#subform2 .formrow .error").eq(0).html('请输入中文姓名'); |
|||
return false; |
|||
} |
|||
if(typeof mobile=='undefined'||mobile==''){ |
|||
$("#subform2 .formrow .error").eq(1).html('请输入联系电话'); |
|||
return false; |
|||
} |
|||
if(mobile.length!=11||!/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(mobile)){ |
|||
$("#subform2 .formrow .error").eq(1).html('请输入正确手机号码'); |
|||
return false; |
|||
} |
|||
if(typeof email=='undefined'||email==''){ |
|||
// $("#subform2.formrow .error").eq(2).html('请输入邮箱'); |
|||
// return false; |
|||
} |
|||
var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); |
|||
if(!reg.test(email)){ |
|||
// $("#subform2 .formrow .error").eq(2).html('请输入正确邮箱'); |
|||
// return false; |
|||
} |
|||
var url="{:url('subscription',array('c_id'=>$list['c_id'],'kind'=>$kind,'type'=>1))}"; |
|||
var postData=$("#subForm2").serialize(); |
|||
console.log(postData); |
|||
$.post(url,postData,function(data){ |
|||
var code=data.code; |
|||
var url=data.url; |
|||
var msg=data.msg; |
|||
layer.msg(msg); |
|||
if(code==1){ |
|||
setTimeout(function(){ |
|||
window.location.reload(); |
|||
},3000); |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,532 @@ |
|||
.detailsbg{ |
|||
overflow-x: hidden; |
|||
} |
|||
.menuleft{ |
|||
float: right; |
|||
right: 0; |
|||
position: absolute; |
|||
} |
|||
.logosearch{ |
|||
float: right; |
|||
right: 0; |
|||
position: absolute; |
|||
} |
|||
.fivetitle{ |
|||
width: 100%; |
|||
} |
|||
.marketsearch{ |
|||
float: right; |
|||
right: 0; |
|||
position: absolute; |
|||
} |
|||
.marketsearchIcon{ |
|||
margin-top: 7px; |
|||
} |
|||
.ietitle{ |
|||
position: absolute; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.iedes{ |
|||
position: absolute; |
|||
top: 69%; |
|||
transform: translateY(-50%); |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.iedes2{ |
|||
top: 60% |
|||
} |
|||
.ieicon{ |
|||
position: absolute; |
|||
top: 40%; |
|||
transform: translateY(-50%); |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.businessright table tbody{ |
|||
height: 50px; |
|||
} |
|||
.iezhanlicon{ |
|||
position: absolute; |
|||
top: 40%; |
|||
transform: translateY(-50%); |
|||
left: 40%; |
|||
text-align: center; |
|||
} |
|||
.iezhanl{ |
|||
position: absolute; |
|||
top: 60%; |
|||
transform: translateY(-50%); |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.ieshangshi{ |
|||
width: 100%; |
|||
position: relative; |
|||
text-align: center; |
|||
top: 25%; |
|||
left: 20%; |
|||
} |
|||
.shangshides{ |
|||
width: 100%; |
|||
text-align: center; |
|||
top: 55%; |
|||
left:-30%; |
|||
} |
|||
.modethreepadding{ |
|||
padding-left: 0; |
|||
} |
|||
.iswidth{ |
|||
width: 100% |
|||
} |
|||
.ielineleft{ |
|||
margin-top: 74px; |
|||
} |
|||
.iedes3{ |
|||
top: 59%; |
|||
} |
|||
.ieleftimg{ |
|||
top: 30%; |
|||
left: 30%; |
|||
position:absolute; |
|||
} |
|||
.ieleftfriedn{ |
|||
top: 40%; |
|||
left: 30%; |
|||
position:absolute; |
|||
} |
|||
.ieright{ |
|||
top: 30%; |
|||
} |
|||
.menufriendname{ |
|||
margin-top: 20px; |
|||
} |
|||
.gongguan{ |
|||
margin-top: 170px; |
|||
margin-left:170px; |
|||
} |
|||
.residencemenuboxtitle{ |
|||
float: left; |
|||
} |
|||
.residencemenu{ |
|||
padding-bottom: 80px; |
|||
} |
|||
.gomorepage{ |
|||
width: 100%; |
|||
text-align: center; |
|||
line-height: 48px; |
|||
} |
|||
.gongguan2{ |
|||
margin-top: 70px; |
|||
margin-left:70px; |
|||
} |
|||
.residencemenued{ |
|||
position: absolute; |
|||
top: 300px; |
|||
width: 100%; |
|||
left: 70px; |
|||
} |
|||
.gongguan3{ |
|||
left: 40%; |
|||
} |
|||
.ietitle3{ |
|||
position: absolute; |
|||
top: 40%; |
|||
transform: translateY(-50%); |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.iedes3{ |
|||
position: absolute; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.footertopleft{ |
|||
float: left; |
|||
} |
|||
.footertopright{ |
|||
float: right; |
|||
} |
|||
.weixfont{ |
|||
float: left; |
|||
} |
|||
.saoguan{ |
|||
float: right; |
|||
} |
|||
.loginbutton{ |
|||
text-align: center; |
|||
line-height: 56px; |
|||
width: 100%; |
|||
padding-left: 40% |
|||
} |
|||
.loginname{ |
|||
top: 10px; |
|||
} |
|||
.numberrighticon{ |
|||
background-size: 100% 100%; |
|||
} |
|||
.authcode{ |
|||
top:4px; |
|||
} |
|||
.centerbutton{ |
|||
padding-top: 13px; |
|||
} |
|||
.centerbutton2{ |
|||
padding-top: 6px; |
|||
} |
|||
.buttonleft{ |
|||
margin-left: 40% |
|||
} |
|||
.modeleft{ |
|||
float: left; |
|||
} |
|||
.moderight{ |
|||
float: right; |
|||
width: 924px; |
|||
} |
|||
.modelefttop{ |
|||
position: absolute; |
|||
} |
|||
.modeleftmenu{ |
|||
position: absolute; |
|||
margin-top: 50px; |
|||
} |
|||
.lefttutitle{ |
|||
position: absolute; |
|||
margin-top: 30px; |
|||
text-align: center; |
|||
width: 100%; |
|||
} |
|||
.leften{ |
|||
position: absolute; |
|||
margin-top: 60px; |
|||
text-align: center; |
|||
width: 100%; |
|||
} |
|||
.leftmenu{ |
|||
line-height: 67px; |
|||
text-align: center; |
|||
width: 100%; |
|||
} |
|||
.jiesh{ |
|||
width: 180px; |
|||
text-align: right; |
|||
} |
|||
.tagtitle{ |
|||
line-height: 60px; |
|||
} |
|||
.tagline{ |
|||
line-height: 60px; |
|||
} |
|||
.tagtitleen{ |
|||
line-height: 60px; |
|||
} |
|||
.hometabs{ |
|||
line-height: 64px; |
|||
} |
|||
.tabstitle { |
|||
line-height: 64px; |
|||
} |
|||
.marketsegment { |
|||
line-height: 64px; |
|||
} |
|||
.backcolor{ |
|||
position: absolute; |
|||
right: 60px; |
|||
line-height: 64px; |
|||
|
|||
} |
|||
.tabslastfont { |
|||
float: right; |
|||
position: absolute; |
|||
right: 0; |
|||
line-height: 64px; |
|||
} |
|||
.detailstitle{ |
|||
width: 1200px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
text-align: center; |
|||
display: inline-block; |
|||
*display: inline; |
|||
} |
|||
.sharecon{ |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
text-align: center; |
|||
display: inline-block; |
|||
*display: inline; |
|||
} |
|||
.sharetitle{ |
|||
float: left; |
|||
line-height: 42px; |
|||
} |
|||
.jiathis_style{ |
|||
float: right; |
|||
line-height: 42px; |
|||
} |
|||
.jiathis_style{ |
|||
margin-top: 15px; |
|||
} |
|||
.comefont{ |
|||
left: 20% |
|||
} |
|||
.upname,.uptitle{ |
|||
line-height: 42px; |
|||
} |
|||
.detailsdown{ |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
.headerightbun{ |
|||
line-height: 32px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
text-align: center; |
|||
display: inline-block; |
|||
*display: inline; |
|||
|
|||
} |
|||
.expertsmr{ |
|||
float: left; |
|||
} |
|||
.expertsmrright{ |
|||
width: 840px; |
|||
float: left; |
|||
} |
|||
.expertsmt{ |
|||
position: absolute; |
|||
top: 230px; |
|||
width: 100%; |
|||
left: 30px; |
|||
} |
|||
.jiancolor{ |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
text-align: center; |
|||
display: inline-block; |
|||
*display: inline; |
|||
line-height: 32px; |
|||
} |
|||
.swiper-button-next, .swiper-button-prev{ |
|||
margin-top: 40px !important; |
|||
} |
|||
.liastedimgwh{ |
|||
width: 100%; |
|||
} |
|||
.basictitle{ |
|||
line-height: 60px; |
|||
} |
|||
.linecolor{ |
|||
margin-top: 15px; |
|||
} |
|||
.numberinputwh{ |
|||
margin-top: 3px; |
|||
} |
|||
.numberlogoleft{ |
|||
line-height: 52px; |
|||
} |
|||
.bankdelete{ |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
text-align: center; |
|||
display: inline-block; |
|||
*display: inline; |
|||
line-height: 48px; |
|||
top: 40%; |
|||
} |
|||
.textareacenter textarea{ |
|||
margin-top: 3px; |
|||
} |
|||
.jiahao{ |
|||
position: absolute; |
|||
top: 30%; |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.uoimg{ |
|||
position: absolute; |
|||
top: 50%; |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.moderightname{ |
|||
width: 900px; |
|||
line-height: 38px; |
|||
} |
|||
.linkorangewh{ |
|||
margin-top: 12px; |
|||
} |
|||
.jianf{ |
|||
line-height: 24px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
text-align: center; |
|||
display: inline-block; |
|||
*display: inline; |
|||
margin-top: 5px; |
|||
} |
|||
.jiesh{ |
|||
width: 140px; |
|||
float: left; |
|||
} |
|||
.modekuai{ |
|||
float: right; |
|||
} |
|||
.lastedbutton{ |
|||
position: absolute; |
|||
right: 0; |
|||
line-height: 32px; |
|||
text-align: center; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
text-align: center; |
|||
display: inline-block; |
|||
*display: inline; |
|||
} |
|||
.lastedsearchinput{ |
|||
width: 836px; |
|||
} |
|||
.policiescontitle{ |
|||
line-height: 96px; |
|||
} |
|||
.policiescontime{ |
|||
position: absolute; |
|||
right: 0; |
|||
line-height: 96px; |
|||
} |
|||
.basicconicon,.basiclogo{ |
|||
text-align: center; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
text-align: center; |
|||
display: inline-block; |
|||
*display: inline; |
|||
} |
|||
.basiclogo{ |
|||
margin-top: 20px; |
|||
} |
|||
.basicname{ |
|||
position: absolute; |
|||
right: 0; |
|||
line-height: 32px; |
|||
display: inline-block; |
|||
*display: inline; |
|||
text-align: center; |
|||
} |
|||
.basicright{ |
|||
width: 648px; |
|||
} |
|||
.logintime{ |
|||
position: absolute; |
|||
right: 0; |
|||
margin-top: 60px; |
|||
} |
|||
.sicon{ |
|||
margin-top: 9px; |
|||
} |
|||
.liststyle{ |
|||
width: 1034px |
|||
} |
|||
.centerbutton2{ |
|||
background-repeat: repeat-x; |
|||
} |
|||
.xuzhi{ |
|||
line-height: 32px; |
|||
} |
|||
.liststu{ |
|||
line-height: 32px; |
|||
} |
|||
.informslistime{ |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
.ietimecon{ |
|||
position: absolute; |
|||
right: 0; |
|||
} |
|||
.yomi li{ |
|||
line-height: 60px; |
|||
} |
|||
.liststyle2{ |
|||
width: 200px; |
|||
} |
|||
.liststu{ |
|||
width:350px |
|||
} |
|||
.irnamegua,.listedtitle{ |
|||
width:350px |
|||
} |
|||
.centerinput{ |
|||
margin-top: 3px; |
|||
} |
|||
.inputleft{ |
|||
background-size: 100% 100%; |
|||
} |
|||
.centerbutton3{ |
|||
padding-top: 7px; |
|||
} |
|||
.headertitle{ |
|||
padding-top: 15px; |
|||
} |
|||
.fubiaoie{ |
|||
width: 650px; |
|||
float: left; |
|||
} |
|||
.policycenter{ |
|||
width: 600px; |
|||
} |
|||
.policyyear{ |
|||
position: absolute; |
|||
right: 0; |
|||
display: inline-block; |
|||
*display: inline; |
|||
text-align: center; |
|||
line-height: 32px; |
|||
} |
|||
.policymd{ |
|||
margin-top: 30px |
|||
} |
|||
.recruitlisttime{ |
|||
position: absolute; |
|||
right: 0; |
|||
line-height: 24px; |
|||
} |
|||
.mapbg{ |
|||
margin-top: 250px; |
|||
margin-left: 50px; |
|||
} |
|||
.numbercon{ |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
a img{border:0 none} |
|||
|
|||
.fivecircle .fiveimg{margin:25px auto;} |
|||
.fivecircle .fiveimg div{margin:25px auto;width:36px;height:37px;padding-top:25px;} |
|||
.dataleft .datajiantou{width:12px;height:21px;margin-top:40px;float:left;} |
|||
.dataleft .titlecenter{float:left;margin-top:40px;} |
|||
.dataservice .titlecenter{float:left;margin-top:75px;} |
|||
.dataservice .datajiantou{width:12px;height:21px;margin-top:75px;float:left;} |
|||
.news .newsbody .iconfont{padding-top:6px;padding-right:3px;} |
|||
.businessheadline{padding-top:30px;} |
|||
.culturetitle{height:30px;width:100%;text-align:center;} |
|||
.culturedes{height:27px;width:100%;text-align:center;margin-left:-282px;margin-top:40px;} |
|||
.threetitle{text-align:center;margin-top:50px;} |
|||
.modethreepadding{margin-top:40px;margin-left:25px;} |
|||
.menufriendname{width:20px;} |
|||
.artfilmtime {height:40px;} |
|||
.yomibox{margin-top:-20px;} |
|||
@ -0,0 +1,9 @@ |
|||
#box, input.field, input[type="submit"] |
|||
{ |
|||
behavior:url('css/PIE.htc'); |
|||
} |
|||
|
|||
#box { |
|||
padding:30px 30px 0 30px; |
|||
height:120px!important; |
|||
} |
|||
@ -0,0 +1,285 @@ |
|||
.jp-video { |
|||
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; |
|||
position:relative; |
|||
|
|||
-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.3); |
|||
-moz-box-shadow:0px 0px 20px rgba(0,0,0,.3); |
|||
box-shadow:0px 0px 20px rgba(0,0,0,.3); |
|||
background:#000; |
|||
} |
|||
.jp-video-360p { |
|||
/*width:570px;*/ |
|||
/*margin: 100px auto;*/ |
|||
} |
|||
.jp-video-full { |
|||
/*width:480px;*/ |
|||
height:270px; |
|||
position:static !important; |
|||
position:relative; |
|||
} |
|||
.jp-video-full .jp-jplayer { |
|||
top: 0; |
|||
left: 0; |
|||
position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ |
|||
overflow: hidden; |
|||
z-index:1000; |
|||
} |
|||
|
|||
.jp-video-full .jp-gui { |
|||
position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ |
|||
top: 0; |
|||
left: 0; |
|||
width:100%; |
|||
height:100%; |
|||
z-index:1000; |
|||
} |
|||
|
|||
.jp-video-full .jp-interface { |
|||
position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ |
|||
bottom: 0; |
|||
left: 0; |
|||
z-index:1000; |
|||
} |
|||
|
|||
|
|||
.jp-interface { |
|||
position: relative; |
|||
width:100%; |
|||
height: 35px; |
|||
|
|||
background-image: -webkit-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); |
|||
background-image: -moz-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); |
|||
background-image: -o-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); |
|||
background-image: -ms-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); |
|||
background-image: linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209)); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f2f2f2', EndColorStr='#d1d1d1'); |
|||
|
|||
-webkit-box-shadow: |
|||
inset 0px 1px 0px #f7f7f7, |
|||
inset 0px -1px 0px #e2e2e2; |
|||
-moz-box-shadow: |
|||
inset 0px 1px 0px #f7f7f7, |
|||
inset 0px -1px 0px #e2e2e2; |
|||
box-shadow: |
|||
inset 0px 1px 0px #f7f7f7, |
|||
inset 0px -1px 0px #e2e2e2; |
|||
} |
|||
|
|||
div.jp-controls-holder { |
|||
clear: both; |
|||
/*width:570px;*/ |
|||
margin: 0 auto; |
|||
|
|||
position: relative; |
|||
overflow:hidden; |
|||
} |
|||
|
|||
a.jp-play, |
|||
a.jp-pause { |
|||
width:40px; |
|||
height:35px; |
|||
float:left; |
|||
text-indent:-9999px; |
|||
outline:none; |
|||
} |
|||
|
|||
a.jp-play { |
|||
background: url(../images/sprite.png) 0 0 no-repeat; |
|||
} |
|||
|
|||
a.jp-pause { |
|||
background: url(../images/sprite.png) -40px 0 no-repeat; |
|||
display: none; |
|||
} |
|||
|
|||
#separator { |
|||
background-image:url(../images/separator.png); |
|||
background-repeat:no-repeat; |
|||
width: 2px; |
|||
height: 35px; |
|||
float:left; |
|||
margin-top: 7px; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
.jp-progress { |
|||
background: #706d6d; |
|||
|
|||
-webkit-border-radius:5px; |
|||
-moz-border-radius:5px; |
|||
border-radius:5px; |
|||
|
|||
-webkit-box-shadow: |
|||
inset 0px 1px 4px rgba(0,0,0,.4), |
|||
0px 1px 0px rgba(255,255,255,.4); |
|||
-moz-box-shadow: |
|||
inset 0px 1px 4px rgba(0,0,0,.4), |
|||
0px 1px 0px rgba(255,255,255,.4); |
|||
box-shadow: |
|||
inset 0px 1px 4px rgba(0,0,0,.4), |
|||
0px 1px 0px rgba(255,255,255,.4); |
|||
|
|||
width:100px; |
|||
height:10px; |
|||
float:left; |
|||
margin-top: 13px; |
|||
} |
|||
|
|||
.jp-seek-bar { |
|||
width:0px; |
|||
height:100%; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.jp-seeking-bg { |
|||
background:#575555; |
|||
-webkit-border-radius:5px; |
|||
-moz-border-radius:5px; |
|||
border-radius:5px; |
|||
} |
|||
|
|||
.jp-play-bar { |
|||
background: url(../images/play-bar.png) left repeat-x; |
|||
width:0px; |
|||
height:10px; |
|||
position:relative; |
|||
/*z-index: 9999;*/ |
|||
|
|||
-webkit-border-radius:5px; |
|||
-moz-border-radius:5px; |
|||
border-radius:5px; |
|||
} |
|||
|
|||
.jp-play-bar span { |
|||
position:absolute; |
|||
top: -3px; |
|||
right: -12px; |
|||
|
|||
background:url(../images/handle.png) no-repeat center; |
|||
width: 16px; |
|||
height: 17px; |
|||
} |
|||
|
|||
.jp-current-time, |
|||
.jp-duration { |
|||
font-size:11px; |
|||
font-family:Arial; |
|||
color:#444444; |
|||
margin-top: 12px; |
|||
float:left; |
|||
} |
|||
.jp-current-time { |
|||
float: left; |
|||
display:inline; |
|||
} |
|||
.jp-duration { |
|||
float: left; |
|||
display:inline; |
|||
text-align: right; |
|||
} |
|||
.jp-video .jp-current-time { |
|||
margin-left:10px; |
|||
line-height: 15px; |
|||
} |
|||
.jp-video .jp-duration { |
|||
margin-right:10px; |
|||
line-height: 15px; |
|||
} |
|||
.time-sep { |
|||
float:left; |
|||
margin: 7px 3px 0 3px; |
|||
|
|||
font-size:11px; |
|||
font-family:Arial; |
|||
color:#444444; |
|||
} |
|||
|
|||
|
|||
.jp-video a.jp-mute, |
|||
.jp-video a.jp-unmute { |
|||
text-indent:-9999px; |
|||
float:left; |
|||
|
|||
height: 35px; |
|||
outline:none; |
|||
} |
|||
|
|||
.jp-mute { |
|||
float:left; |
|||
background: url(../images/sprite.png) -80px 0 no-repeat; |
|||
margin-top: 1px; |
|||
margin-left: -10px; |
|||
width: 35px; |
|||
} |
|||
|
|||
a.jp-unmute { |
|||
background: url(../images/sprite.png) -115px 0 no-repeat; |
|||
margin-top: 1px; |
|||
margin-left: -13px; |
|||
display: none; |
|||
width: 38px; |
|||
} |
|||
|
|||
.jp-volume-bar { |
|||
float:left; |
|||
margin-top: 13px; |
|||
margin-right: 10px; |
|||
overflow:hidden; |
|||
width:70px; |
|||
height:10px; |
|||
cursor: pointer; |
|||
|
|||
background: #706d6d; |
|||
|
|||
-webkit-border-radius:5px; |
|||
-moz-border-radius:5px; |
|||
border-radius:5px; |
|||
|
|||
-webkit-box-shadow: |
|||
inset 0px 1px 4px rgba(0,0,0,.4), |
|||
0px 1px 0px rgba(255,255,255,.4); |
|||
-moz-box-shadow: |
|||
inset 0px 1px 4px rgba(0,0,0,.4), |
|||
0px 1px 0px rgba(255,255,255,.4); |
|||
box-shadow: |
|||
inset 0px 1px 4px rgba(0,0,0,.4), |
|||
0px 1px 0px rgba(255,255,255,.4); |
|||
} |
|||
|
|||
.jp-volume-bar-value { |
|||
background: rgba(112,109,109.01); |
|||
width:0px; |
|||
height:10px; |
|||
position: relative; |
|||
} |
|||
|
|||
.jp-volume-bar-value span { |
|||
position:absolute; |
|||
top: 0px; |
|||
right: 0px; |
|||
|
|||
background:url(../images/volume.png) no-repeat center; |
|||
width: 11px; |
|||
height: 10px; |
|||
} |
|||
|
|||
.jp-full-screen { |
|||
background: url(../images/sprite.png) -150px 0 no-repeat; |
|||
float:left; |
|||
width: 40px; |
|||
height: 35px; |
|||
text-indent:-9999px; |
|||
margin-left: -15px; |
|||
outline:none; |
|||
} |
|||
|
|||
.jp-restore-screen { |
|||
background: url(../images/sprite.png) -150px 0 no-repeat; |
|||
float:left; |
|||
width: 40px; |
|||
height: 35px; |
|||
text-indent:-9999px; |
|||
margin-left: -15px; |
|||
outline:none; |
|||
|
|||
} |
|||
@ -0,0 +1,205 @@ |
|||
/** |
|||
* BxSlider v4.1.2 - Fully loaded, responsive content slider |
|||
* http://bxslider.com |
|||
* |
|||
* Written by: Steven Wanderski, 2014 |
|||
* http://stevenwanderski.com |
|||
* (while drinking Belgian ales and listening to jazz) |
|||
* |
|||
* CEO and founder of bxCreative, LTD |
|||
* http://bxcreative.com |
|||
*/ |
|||
|
|||
|
|||
/** RESET AND LAYOUT |
|||
===================================*/ |
|||
|
|||
.bx-wrapper { |
|||
position: relative; |
|||
padding: 0; |
|||
*zoom: 1; |
|||
} |
|||
|
|||
.bx-wrapper img { |
|||
max-width: 100%; |
|||
display: block; |
|||
} |
|||
|
|||
/** THEME |
|||
===================================*/ |
|||
|
|||
.bx-wrapper .bx-viewport { |
|||
border: 0px solid #fff; |
|||
left: 0px; |
|||
background: #fff; |
|||
|
|||
/*fix other elements on the page moving (on Chrome)*/ |
|||
-webkit-transform: translatez(0); |
|||
-moz-transform: translatez(0); |
|||
-ms-transform: translatez(0); |
|||
-o-transform: translatez(0); |
|||
transform: translatez(0); |
|||
} |
|||
|
|||
.bx-wrapper .bx-pager, |
|||
.bx-wrapper .bx-controls-auto { |
|||
position: absolute; |
|||
bottom: -5px; |
|||
width: 100%; |
|||
} |
|||
|
|||
/* LOADER */ |
|||
|
|||
.bx-wrapper .bx-loading { |
|||
min-height: 50px; |
|||
background: url(../images/bx_loader.gif) center center no-repeat #fff; |
|||
height: 100%; |
|||
width: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 2000; |
|||
} |
|||
|
|||
/* PAGER */ |
|||
|
|||
.bx-wrapper .bx-pager { |
|||
text-align: center; |
|||
font-size: .85em; |
|||
font-family: Arial; |
|||
font-weight: bold; |
|||
color: #666; |
|||
padding-top: 20px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-pager .bx-pager-item, |
|||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { |
|||
display: inline-block; |
|||
*zoom: 1; |
|||
*display: inline; |
|||
margin-top: -20px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-pager.bx-default-pager a { |
|||
background: #666; |
|||
text-indent: -9999px; |
|||
display: block; |
|||
width: 10px; |
|||
height: 10px; |
|||
margin: 0 5px; |
|||
outline: 0; |
|||
-moz-border-radius: 5px; |
|||
-webkit-border-radius: 5px; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-pager.bx-default-pager a:hover, |
|||
.bx-wrapper .bx-pager.bx-default-pager a.active { |
|||
background: #930; |
|||
} |
|||
|
|||
/* DIRECTION CONTROLS (NEXT / PREV) */ |
|||
|
|||
.bx-wrapper .bx-prev { |
|||
left: 30px; |
|||
background: url(../images/controls.png) no-repeat 0 -32px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-next { |
|||
right: 30px; |
|||
background: url(../images/controls.png) no-repeat -43px -32px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-prev:hover { |
|||
background-position: 0 0; |
|||
} |
|||
|
|||
.bx-wrapper .bx-next:hover { |
|||
background-position: -43px 0; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-direction a { |
|||
position: absolute; |
|||
top: 50%; |
|||
margin-top: -16px; |
|||
outline: 0; |
|||
width: 32px; |
|||
height: 32px; |
|||
text-indent: -9999px; |
|||
z-index: 9999; |
|||
opacity: 0; |
|||
} |
|||
.bx-wrapper .bx-controls-direction a:hover { |
|||
opacity: 0.6; |
|||
} |
|||
.bx-wrapper .bx-controls-direction a.disabled { |
|||
display: none; |
|||
} |
|||
|
|||
/* AUTO CONTROLS (START / STOP) */ |
|||
|
|||
.bx-wrapper .bx-controls-auto { |
|||
text-align: center; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-auto .bx-start { |
|||
display: block; |
|||
text-indent: -9999px; |
|||
width: 10px; |
|||
height: 11px; |
|||
outline: 0; |
|||
background: url(../images/controls.png) -86px -11px no-repeat; |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-auto .bx-start:hover, |
|||
.bx-wrapper .bx-controls-auto .bx-start.active { |
|||
background-position: -86px 0; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-auto .bx-stop { |
|||
display: block; |
|||
text-indent: -9999px; |
|||
width: 9px; |
|||
height: 11px; |
|||
outline: 0; |
|||
background: url(../images/controls.png) -86px -44px no-repeat; |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-auto .bx-stop:hover, |
|||
.bx-wrapper .bx-controls-auto .bx-stop.active { |
|||
background-position: -86px -33px; |
|||
} |
|||
|
|||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ |
|||
|
|||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { |
|||
text-align: left; |
|||
width: 80%; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { |
|||
right: 0; |
|||
width: 35px; |
|||
} |
|||
|
|||
/* IMAGE CAPTIONS */ |
|||
|
|||
.bx-wrapper .bx-caption { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
background: #666\9; |
|||
background: rgba(80, 80, 80, 0.75); |
|||
width: 100%; |
|||
} |
|||
|
|||
.bx-wrapper .bx-caption span { |
|||
color: #fff; |
|||
font-family: Arial; |
|||
display: block; |
|||
text-align: center; |
|||
font-size: 16px; |
|||
padding: 5px 0 20px 0; |
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
/*reset*/ |
|||
/**{margin:0;padding:0;list-style-type:none;}*/ |
|||
/*a,img{border:0;}*/ |
|||
/*a{text-decoration:none;}*/ |
|||
/*a:hover{text-decoration:underline;}*/ |
|||
/*body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";color:#333333;}*/ |
|||
/*main css*/ |
|||
.main-im{position:fixed;right:10px;top:150px;z-index:10000;width:130px;height:272px;} |
|||
.main-im .qq-a{display:block;width:126px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;} |
|||
.main-im .qq-a span{bottom:3px;position:absolute;width:120px;left:5px;font-size: 12px} |
|||
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:28px;top:10px;overflow:hidden;z-index:9;} |
|||
.main-im .qq-container{z-index:99;position:absolute;width:129px;height:116px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;} |
|||
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:8px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} |
|||
.main-im .im-qq:hover .img-qq{max-width:70px;left:3px;top:8px;position:absolute;} |
|||
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;} |
|||
.main-im .im_main .im-tel{color:#000000;text-align:center;width:129px;height:65px;border-bottom:1px solid #dddddd;} |
|||
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;} |
|||
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;line-height:20px;text-align:left;padding-left:8px;} |
|||
.main-im .im_main .im-tel .qqpop{font-family:Arial;font-weight:bold;color:#e66d15;line-height:20px;text-align:left;} |
|||
.main-im .im_main .im-tel .tel-num i{height:12px;width:12px;} |
|||
.main-im .im_main .im-tel:hover{background:#fafafa;} |
|||
.main-im .im_main .weixing-container{width:65px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;} |
|||
.main-im .im_main .weixing-show,.main-im .im_main .weixing-show2{width:112px;height:142px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-92px;} |
|||
.main-im .im_main .weixing-show .weixing-sanjiao,.main-im .im_main .weixing-show2 .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:107px;position:absolute;z-index:2;} |
|||
.main-im .im_main .weixing-show .weixing-sanjiao-big,.main-im .im_main .weixing-show2 .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:105px;position:absolute;} |
|||
.main-im .im_main .weixing-show .weixing-ma,.main-im .im_main .weixing-show2 .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;} |
|||
.main-im .im_main .weixing-show .weixing-txt,.main-im .im_main .weixing-show2 .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;} |
|||
.main-im .im_main .weixing-container2{width:62px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:right;} |
|||
/*.main-im .im_main .go-top a{display:block;width:52px;height:47px;}*/ |
|||
.main-im .close-im{position:absolute;right:6px;top:6px;z-index:100;width:24px;height:24px;} |
|||
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;} |
|||
.main-im .close-im a:hover{text-decoration:none;} |
|||
.main-im .open-im{cursor:pointer;margin-left:85px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;} |
|||
.im_main .im-foot{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px} |
|||
.im-title .im-gp{height: 30px;line-height: 36px;font-size: 16px;/*background: #930;*/color: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;text-align:center} |
|||
.im-title .im-gp a,.im-title .im-gp a:hover,.im-title .im-gp a:focus,.im-title .im-gp a:visited{color: #e66d15;} |
|||
@ -0,0 +1,207 @@ |
|||
html.lb-disable-scrolling { |
|||
overflow: hidden; |
|||
/* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */ |
|||
position: fixed; |
|||
height: 100vh; |
|||
width: 100vw; |
|||
} |
|||
|
|||
.lightboxOverlay { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 9999; |
|||
background-color: black; |
|||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); |
|||
opacity: 0.8; |
|||
display: none; |
|||
} |
|||
|
|||
.lightbox { |
|||
position: absolute; |
|||
left: 0; |
|||
width: 100%; |
|||
z-index: 10000; |
|||
text-align: center; |
|||
line-height: 0; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.lightbox .lb-image { |
|||
display: block; |
|||
height: auto; |
|||
max-width: inherit; |
|||
max-height: none; |
|||
border-radius: 3px; |
|||
|
|||
/* Image border */ |
|||
border: 4px solid white; |
|||
} |
|||
|
|||
.lightbox a img { |
|||
border: none; |
|||
} |
|||
|
|||
.lb-outerContainer { |
|||
position: relative; |
|||
*zoom: 1; |
|||
width: 250px; |
|||
height: 250px; |
|||
margin: 0 auto; |
|||
border-radius: 4px; |
|||
|
|||
/* Background color behind image. |
|||
This is visible during transitions. */ |
|||
background-color: white; |
|||
} |
|||
|
|||
.lb-outerContainer:after { |
|||
content: ""; |
|||
display: table; |
|||
clear: both; |
|||
} |
|||
|
|||
.lb-loader { |
|||
position: absolute; |
|||
top: 43%; |
|||
left: 0; |
|||
height: 25%; |
|||
width: 100%; |
|||
text-align: center; |
|||
line-height: 0; |
|||
} |
|||
|
|||
.lb-cancel { |
|||
display: block; |
|||
width: 32px; |
|||
height: 32px; |
|||
margin: 0 auto; |
|||
background: url(../images/loading.gif) no-repeat; |
|||
} |
|||
|
|||
.lb-nav { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
height: 100%; |
|||
width: 100%; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.lb-container > .nav { |
|||
left: 0; |
|||
} |
|||
|
|||
.lb-nav a { |
|||
outline: none; |
|||
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); |
|||
} |
|||
|
|||
.lb-prev, .lb-next { |
|||
height: 100%; |
|||
cursor: pointer; |
|||
display: block; |
|||
} |
|||
|
|||
.lb-nav a.lb-prev { |
|||
width: 34%; |
|||
left: 0; |
|||
float: left; |
|||
background: url(../images/prev.png) left 48% no-repeat; |
|||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); |
|||
opacity: 0; |
|||
-webkit-transition: opacity 0.6s; |
|||
-moz-transition: opacity 0.6s; |
|||
-o-transition: opacity 0.6s; |
|||
transition: opacity 0.6s; |
|||
} |
|||
|
|||
.lb-nav a.lb-prev:hover { |
|||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); |
|||
opacity: 1; |
|||
} |
|||
|
|||
.lb-nav a.lb-next { |
|||
width: 64%; |
|||
right: 0; |
|||
float: right; |
|||
background: url(../images/next.png) right 48% no-repeat; |
|||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); |
|||
opacity: 0; |
|||
-webkit-transition: opacity 0.6s; |
|||
-moz-transition: opacity 0.6s; |
|||
-o-transition: opacity 0.6s; |
|||
transition: opacity 0.6s; |
|||
} |
|||
|
|||
.lb-nav a.lb-next:hover { |
|||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); |
|||
opacity: 1; |
|||
} |
|||
|
|||
.lb-dataContainer { |
|||
margin: 0 auto; |
|||
padding-top: 5px; |
|||
*zoom: 1; |
|||
width: 100%; |
|||
border-bottom-left-radius: 4px; |
|||
border-bottom-right-radius: 4px; |
|||
} |
|||
|
|||
.lb-dataContainer:after { |
|||
content: ""; |
|||
display: table; |
|||
clear: both; |
|||
} |
|||
|
|||
.lb-data { |
|||
padding: 0 4px; |
|||
color: #ccc; |
|||
} |
|||
|
|||
.lb-data .lb-details { |
|||
width: 85%; |
|||
float: left; |
|||
text-align: left; |
|||
line-height: 1.1em; |
|||
} |
|||
|
|||
.lb-data .lb-caption { |
|||
font-size: 13px; |
|||
font-weight: bold; |
|||
line-height: 1em; |
|||
} |
|||
|
|||
.lb-data .lb-caption a { |
|||
color: #4ae; |
|||
} |
|||
|
|||
.lb-data .lb-number { |
|||
display: block; |
|||
clear: left; |
|||
padding-bottom: 1em; |
|||
font-size: 12px; |
|||
color: #999999; |
|||
} |
|||
|
|||
.lb-data .lb-close { |
|||
display: block; |
|||
float: right; |
|||
width: 30px; |
|||
height: 30px; |
|||
background: url(../images/close.png) top right no-repeat; |
|||
text-align: right; |
|||
outline: none; |
|||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); |
|||
opacity: 0.7; |
|||
-webkit-transition: opacity 0.2s; |
|||
-moz-transition: opacity 0.2s; |
|||
-o-transition: opacity 0.2s; |
|||
transition: opacity 0.2s; |
|||
} |
|||
|
|||
.lb-data .lb-close:hover { |
|||
cursor: pointer; |
|||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); |
|||
opacity: 1; |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,570 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/** |
|||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
|||
* and `video` controls. |
|||
* 2. Correct inability to style clickable `input` types in iOS. |
|||
* 3. Improve usability and consistency of cursor style between image-type |
|||
* `input` and others. |
|||
*/ |
|||
|
|||
button, html input[type="button"], /* 1 */ |
|||
input[type="reset"], input[type="submit"] { |
|||
-webkit-appearance: button; /* 2 */ |
|||
-moz-appearance:button; |
|||
-ms-appearance:button; |
|||
-o-appearance:button; |
|||
cursor: pointer |
|||
} |
|||
|
|||
div { |
|||
outline: 0 !important; |
|||
-webkit-text-size-adjust: none; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
-moz-text-size-adjust: none; |
|||
-moz-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
-ms-text-size-adjust: none; |
|||
-ms-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
-o-text-size-adjust: none; |
|||
-o-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
position: relative; |
|||
} |
|||
|
|||
ul, li { |
|||
list-style: none; |
|||
} |
|||
|
|||
.uc-tl { |
|||
-webkit-border-top-left-radius: .6em; |
|||
-moz-border-top-left-radius: .6em; |
|||
-ms-border-top-left-radius: .6em; |
|||
-o-border-top-left-radius: .6em; |
|||
border-top-left-radius: .6em |
|||
} |
|||
|
|||
.uc-tr { |
|||
-webkit-border-top-right-radius: .6em; |
|||
-moz-border-top-right-radius: .6em; |
|||
-ms-border-top-right-radius: .6em; |
|||
-o-border-top-right-radius: .6em; |
|||
border-top-right-radius: .6em |
|||
} |
|||
|
|||
.uc-bl { |
|||
-webkit-border-bottom-left-radius: .6em; |
|||
-moz-border-bottom-left-radius: .6em; |
|||
-ms-border-bottom-left-radius: .6em; |
|||
-o-border-bottom-left-radius: .6em; |
|||
border-bottom-left-radius: .6em |
|||
} |
|||
|
|||
.uc-br { |
|||
-webkit-border-bottom-right-radius: .6em; |
|||
-moz-border-bottom-right-radius: .6em; |
|||
-ms-border-bottom-right-radius: .6em; |
|||
-o-border-bottom-right-radius: .6em; |
|||
border-bottom-right-radius: .6em |
|||
} |
|||
|
|||
.uc-t { |
|||
-webkit-border-top-left-radius: .6em; |
|||
-moz-border-top-left-radius: .6em; |
|||
-ms-border-top-left-radius: .6em; |
|||
-o-border-top-left-radius: .6em; |
|||
border-top-left-radius: .6em; |
|||
-webkit-border-top-right-radius: .6em; |
|||
-moz-border-top-right-radius: .6em; |
|||
-ms-border-top-right-radius: .6em; |
|||
-o-border-top-right-radius: .6em; |
|||
border-top-right-radius: .6em |
|||
} |
|||
|
|||
.uc-b { |
|||
-webkit-border-bottom-left-radius: .6em; |
|||
-moz-border-bottom-left-radius: .6em; |
|||
-ms-border-bottom-left-radius: .6em; |
|||
-o-border-bottom-left-radius: .6em; |
|||
border-bottom-left-radius: .6em; |
|||
-webkit-border-bottom-right-radius: .6em; |
|||
-moz-border-bottom-right-radius: .6em; |
|||
-ms-border-bottom-right-radius: .6em; |
|||
-o-border-bottom-right-radius: .6em; |
|||
border-bottom-right-radius: .6em |
|||
} |
|||
|
|||
.uc-r { |
|||
-webkit-border-top-right-radius: .6em; |
|||
-moz-border-top-right-radius: .6em; |
|||
-ms-border-top-right-radius: .6em; |
|||
-o-border-top-right-radius: .6em; |
|||
border-top-right-radius: .6em; |
|||
-webkit-border-bottom-right-radius: .6em; |
|||
-moz-border-bottom-right-radius: .6em; |
|||
-ms-border-bottom-right-radius: .6em; |
|||
-o-border-bottom-right-radius: .6em; |
|||
border-bottom-right-radius: .6em |
|||
} |
|||
|
|||
.uc-l { |
|||
-webkit-border-top-left-radius: .6em; |
|||
-moz-border-top-left-radius: .6em; |
|||
-ms-border-top-left-radius: .6em; |
|||
-o-border-top-left-radius: .6em; |
|||
border-top-left-radius: .6em; |
|||
-webkit-border-bottom-left-radius: .6em; |
|||
-moz-border-bottom-left-radius: .6em; |
|||
-ms-border-bottom-left-radius: .6em; |
|||
-o-border-bottom-left-radius: .6em; |
|||
border-bottom-left-radius: .6em |
|||
} |
|||
|
|||
.uc-a { |
|||
-webkit-border-radius: .6em; |
|||
-moz-border-radius: .6em; |
|||
-ms-border-radius: .6em; |
|||
-o-border-radius: .6em; |
|||
border-radius: .6em |
|||
} |
|||
|
|||
.uc-n { |
|||
-webkit-border-radius: 0; |
|||
-moz-border-radius: 0; |
|||
-ms-border-radius: 0; |
|||
-o-border-radius: 0; |
|||
border-radius: 0 |
|||
} |
|||
|
|||
.uc-tl1 { |
|||
-webkit-border-top-left-radius: 0.3em; |
|||
-moz-border-top-left-radius: 0.3em; |
|||
-ms-border-top-left-radius: 0.3em; |
|||
-o-border-top-left-radius: 0.3em; |
|||
border-top-left-radius: 0.3em |
|||
} |
|||
|
|||
.uc-tr1 { |
|||
-webkit-border-top-right-radius: 0.3em; |
|||
-moz-border-top-right-radius: 0.3em; |
|||
-ms-border-top-right-radius: 0.3em; |
|||
-o-border-top-right-radius: 0.3em; |
|||
border-top-right-radius: 0.3em |
|||
} |
|||
|
|||
.uc-bl1 { |
|||
-webkit-border-bottom-left-radius: 0.3em; |
|||
-moz-border-bottom-left-radius: 0.3em; |
|||
-ms-border-bottom-left-radius: 0.3em; |
|||
-o-border-bottom-left-radius: 0.3em; |
|||
border-bottom-left-radius: 0.3em |
|||
} |
|||
|
|||
.uc-br1 { |
|||
-webkit-border-bottom-right-radius: 0.3em; |
|||
-moz-border-bottom-right-radius: 0.3em; |
|||
-ms-border-bottom-right-radius: 0.3em; |
|||
-o-border-bottom-right-radius: 0.3em; |
|||
border-bottom-right-radius: 0.3em |
|||
} |
|||
|
|||
.uc-t1 { |
|||
-webkit-border-top-left-radius: 0.3em; |
|||
border-top-left-radius: 0.3em; |
|||
-webkit-border-top-right-radius: 0.3em; |
|||
border-top-right-radius: 0.3em |
|||
} |
|||
|
|||
.uc-b1 { |
|||
-webkit-border-bottom-left-radius: 0.3em; |
|||
-moz-border-bottom-left-radius: 0.3em; |
|||
-ms-border-bottom-left-radius: 0.3em; |
|||
-o-border-bottom-left-radius: 0.3em; |
|||
border-bottom-left-radius: 0.3em; |
|||
-webkit-border-bottom-right-radius: 0.3em; |
|||
-moz-border-bottom-right-radius: 0.3em; |
|||
-ms-border-bottom-right-radius: 0.3em; |
|||
-o-border-bottom-right-radius: 0.3em; |
|||
border-bottom-right-radius: 0.3em |
|||
} |
|||
|
|||
.uc-r1 { |
|||
-webkit-border-top-right-radius: 0.3em; |
|||
-moz-border-top-right-radius: 0.3em; |
|||
-ms-border-top-right-radius: 0.3em; |
|||
-o-border-top-right-radius: 0.3em; |
|||
border-top-right-radius: 0.3em; |
|||
-webkit-border-bottom-right-radius: 0.3em; |
|||
-moz-border-bottom-right-radius: 0.3em; |
|||
-ms-border-bottom-right-radius: 0.3em; |
|||
-o-border-bottom-right-radius: 0.3em; |
|||
border-bottom-right-radius: 0.3em |
|||
} |
|||
|
|||
.uc-l1 { |
|||
-webkit-border-top-left-radius: 0.3em; |
|||
-moz-border-top-left-radius: 0.3em; |
|||
-ms-border-top-left-radius: 0.3em; |
|||
-o-border-top-left-radius: 0.3em; |
|||
border-top-left-radius: 0.3em; |
|||
-webkit-border-bottom-left-radius: 0.3em; |
|||
-moz-border-bottom-left-radius: 0.3em; |
|||
-ms-border-bottom-left-radius: 0.3em; |
|||
-o-border-bottom-left-radius: 0.3em; |
|||
border-bottom-left-radius: 0.3em |
|||
} |
|||
|
|||
.uc-a1 { |
|||
-webkit-border-radius: 0.3em; |
|||
-moz-border-radius: 0.3em; |
|||
-ms-border-radius: 0.3em; |
|||
-o-border-radius: 0.3em; |
|||
border-radius: 0.3em |
|||
} |
|||
.uc-a3 { |
|||
-webkit-border-radius: 0.4em; |
|||
-moz-border-radius: 0.4em; |
|||
-ms-border-radius: 0.4em; |
|||
-o-border-radius: 0.4em; |
|||
border-radius: 0.4em |
|||
} |
|||
.uc-a2 { |
|||
-webkit-border-radius: 1.2em; |
|||
-moz-border-radius: 1.2em; |
|||
-ms-border-radius: 1.2em; |
|||
-o-border-radius: 1.2em; |
|||
border-radius: 1.2em |
|||
} |
|||
.uc-tl, .uc-tr, .uc-bl, .uc-br, .uc-t, .uc-b, .uc-r, .uc-l, .uc-a, .uc-n, .uc-tl1, .uc-tr1, .uc-bl1, .uc-br1, .uc-t1, .uc-b1, .uc-r1, .uc-l1, .uc-a1, .uc-a2, , .uc-a3 { |
|||
-webkit-background-clip: padding-box; |
|||
-moz-background-clip: padding-box; |
|||
-ms-background-clip: padding-box; |
|||
-o-background-clip: padding-box; |
|||
background-clip: padding-box |
|||
} |
|||
|
|||
.us { |
|||
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3); |
|||
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3); |
|||
-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, .3); |
|||
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, .3); |
|||
box-shadow: 0 1px 4px rgba(0, 0, 0, .3) |
|||
} |
|||
.us1 { |
|||
-webkit-box-shadow: 0 1px 4px rgba(120, 120, 120, .3); |
|||
-moz-box-shadow: 0 1px 4px rgba(120, 120, 120, .3); |
|||
-ms-box-shadow: 0 1px 4px rgba(120, 120, 120, .3); |
|||
-o-box-shadow: 0 1px 4px rgba(120, 120, 120, .3); |
|||
box-shadow: 0 1px 4px rgba(120, 120, 120, .3) |
|||
} |
|||
.us-i { |
|||
-webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .4); |
|||
-moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .4); |
|||
-ms-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .4); |
|||
-o-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .4); |
|||
box-shadow: inset 0px 2px 3px rgba(0, 0, 0, .4) |
|||
} |
|||
|
|||
.uts { |
|||
text-shadow: 0px 2px 2px #000; |
|||
} |
|||
|
|||
.um, .um body { |
|||
height: 100%; |
|||
padding: 0px; |
|||
margin: 0px; |
|||
font-family: "Helvetica Neue", Helvetica; |
|||
} |
|||
|
|||
.um-vp { |
|||
margin: 0; |
|||
padding: 0; |
|||
overflow-x: hidden; |
|||
-webkit-text-size-adjust: none; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
-webkit-user-select: none; |
|||
-moz-text-size-adjust: none; |
|||
-moz-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
-moz-user-select: none; |
|||
-ms-text-size-adjust: none; |
|||
-ms-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
-ms-user-select: none; |
|||
-o-text-size-adjust: none; |
|||
-o-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
-o-user-select: none; |
|||
} |
|||
|
|||
.um-vp .up { |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
min-height: 100%; |
|||
max-height: 100%; |
|||
position: absolute; |
|||
border: 0 |
|||
} |
|||
|
|||
.uh, .uf { |
|||
display: block; |
|||
width: 100%; |
|||
font-size: 1em; |
|||
} |
|||
|
|||
.up .uh, .up .uf, .pos_re { |
|||
position: relative |
|||
} |
|||
|
|||
.uh .ut, .uf .ut { |
|||
padding: .72em 1em .72em; |
|||
margin: 0; |
|||
} |
|||
|
|||
.ufl { |
|||
float: left !important; |
|||
} |
|||
.ufr { |
|||
float: right !important; |
|||
} |
|||
|
|||
.ulev2 { |
|||
font-size: 1.5em !important; |
|||
} |
|||
|
|||
.ulev1 { |
|||
font-size: 1.2em !important; |
|||
} |
|||
|
|||
.ulev0 { |
|||
font-size: 1.0em !important; |
|||
} |
|||
|
|||
.ulev-1 { |
|||
font-size: 0.8125em !important; |
|||
} |
|||
|
|||
.ulev-2 { |
|||
font-size: 0.625em !important; |
|||
} |
|||
.ulev-3 { |
|||
font-size: 1.0625em !important; |
|||
} |
|||
.ulev-4 { |
|||
font-size: 0.75em !important; |
|||
} |
|||
.ulim { |
|||
max-width: 5em; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.uinl { |
|||
display: inline-block; |
|||
position: relative; |
|||
} |
|||
|
|||
.uinn { |
|||
padding: 0.5em; |
|||
margin: 0; |
|||
} |
|||
.uinn1 { |
|||
padding: 0 0.5em; |
|||
margin: 0; |
|||
} |
|||
.uinn2 { |
|||
padding: 0.5em 1em; |
|||
margin: 0; |
|||
} |
|||
.uinn3 { |
|||
padding: 0.2em; |
|||
margin: 0; |
|||
} |
|||
.uinn4 { |
|||
padding: 0 0.2em; |
|||
margin: 0; |
|||
} |
|||
.uinn5 { |
|||
padding: 0.75em 0.5em; |
|||
margin: 0; |
|||
} |
|||
.uinn7 { |
|||
padding: 0.66em 0.375em; |
|||
margin: 0; |
|||
} |
|||
.umh1 { |
|||
min-height: 1em; |
|||
} |
|||
|
|||
.umh2 { |
|||
min-height: 1.2em; |
|||
} |
|||
|
|||
.umh3 { |
|||
min-height: 1.5em; |
|||
} |
|||
|
|||
.umh4 { |
|||
min-height: 2em; |
|||
} |
|||
.umh5 { |
|||
min-height: 3em; |
|||
} |
|||
.umh6 { |
|||
min-height: 4em; |
|||
} |
|||
.umh7 { |
|||
min-height: 1.8em; |
|||
} |
|||
.umw1 { |
|||
min-width: 1em; |
|||
} |
|||
.umw1-5 { |
|||
min-width: 1.5em; |
|||
} |
|||
|
|||
.umw2 { |
|||
min-width: 2em; |
|||
} |
|||
|
|||
.umw3 { |
|||
min-width: 3em; |
|||
} |
|||
|
|||
.umw4 { |
|||
min-width: 4em; |
|||
} |
|||
|
|||
.tx-l { |
|||
text-align: left; |
|||
} |
|||
.tx-r { |
|||
text-align: right; |
|||
} |
|||
.tx-c { |
|||
text-align: center; |
|||
} |
|||
|
|||
.ut-s { |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
white-space: nowrap !important; |
|||
outline: 0 !important |
|||
} |
|||
|
|||
.ut-m { |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
white-space: normal !important; |
|||
outline: 0 !important |
|||
} |
|||
|
|||
.uba { |
|||
border: 1px solid; |
|||
} |
|||
.uba1 { |
|||
border: 2px solid; |
|||
} |
|||
.uba2 { |
|||
border: 3px solid; |
|||
} |
|||
|
|||
.ubt { |
|||
border-top: 1px solid; |
|||
} |
|||
.ubb { |
|||
border-bottom: 1px solid; |
|||
} |
|||
|
|||
.ubl { |
|||
border-left: 1px solid; |
|||
} |
|||
|
|||
.ubr { |
|||
border-right: 1px solid; |
|||
} |
|||
|
|||
.uhide { |
|||
display: none !important; |
|||
} |
|||
|
|||
.umar-b { |
|||
margin-bottom: 0.4em; |
|||
} |
|||
.umar-t { |
|||
margin-top: 0.4em; |
|||
} |
|||
.umar-l { |
|||
margin-left: 0.4em; |
|||
} |
|||
.umar-r { |
|||
margin-right: 0.4em; |
|||
} |
|||
.umar-a { |
|||
margin: 0.4em; |
|||
} |
|||
|
|||
.uof { |
|||
overflow: hidden; |
|||
} |
|||
.uof-x { |
|||
overflow-x: hidden; |
|||
} |
|||
.uof-y { |
|||
overflow-y: hidden; |
|||
} |
|||
|
|||
.uabs { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
.uabs-r { |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
.utra { |
|||
-webkit-transition: all 300ms ease-in 100ms; |
|||
-moz-transition: all 300ms ease-in 100ms; |
|||
-ms-transition: all 300ms ease-in 100ms; |
|||
-o-transition: all 300ms ease-in 100ms |
|||
} |
|||
.line1 { |
|||
-webkit-line-clamp: 1; |
|||
-moz-line-clamp: 1; |
|||
-ms-line-clamp: 1; |
|||
-o-line-clamp: 1; |
|||
} |
|||
.line2 { |
|||
-webkit-line-clamp: 2; |
|||
-moz-line-clamp: 2; |
|||
-ms-line-clamp: 2; |
|||
-o-line-clamp: 2; |
|||
} |
|||
|
|||
.line3 { |
|||
-webkit-line-clamp: 3; |
|||
-moz-line-clamp: 3; |
|||
-ms-line-clamp: 3; |
|||
-o-line-clamp: 3; |
|||
} |
|||
|
|||
.ani-act { |
|||
transform: scale(0.95,0.97); |
|||
-webkit-transform: scale(0.95,0.97); |
|||
-webkit-transition-duration: 300ms; |
|||
-moz-transform: scale(0.95,0.97); |
|||
-moz-transition-duration: 300ms; |
|||
-ms-transform: scale(0.95,0.97); |
|||
-ms-transition-duration: 300ms; |
|||
-o-transform: scale(0.95,0.97); |
|||
-o-transition-duration: 300ms; |
|||
opacity: .7; |
|||
} |
|||
|
|||
.uh_ios7 .uh { |
|||
padding: 1em 0 0; |
|||
} |
|||
@ -0,0 +1,197 @@ |
|||
.ub |
|||
{ |
|||
display: -webkit-box; |
|||
display: -moz-box; |
|||
display: -webkit-flex; |
|||
display: -moz-flex; |
|||
display: -ms-flexbox; |
|||
display: flex; |
|||
position:relative; |
|||
} |
|||
|
|||
.ub-rev |
|||
{ |
|||
-webkit-box-direction:reverse; |
|||
-moz-box-direction:reverse; |
|||
-ms-box-direction:reverse; |
|||
-o-box-direction:reverse; |
|||
box-direction:reverse; |
|||
} |
|||
|
|||
.ub-fh |
|||
{ |
|||
width:100%; |
|||
} |
|||
|
|||
.ub-fv |
|||
{ |
|||
height:100%; |
|||
} |
|||
|
|||
.ub-con |
|||
{ |
|||
position:absolute; |
|||
width:100%; |
|||
height:100%; |
|||
} |
|||
|
|||
.ub-ac |
|||
{ |
|||
-webkit-box-align:center; |
|||
-moz-box-align:center; |
|||
-ms-box-align:center; |
|||
-o-box-align:center; |
|||
box-align:center; |
|||
} |
|||
.ub-ae |
|||
{ |
|||
-webkit-box-align:end; |
|||
-moz-box-align:end; |
|||
-ms-box-align:end; |
|||
-o-box-align:end; |
|||
box-align:end; |
|||
} |
|||
|
|||
.ub-pc |
|||
{ |
|||
-webkit-box-pack:center; |
|||
-moz-box-pack:center; |
|||
-ms-box-pack:center; |
|||
-o-box-pack:center; |
|||
box-pack:center; |
|||
} |
|||
.ub-pe |
|||
{ |
|||
-webkit-box-pack:end; |
|||
-moz-box-pack:end; |
|||
-ms-box-pack:end; |
|||
-o-box-pack:end; |
|||
box-pack:end; |
|||
} |
|||
.ub-pj |
|||
{ |
|||
-webkit-box-pack:justify; |
|||
-moz-box-pack:justify; |
|||
-ms-box-pack:justify; |
|||
-o-box-pack:justify; |
|||
box-pack:justify; |
|||
} |
|||
|
|||
.ub-ver |
|||
{ |
|||
-webkit-box-orient:vertical; |
|||
-moz-box-orient:vertical; |
|||
-ms-box-orient:vertical; |
|||
-o-box-orient:vertical; |
|||
box-orient:vertical; |
|||
} |
|||
|
|||
.ub-f1 |
|||
{ |
|||
position:relative; |
|||
-webkit-box-flex: 1; |
|||
-moz-box-flex: 1; |
|||
-ms-box-flex: 1; |
|||
-o-box-flex: 1; |
|||
box-flex: 1; |
|||
} |
|||
|
|||
.ub-f2 |
|||
{ |
|||
position:relative; |
|||
-webkit-box-flex: 2; |
|||
-moz-box-flex: 2; |
|||
-ms-box-flex: 2; |
|||
-o-box-flex: 2; |
|||
box-flex: 2; |
|||
} |
|||
|
|||
.ub-f3 |
|||
{ |
|||
position:relative; |
|||
-webkit-box-flex: 3; |
|||
-moz-box-flex: 3; |
|||
-ms-box-flex: 3; |
|||
-o-box-flex: 3; |
|||
box-flex: 3; |
|||
} |
|||
|
|||
.ub-f4 |
|||
{ |
|||
position:relative; |
|||
-webkit-box-flex: 4; |
|||
-moz-box-flex: 4; |
|||
-ms-box-flex: 4; |
|||
-o-box-flex: 4; |
|||
box-flex: 4; |
|||
} |
|||
|
|||
.ub-img |
|||
{ |
|||
-webkit-background-size:contain; |
|||
-moz-background-size:contain; |
|||
-ms-background-size:contain; |
|||
-o-background-size:contain; |
|||
background-size:contain; |
|||
background-repeat:no-repeat; |
|||
background-position:center; |
|||
} |
|||
|
|||
.ub-img1 |
|||
{ |
|||
-webkit-background-size:cover; |
|||
-moz-background-size:cover; |
|||
-ms-background-size:cover; |
|||
-o-background-size:cover; |
|||
background-size:cover; |
|||
background-repeat:no-repeat; |
|||
background-position:center; |
|||
} |
|||
.ub-img2 |
|||
{ |
|||
background-repeat:repeat-x; |
|||
background-size:auto 100% |
|||
} |
|||
.ub-img3 |
|||
{ |
|||
background-repeat:repeat-y; |
|||
background-size:100% auto |
|||
} |
|||
|
|||
.ub-img4 |
|||
{ |
|||
-webkit-background-size:100% auto; |
|||
-moz-background-size:100% auto; |
|||
-ms-background-size:100% auto; |
|||
-o-background-size:100% auto; |
|||
background-size:100% auto; |
|||
background-repeat:no-repeat; |
|||
background-position:center; |
|||
} |
|||
.ub-img5 |
|||
{ |
|||
-webkit-background-size:auto 100%; |
|||
-moz-background-size:auto 100%; |
|||
-ms-background-size:auto 100%; |
|||
-o-background-size:auto 100%; |
|||
background-size:auto 100%; |
|||
background-repeat:no-repeat; |
|||
background-position:center; |
|||
} |
|||
|
|||
.ub-img6 |
|||
{ |
|||
background-repeat:no-repeat; |
|||
background-position:center; |
|||
} |
|||
.ub-img7 |
|||
{ |
|||
-webkit-background-size:100% 100%; |
|||
-moz-background-size:100% 100%; |
|||
-ms-background-size:100% 100%; |
|||
-o-background-size:100% 100%; |
|||
background-size:100% 100%; |
|||
background-repeat:no-repeat; |
|||
background-position:center; |
|||
} |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,577 @@ |
|||
.culturebgimg2{ |
|||
background-image: url(../images/rubbish/culture02.png); |
|||
filter:alpha(Opacity=60); |
|||
position: static; |
|||
*zoom: 1; |
|||
} |
|||
.culturebgimg3{ |
|||
background-image: url(../images/rubbish/culture03.png); |
|||
filter:alpha(Opacity=60); |
|||
position: static; |
|||
*zoom: 1; |
|||
} |
|||
.culturebgimg4{ |
|||
background-image: url(../images/rubbish/culture04.png); |
|||
filter:alpha(Opacity=60); |
|||
position: static; |
|||
*zoom: 1; |
|||
} |
|||
.companyheader{ |
|||
width: 110px; |
|||
height: 110px; |
|||
-webkit-border-radius: 110px; |
|||
border-radius: 110px; |
|||
} |
|||
.adlefttopimg2{ |
|||
background-image: url(../images/rubbish/ad02.png); |
|||
} |
|||
.adlefttopimg3{ |
|||
background-image: url(../images/img-ly-1.jpg); |
|||
} |
|||
.adlefttopimg4{ |
|||
background-image: url(../images/img-ly-2.jpg); |
|||
} |
|||
.adlefttopimg5{ |
|||
background-image: url(../images/img-tzr-1.jpg); |
|||
} |
|||
.adlefttopimg6{ |
|||
background-image: url(../images/img-tzr-2.jpg); |
|||
} |
|||
.adlefttopimg7{ |
|||
background-image: url(../images/img-tzr-3.jpg); |
|||
} |
|||
|
|||
.businessimgages2{ |
|||
background-image: url(../images/rubbish/business02.png); |
|||
} |
|||
.businessimgages3{ |
|||
background-image: url(../images/rubbish/business03.png); |
|||
} |
|||
|
|||
.threemode .adleftimg:nth-child(2){ |
|||
margin: 0 21px; |
|||
background-image: url(../images/rubbish/threemode02.png); |
|||
} |
|||
.threeimg3{ |
|||
background-image: url(../images/rubbish/threemode03.png); |
|||
} |
|||
.pagination a{ |
|||
color: #666; |
|||
} |
|||
.list-page{ |
|||
margin: 20px auto; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.pagination { |
|||
display: inline-block; |
|||
padding-left: 0; |
|||
margin: 20px 0; |
|||
border-radius: 4px |
|||
} |
|||
|
|||
.pagination>li { |
|||
display: inline |
|||
} |
|||
|
|||
.pagination>li>a,.pagination>li>span { |
|||
position: relative; |
|||
float: left; |
|||
padding: 6px 12px; |
|||
margin-left: -1px; |
|||
line-height: 1.428571429; |
|||
text-decoration: none; |
|||
background-color: #fff; |
|||
border: 1px solid #ddd |
|||
} |
|||
|
|||
.pagination>li:first-child>a,.pagination>li:first-child>span { |
|||
margin-left: 0; |
|||
border-bottom-left-radius: 4px; |
|||
border-top-left-radius: 4px |
|||
} |
|||
|
|||
.pagination>li:last-child>a,.pagination>li:last-child>span { |
|||
border-top-right-radius: 4px; |
|||
border-bottom-right-radius: 4px |
|||
} |
|||
|
|||
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover { |
|||
background-color: #eee |
|||
} |
|||
|
|||
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { |
|||
z-index: 2; |
|||
color: #fff; |
|||
cursor: default; |
|||
background-color: #d43f3a; |
|||
border-color: #d43f3a |
|||
} |
|||
|
|||
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span { |
|||
color: #999; |
|||
cursor: not-allowed; |
|||
background-color: #fff; |
|||
border-color: #ddd |
|||
} |
|||
|
|||
.pagination-lg>li>a,.pagination-lg>li>span { |
|||
padding: 10px 16px; |
|||
font-size: 18px |
|||
} |
|||
|
|||
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span { |
|||
border-bottom-left-radius: 6px; |
|||
border-top-left-radius: 6px |
|||
} |
|||
|
|||
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span { |
|||
border-top-right-radius: 6px; |
|||
border-bottom-right-radius: 6px |
|||
} |
|||
|
|||
.pagination-sm>li>a,.pagination-sm>li>span { |
|||
padding: 5px 10px; |
|||
font-size: 12px |
|||
} |
|||
|
|||
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span { |
|||
border-bottom-left-radius: 3px; |
|||
border-top-left-radius: 3px |
|||
} |
|||
|
|||
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span { |
|||
border-top-right-radius: 3px; |
|||
border-bottom-right-radius: 3px |
|||
} |
|||
a{text-decoration: none;} |
|||
|
|||
|
|||
.partialBorder{ |
|||
cursor: pointer; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 60; |
|||
} |
|||
.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); |
|||
} |
|||
|
|||
.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; |
|||
} |
|||
/* 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); |
|||
|
|||
} |
|||
|
|||
|
|||
.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; |
|||
} |
|||
|
|||
.fistcardtitle{ |
|||
top: 36px; |
|||
position: relative |
|||
} |
|||
.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; |
|||
} |
|||
|
|||
|
|||
/* 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 { |
|||
color: var(--color); |
|||
-webkit-transition: 0.25s; |
|||
transition: 0.25s; |
|||
} |
|||
.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; |
|||
} |
|||
.newsactive2{ |
|||
color:rgba(240,60,24,1) !important ; |
|||
} |
|||
.newsactive2 .norimg{ |
|||
background-image: url(../images/select.png) !important; |
|||
} |
|||
.cursor_text{cursor: text;!important;} |
|||
|
|||
.qricon7{ |
|||
background-image: url(../images/qrcode/qrcode7.jpg); |
|||
} |
|||
.qricon8{ |
|||
background-image: url(../images/qrcode/qrcode8.jpg); |
|||
} |
|||
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { |
|||
-webkit-appearance: none !important; |
|||
margin: 0; |
|||
} |
|||
input[type="number"]{ |
|||
-moz-appearance: textfield; |
|||
} |
|||
.required-sgin{ |
|||
color: red; |
|||
padding-left: 10px; |
|||
line-height: 52px; |
|||
} |
|||
@ -0,0 +1,592 @@ |
|||
.culturebgimg2{ |
|||
background-image: url(../images/rubbish/culture02.png); |
|||
filter:alpha(Opacity=60); |
|||
position: static; |
|||
*zoom: 1; |
|||
} |
|||
.culturebgimg3{ |
|||
background-image: url(../images/rubbish/culture03.png); |
|||
filter:alpha(Opacity=60); |
|||
position: static; |
|||
*zoom: 1; |
|||
} |
|||
.culturebgimg4{ |
|||
background-image: url(../images/rubbish/culture04.png); |
|||
filter:alpha(Opacity=60); |
|||
position: static; |
|||
*zoom: 1; |
|||
} |
|||
.companyheader{ |
|||
width: 110px; |
|||
height: 110px; |
|||
-webkit-border-radius: 110px; |
|||
border-radius: 110px; |
|||
} |
|||
.adlefttopimg2{ |
|||
background-image: url(../images/rubbish/ad02.png); |
|||
} |
|||
.adlefttopimg3{ |
|||
background-image: url(../images/rubbish/ad03.png); |
|||
} |
|||
.adlefttopimg4{ |
|||
background-image: url(../images/rubbish/ad04.png); |
|||
} |
|||
.businessimgages2{ |
|||
background-image: url(../images/rubbish/business02.png); |
|||
} |
|||
.businessimgages3{ |
|||
background-image: url(../images/rubbish/business03.png); |
|||
} |
|||
.threeimg2{ |
|||
margin: 0 21px; |
|||
background-image: url(../images/rubbish/threemode02.png); |
|||
} |
|||
.threeimg3{ |
|||
background-image: url(../images/rubbish/threemode03.png); |
|||
} |
|||
.pagination a{ |
|||
color: #666; |
|||
} |
|||
.list-page{ |
|||
margin: 20px auto; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.pagination { |
|||
display: inline-block; |
|||
padding-left: 0; |
|||
margin: 20px 0; |
|||
border-radius: 4px |
|||
} |
|||
|
|||
.pagination>li { |
|||
display: inline |
|||
} |
|||
|
|||
.pagination>li>a,.pagination>li>span { |
|||
position: relative; |
|||
float: left; |
|||
padding: 6px 12px; |
|||
margin-left: -1px; |
|||
line-height: 1.428571429; |
|||
text-decoration: none; |
|||
background-color: #fff; |
|||
border: 1px solid #ddd |
|||
} |
|||
|
|||
.pagination>li:first-child>a,.pagination>li:first-child>span { |
|||
margin-left: 0; |
|||
border-bottom-left-radius: 4px; |
|||
border-top-left-radius: 4px |
|||
} |
|||
|
|||
.pagination>li:last-child>a,.pagination>li:last-child>span { |
|||
border-top-right-radius: 4px; |
|||
border-bottom-right-radius: 4px |
|||
} |
|||
|
|||
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover { |
|||
background-color: #eee |
|||
} |
|||
|
|||
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { |
|||
z-index: 2; |
|||
color: #fff; |
|||
cursor: default; |
|||
background-color: #d43f3a; |
|||
border-color: #d43f3a |
|||
} |
|||
|
|||
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span { |
|||
color: #999; |
|||
cursor: not-allowed; |
|||
background-color: #fff; |
|||
border-color: #ddd |
|||
} |
|||
|
|||
.pagination-lg>li>a,.pagination-lg>li>span { |
|||
padding: 10px 16px; |
|||
font-size: 18px |
|||
} |
|||
|
|||
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span { |
|||
border-bottom-left-radius: 6px; |
|||
border-top-left-radius: 6px |
|||
} |
|||
|
|||
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span { |
|||
border-top-right-radius: 6px; |
|||
border-bottom-right-radius: 6px |
|||
} |
|||
|
|||
.pagination-sm>li>a,.pagination-sm>li>span { |
|||
padding: 5px 10px; |
|||
font-size: 12px |
|||
} |
|||
|
|||
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span { |
|||
border-bottom-left-radius: 3px; |
|||
border-top-left-radius: 3px |
|||
} |
|||
|
|||
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span { |
|||
border-top-right-radius: 3px; |
|||
border-bottom-right-radius: 3px |
|||
} |
|||
a{text-decoration: none;} |
|||
.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%;} |
|||
|
|||
.partialBorder{ |
|||
cursor: pointer; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 60; |
|||
} |
|||
.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); |
|||
} |
|||
|
|||
.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; |
|||
} |
|||
/* 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); |
|||
|
|||
} |
|||
|
|||
|
|||
.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; |
|||
} |
|||
|
|||
.fistcardtitle{ |
|||
top: 36px; |
|||
position: relative |
|||
} |
|||
.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; |
|||
} |
|||
|
|||
|
|||
/* 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-family: Helvetica, Arial, sans-serif; |
|||
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 { |
|||
color: var(--color); |
|||
-webkit-transition: 0.25s; |
|||
transition: 0.25s; |
|||
} |
|||
.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; |
|||
} |
|||
.newsactive2{ |
|||
color:rgba(240,60,24,1) !important ; |
|||
} |
|||
.newsactive2 .norimg{ |
|||
background-image: url(../images/select.png) !important; |
|||
} |
|||
.cursor_text{cursor: text;!important;} |
|||
|
|||
.qricon7{ |
|||
background-image: url(../images/qrcode/qrcode7.jpg); |
|||
} |
|||
.qricon8{ |
|||
background-image: url(../images/qrcode/qrcode8.jpg); |
|||
} |
|||
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { |
|||
-webkit-appearance: none !important; |
|||
margin: 0; |
|||
} |
|||
input[type="number"]{ |
|||
-moz-appearance: textfield; |
|||
} |
|||
.required-sgin{ |
|||
color: red; |
|||
padding-left: 10px; |
|||
line-height: 52px; |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
@ -0,0 +1,196 @@ |
|||
.sf-menu,.sf-menu * { |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style: none |
|||
} |
|||
|
|||
.sf-menu li { |
|||
position: relative |
|||
} |
|||
|
|||
.sf-menu ul { |
|||
position: absolute; |
|||
display: none; |
|||
top: 100%; |
|||
left: 0; |
|||
z-index: 99 |
|||
} |
|||
|
|||
.sf-menu>li { |
|||
float: left |
|||
} |
|||
|
|||
.sf-menu>li>a>.headicon { |
|||
height: 30px; |
|||
margin-top: -5px; |
|||
margin-right: 5px |
|||
} |
|||
|
|||
.sf-menu li.sfHover>ul,.sf-menu li:hover>ul { |
|||
display: block |
|||
} |
|||
|
|||
.sf-menu .sf-with-ul a { |
|||
display: block; |
|||
position: relative |
|||
} |
|||
|
|||
.sf-menu ul ul { |
|||
top: 0; |
|||
left: 100% |
|||
} |
|||
|
|||
.menu ul { |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style: none |
|||
} |
|||
|
|||
.menu ul li { |
|||
position: relative |
|||
} |
|||
|
|||
.menu ul ul { |
|||
position: absolute; |
|||
display: none; |
|||
top: 100%; |
|||
left: 0; |
|||
z-index: 100; |
|||
width: 175px |
|||
} |
|||
|
|||
.menu>ul li { |
|||
float: left |
|||
} |
|||
|
|||
.menu ul li:hover>ul { |
|||
display: block |
|||
} |
|||
|
|||
.menu ul a { |
|||
display: block; |
|||
position: relative |
|||
} |
|||
|
|||
.menu ul ul ul { |
|||
top: 0; |
|||
left: 100% |
|||
} |
|||
|
|||
.menu ul a { |
|||
text-decoration: none |
|||
} |
|||
|
|||
.menu ul>li>a { |
|||
color: #313131; |
|||
font-weight: 400; |
|||
font-size: 16px; |
|||
line-height: 18px; |
|||
padding: 10px 15px; |
|||
overflow: hidden; |
|||
border-bottom: 3px solid transparent |
|||
} |
|||
|
|||
.menu ul>li>a:hover { |
|||
color: #fff |
|||
} |
|||
|
|||
#current,.menu ul li a:hover,.menu ul>li:hover>a { |
|||
background-color: #930; |
|||
color: #fff; |
|||
} |
|||
|
|||
#current:after { |
|||
bottom: -2.5px; |
|||
content: ''; |
|||
left: 50%; |
|||
display: block; |
|||
height: 5px; |
|||
margin: 0 0 0 -2.5px; |
|||
-webkit-transform: rotate(45deg); |
|||
-moz-transform: rotate(45deg); |
|||
-ms-transform: rotate(45deg); |
|||
-o-transform: rotate(45deg); |
|||
transform: rotate(45deg); |
|||
position: absolute; |
|||
width: 5px |
|||
} |
|||
|
|||
.ie8 #current:after { |
|||
display: none |
|||
} |
|||
|
|||
.menu ul li a { |
|||
-webkit-transition: border 150ms ease-in-out,background-color 150ms ease-in-out; |
|||
-moz-transition: border 150ms ease-in-out,background-color 150ms ease-in-out; |
|||
-o-transition: border 150ms ease-in-out,background-color 150ms ease-in-out; |
|||
-ms-transition: border 150ms ease-in-out,background-color 150ms ease-in-out; |
|||
transition: border 150ms ease-in-out,background-color 150ms ease-in-out |
|||
} |
|||
|
|||
.menu ul ul { |
|||
background-color: #fff; |
|||
z-index: 999; |
|||
border-radius: 0 0 3px 3px; |
|||
margin: -3px 0 0 0; |
|||
box-shadow: 0 1px 3px rgba(0,0,0,.04) |
|||
} |
|||
|
|||
.menu>ul ul li:hover>a { |
|||
border-bottom: 0; |
|||
/*background: 0 0*/ |
|||
} |
|||
|
|||
.menu ul ul li { |
|||
margin: 0; |
|||
padding: 0; |
|||
width: 100% |
|||
} |
|||
|
|||
.menu ul ul li a { |
|||
color: #313131; |
|||
font-size: 13px; |
|||
line-height: 18px; |
|||
padding: 10px 16px!important; |
|||
border: 0; |
|||
-webkit-transition: all .4s ease-in-out; |
|||
-moz-transition: all .4s ease-in-out; |
|||
-o-transition: all .4s ease-in-out; |
|||
-ms-transition: all .4s ease-in-out; |
|||
transition: all .4s ease-in-out |
|||
} |
|||
|
|||
.menu ul ul li { |
|||
border-left: 1px solid #e5e5e5; |
|||
border-right: 1px solid #e5e5e5; |
|||
border-bottom: 1px solid #e5e5e5 |
|||
} |
|||
|
|||
.menu ul ul li a:hover { |
|||
color: #fff; |
|||
background-color: #930; |
|||
border: 0; |
|||
padding-left: 21px!important |
|||
} |
|||
|
|||
.menu ul ul li a:last-child:hover { |
|||
border-radius: 0 0 3px 3px |
|||
} |
|||
|
|||
.menu ul ul ul { |
|||
border-radius: 0 3px 3px 3px; |
|||
margin: -1px 0 0 0 |
|||
} |
|||
|
|||
.sf-sub-indicator { |
|||
color: #c6c6c6; |
|||
margin: 0; |
|||
width: 11px; |
|||
display: inline-block; |
|||
font-size: 12px!important; |
|||
line-height: 0 |
|||
} |
|||
|
|||
.menu ul ul .sf-sub-indicator .icon-chevron-down { |
|||
display: none |
|||
} |
|||
@ -0,0 +1,851 @@ |
|||
@media(min-width:1200px) { |
|||
body.boxed { |
|||
width: 1230px; |
|||
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2); |
|||
box-shadow: 0 0 10px 0 rgba(0,0,0,.2); |
|||
background: url(../images/patterns/whitey.png) repeat; |
|||
margin: 0 auto |
|||
} |
|||
|
|||
body.boxed #header .main-header { |
|||
width: 1230px; |
|||
margin: 0 auto |
|||
} |
|||
} |
|||
|
|||
@media (max-width:991px) { |
|||
#cn-tabs .service { |
|||
border-bottom-color: #ddd; |
|||
border-bottom-width: 1px |
|||
} |
|||
|
|||
.sf-menu>li>.menu-login { |
|||
height: 41px |
|||
} |
|||
} |
|||
|
|||
@media (min-width:768px) and (max-width:991px) { |
|||
body.boxed { |
|||
width: 100% |
|||
} |
|||
|
|||
.modal-avatar { |
|||
top: 120px; |
|||
} |
|||
|
|||
.navbar-toggle { |
|||
position: relative; |
|||
float: none; |
|||
padding: 9px 10px; |
|||
margin-top: 8px; |
|||
margin-bottom: 8px; |
|||
background-color: transparent; |
|||
border: 1px solid #ddd; |
|||
border-radius: 4px; |
|||
display: block |
|||
} |
|||
|
|||
.navbar-header,.navbar-nav { |
|||
float: none |
|||
} |
|||
|
|||
.navbar-collapse.collapse { |
|||
display: none!important; |
|||
height: auto!important; |
|||
overflow: visible!important; |
|||
padding-bottom: 0 |
|||
} |
|||
|
|||
.our-clients,.recentworks { |
|||
overflow: hidden |
|||
} |
|||
|
|||
.portfolio-desc { |
|||
margin-bottom: 40px |
|||
} |
|||
|
|||
.portfolio.two-column .view h3 { |
|||
margin-top: 50px |
|||
} |
|||
|
|||
.nivo-directionNav a { |
|||
top: 30% |
|||
} |
|||
|
|||
#cn-tabs .service { |
|||
margin-bottom: 40px |
|||
} |
|||
|
|||
#cn-tabs .service:before { |
|||
content: ""; |
|||
position: absolute; |
|||
left: 46%; |
|||
top: auto!important; |
|||
right: auto!important; |
|||
bottom: 23px; |
|||
-webkit-transform: rotate(45deg); |
|||
-moz-transform: rotate(45deg); |
|||
-o-transform: rotate(45deg); |
|||
-ms-transform: rotate(45deg); |
|||
transform: rotate(45deg); |
|||
border-bottom: 1px solid #ddd; |
|||
border-top: 0 |
|||
} |
|||
|
|||
#flickrfeed li { |
|||
margin: 3px 3px 0 0 |
|||
} |
|||
|
|||
.team .item { |
|||
margin-top: 25px |
|||
} |
|||
} |
|||
|
|||
@media (min-width:992px) { |
|||
nav.menu { |
|||
float: right!important |
|||
} |
|||
|
|||
.modal-avatar { |
|||
top: 120px; |
|||
} |
|||
|
|||
.menu>ul li { |
|||
float: left |
|||
} |
|||
|
|||
.menu ul>li>a { |
|||
padding: 34px 10px 31px 10px |
|||
} |
|||
|
|||
.sf-menu>li>.menu-login { |
|||
height: 86px |
|||
} |
|||
} |
|||
|
|||
@media (max-width:767px) { |
|||
body.boxed { |
|||
width: 100% |
|||
} |
|||
|
|||
.modal-avatar { |
|||
top: 220px; |
|||
} |
|||
|
|||
.get-started .pull-right,.logo.pull-left,.top-bar .pull-left,.top-bar .pull-right { |
|||
float: none!important |
|||
} |
|||
|
|||
.logo.pull-left { |
|||
display: block; |
|||
text-align: center; |
|||
margin: 0 |
|||
} |
|||
|
|||
.navbar-fixed-top { |
|||
position: relative!important; |
|||
top: auto |
|||
} |
|||
|
|||
header .top-bar { |
|||
min-height: 0; |
|||
padding: 3px 0 |
|||
} |
|||
|
|||
.navbar-toggle { |
|||
float: none; |
|||
text-align: center; |
|||
padding: 0; |
|||
display: block |
|||
} |
|||
|
|||
.mobile.navbar-header { |
|||
margin-bottom: 5px |
|||
} |
|||
|
|||
.topnav a.navbar-toggle { |
|||
padding: 0; |
|||
line-height: 18px; |
|||
margin-top: -1px |
|||
} |
|||
|
|||
.navbar-toggle:focus,.navbar-toggle:hover { |
|||
background-color: transparent |
|||
} |
|||
|
|||
.mobile .navbar-toggle i { |
|||
padding: 9px 12px; |
|||
border-radius: 3px!important |
|||
} |
|||
|
|||
.topnav .navbar-toggle { |
|||
display: block; |
|||
float: none; |
|||
margin: 0 auto; |
|||
border: none; |
|||
border-top-left-radius: 0; |
|||
border-top-right-radius: 0; |
|||
border-bottom-left-radius: 2px; |
|||
border-bottom-right-radius: 2px |
|||
} |
|||
|
|||
.topnav .navbar-toggle i { |
|||
border-radius: 0 0 2px 2px!important; |
|||
padding: 0 8px; |
|||
font-size: 19px; |
|||
cursor: pointer |
|||
} |
|||
|
|||
.top-bar { |
|||
text-align: center; |
|||
padding: 0 15px 10px!important |
|||
} |
|||
|
|||
.slidedown .social { |
|||
padding-bottom: 10px |
|||
} |
|||
|
|||
.phone-email { |
|||
padding: 5px 0 3px |
|||
} |
|||
|
|||
.top-bar #search-form { |
|||
display: none |
|||
} |
|||
|
|||
div.content-box.big.bottom-pad-small { |
|||
margin-bottom: 80px |
|||
} |
|||
|
|||
.portfolio-item { |
|||
margin-bottom: 20px |
|||
} |
|||
|
|||
.portfolio-wrap .item { |
|||
width: 100% |
|||
} |
|||
|
|||
.tp-caption h3 { |
|||
font-size: 14px!important; |
|||
line-height: 25px!important |
|||
} |
|||
|
|||
.tp-caption h5 { |
|||
font-size: 11px!important; |
|||
line-height: 24px; |
|||
margin: 10px 0 0 10px |
|||
} |
|||
|
|||
.tp-caption i { |
|||
background: 0 0!important; |
|||
font-size: 11px!important; |
|||
margin-right: 0!important; |
|||
color: #666; |
|||
line-height: 34px!important; |
|||
margin-right: 5px!important; |
|||
width: 11px!important |
|||
} |
|||
|
|||
.list-slide { |
|||
margin-bottom: 5px |
|||
} |
|||
|
|||
.slogan h2 { |
|||
text-align: center; |
|||
line-height: 44px; |
|||
margin-top: 0 |
|||
} |
|||
|
|||
.slogan h3 { |
|||
text-align: center; |
|||
line-height: 32px |
|||
} |
|||
|
|||
.slogan-content p { |
|||
text-align: center |
|||
} |
|||
|
|||
.get-started { |
|||
text-align: center; |
|||
margin-bottom: 15px |
|||
} |
|||
|
|||
.breadcrumb-wrapper { |
|||
text-align: center |
|||
} |
|||
|
|||
.breadcrumbs.pull-right { |
|||
float: none!important |
|||
} |
|||
|
|||
.blog-small article .post-image { |
|||
width: 99.7% |
|||
} |
|||
|
|||
.blog-small article .post-content-wrap { |
|||
float: left; |
|||
margin: 0; |
|||
padding: 0; |
|||
width: 95% |
|||
} |
|||
|
|||
.main-content .bottom-pad { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
.main-content .content-box { |
|||
margin-bottom: 40px; |
|||
display: inline-block |
|||
} |
|||
|
|||
.features .bottom-pad-small { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
.services .bottom-pad-small { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
.img-content { |
|||
float: none; |
|||
margin: 0 0 15px |
|||
} |
|||
|
|||
.portfolio-desc { |
|||
margin-bottom: 40px |
|||
} |
|||
|
|||
.portfolio.two-column .view h3 { |
|||
margin-top: 50px |
|||
} |
|||
|
|||
.portfolio.three-column .view h3 { |
|||
margin-top: 30px |
|||
} |
|||
|
|||
#cn-tabs .service { |
|||
margin-bottom: 40px |
|||
} |
|||
|
|||
#cn-tabs .service:before { |
|||
content: ""; |
|||
position: absolute; |
|||
left: 44%; |
|||
top: auto!important; |
|||
right: auto!important; |
|||
bottom: 23px; |
|||
-webkit-transform: rotate(45deg); |
|||
-moz-transform: rotate(45deg); |
|||
-o-transform: rotate(45deg); |
|||
-ms-transform: rotate(45deg); |
|||
transform: rotate(45deg); |
|||
border-bottom: 1px solid #ddd; |
|||
border-top: 0 |
|||
} |
|||
|
|||
.latest-posts .post-item { |
|||
margin-bottom: 30px |
|||
} |
|||
|
|||
.col-xs-12 .btn { |
|||
font-size: 11px |
|||
} |
|||
|
|||
.our-clients .item { |
|||
text-align: center |
|||
} |
|||
|
|||
footer section { |
|||
margin-bottom: 35px |
|||
} |
|||
|
|||
.footer-bottom { |
|||
text-align: center |
|||
} |
|||
|
|||
.social-icons-footer-bottom { |
|||
display: inline-block; |
|||
float: none |
|||
} |
|||
|
|||
div.p_table div.column_1,div.p_table div.column_2,div.p_table div.column_3,div.p_table div.column_4,div.p_table.three-col div.column_1,div.p_table.three-col div.column_2,div.p_table.three-col div.column_3 { |
|||
width: 100%; |
|||
margin-bottom: 25px |
|||
} |
|||
|
|||
.testimonial.item { |
|||
margin-bottom: 25px |
|||
} |
|||
|
|||
.team .item { |
|||
margin-top: 25px |
|||
} |
|||
|
|||
.about .testimonials.widget { |
|||
margin-top: 30px |
|||
} |
|||
|
|||
.nivo-directionNav a { |
|||
top: 30% |
|||
} |
|||
} |
|||
|
|||
@media (min-width:992px) { |
|||
.top-bar .collapse { |
|||
display: block!important; |
|||
height: auto!important; |
|||
overflow: visible!important; |
|||
padding-bottom: 0 |
|||
} |
|||
} |
|||
|
|||
@media (min-width:992px) and (max-width:1199px) { |
|||
body.boxed { |
|||
width: 100% |
|||
} |
|||
|
|||
.slogan h2 { |
|||
display: inline-block; |
|||
font-size: 24px; |
|||
line-height: 36px; |
|||
margin: 10px 0 |
|||
} |
|||
|
|||
.get-started { |
|||
padding-top: 1px |
|||
} |
|||
|
|||
.tp-caption .btn-special { |
|||
padding: 10px 15px; |
|||
font-size: 14px |
|||
} |
|||
|
|||
.view p { |
|||
padding: 10px 20px 0; |
|||
font-size: 14px |
|||
} |
|||
|
|||
.portfolio.two-column .view h3 { |
|||
margin-top: 100px |
|||
} |
|||
|
|||
.portfolio.three-column .view h3 { |
|||
margin-top: 50px |
|||
} |
|||
|
|||
#horizontal-tabs ul.tabs li { |
|||
text-align: center; |
|||
} |
|||
} |
|||
|
|||
@media (min-width:768px) and (max-width:991px) { |
|||
.get-started .pull-right { |
|||
float: none!important |
|||
} |
|||
|
|||
.logo.pull-left { |
|||
margin: 0 0 20px |
|||
} |
|||
|
|||
.portfolio-wrap .view h3 { |
|||
font-size: 14px; |
|||
margin: 10px 0 0; |
|||
padding: 5px 0 |
|||
} |
|||
|
|||
.portfolio-wrap .view p { |
|||
font-size: 11px; |
|||
padding: 0 20px |
|||
} |
|||
|
|||
.portfolio-wrap .view a.info { |
|||
padding: 2px 8px |
|||
} |
|||
|
|||
.portfolio.three-column .view h3 { |
|||
margin-top: 7px |
|||
} |
|||
|
|||
header .top-bar { |
|||
min-height: 0; |
|||
padding: 3px 0 |
|||
} |
|||
#header .container{ |
|||
min-width: 760px!important; |
|||
} |
|||
.navbar-toggle { |
|||
float: none; |
|||
text-align: center; |
|||
padding: 0; |
|||
display: block; |
|||
border: none; |
|||
border-radius: 0 |
|||
} |
|||
|
|||
.mobile.navbar-header { |
|||
float: none; |
|||
margin: 20px 0 0 92.5%; |
|||
padding: 0 |
|||
} |
|||
|
|||
.topnav a.navbar-toggle { |
|||
line-height: 18px; |
|||
margin-top: -1px; |
|||
padding: 0 |
|||
} |
|||
|
|||
.navbar-toggle:focus,.navbar-toggle:hover { |
|||
background-color: transparent |
|||
} |
|||
|
|||
.mobile .navbar-toggle i { |
|||
padding: 9px 12px; |
|||
border-radius: 3px!important |
|||
} |
|||
|
|||
.topnav .navbar-toggle { |
|||
display: block; |
|||
float: none; |
|||
margin: 0 auto; |
|||
border: none; |
|||
border-top-left-radius: 0; |
|||
border-top-right-radius: 0; |
|||
border-bottom-left-radius: 2px; |
|||
border-bottom-right-radius: 2px |
|||
} |
|||
|
|||
.topnav .navbar-toggle i { |
|||
border-radius: 0 0 2px 2px!important; |
|||
padding: 0 8px; |
|||
font-size: 19px; |
|||
cursor: pointer |
|||
} |
|||
|
|||
.top-bar { |
|||
text-align: center; |
|||
padding: 0 15px 10px!important |
|||
} |
|||
|
|||
.slidedown .social { |
|||
margin-top: 12px |
|||
} |
|||
|
|||
.phone-email,.top-login { |
|||
padding: 12px 0 3px |
|||
} |
|||
|
|||
.top-bar #search-form { |
|||
display: none |
|||
} |
|||
|
|||
#horizontal-tabs ul.tabs li { |
|||
text-align: center; |
|||
} |
|||
|
|||
.tp-caption h3 { |
|||
font-size: 28px!important |
|||
} |
|||
|
|||
.tp-caption h5 { |
|||
font-size: 15px!important |
|||
} |
|||
|
|||
.tp-caption i { |
|||
font-size: 13px!important; |
|||
color: #fff; |
|||
line-height: 25px!important; |
|||
margin-right: 5px!important; |
|||
margin-top: -5px!important; |
|||
width: 25px!important; |
|||
height: 25px!important |
|||
} |
|||
|
|||
.tp-caption .btn-special { |
|||
padding: 9px 10px; |
|||
font-size: 11px |
|||
} |
|||
|
|||
.list-slide { |
|||
margin-bottom: 5px |
|||
} |
|||
|
|||
.slogan h2 { |
|||
text-align: center; |
|||
line-height: 44px; |
|||
margin-top: 0 |
|||
} |
|||
|
|||
.get-started { |
|||
text-align: center; |
|||
margin-bottom: 15px |
|||
} |
|||
|
|||
.main-content .bottom-pad { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
.main-content .content-box { |
|||
margin-bottom: 40px; |
|||
display: inline-block |
|||
} |
|||
|
|||
.features .bottom-pad-small { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
.features .feature-box { |
|||
margin-bottom: 30px; |
|||
display: inline-block |
|||
} |
|||
|
|||
.features .feature-box-info h4 { |
|||
margin-top: 0 |
|||
} |
|||
|
|||
.latest-posts .post-item { |
|||
margin-bottom: 30px |
|||
} |
|||
|
|||
.blog-showcase li { |
|||
margin-bottom: 20px |
|||
} |
|||
|
|||
.blog-showcase-thumb { |
|||
width: 375px |
|||
} |
|||
|
|||
.blog-showcase-extra-info { |
|||
left: 375px; |
|||
width: 375px |
|||
} |
|||
|
|||
footer section { |
|||
margin-bottom: 35px |
|||
} |
|||
|
|||
.social-icons-footer-bottom { |
|||
display: inline-block |
|||
} |
|||
} |
|||
|
|||
@media (max-width:768px) { |
|||
.services.big .content-box { |
|||
margin-bottom: 30px |
|||
} |
|||
|
|||
.services .bottom-pad { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
.services .content-box { |
|||
display: inline-block; |
|||
margin-bottom: 30px |
|||
} |
|||
|
|||
.services .feature-box { |
|||
margin-bottom: 20px; |
|||
display: inline-block |
|||
} |
|||
|
|||
.services .bottom-pad-small { |
|||
margin-bottom: 0 |
|||
} |
|||
|
|||
#not-found h2 { |
|||
font-size: 180px |
|||
} |
|||
} |
|||
|
|||
@media (min-width:992px) and (max-width:1048px) { |
|||
.blog-showcase-thumb { |
|||
width: 250px |
|||
} |
|||
|
|||
.blog-showcase-extra-info { |
|||
left: 250px; |
|||
width: 213px |
|||
} |
|||
|
|||
.blog-showcase ul li.blog-first-el { |
|||
padding-right: 212px |
|||
} |
|||
|
|||
.blog-showcase ul li .blog-showcase-extra-info { |
|||
filter: alpha(opacity=0); |
|||
opacity: 0!important |
|||
} |
|||
|
|||
.blog-showcase ul li.blog-first-el .blog-showcase-extra-info { |
|||
opacity: 1!important |
|||
} |
|||
} |
|||
|
|||
@media handheld,only screen and (max-width:1140px) { |
|||
.blog-showcase ul li .blog-showcase-extra-info { |
|||
zoom: 1; |
|||
filter: alpha(opacity=100); |
|||
opacity: 1 |
|||
} |
|||
} |
|||
|
|||
@media handheld,only screen and (max-width:640px) { |
|||
.blog-showcase ul li { |
|||
float: none!important; |
|||
display: block!important; |
|||
padding: 0!important; |
|||
margin-bottom: 15px |
|||
} |
|||
|
|||
.blog-showcase ul li .blog-showcase-extra-info { |
|||
display: none!important |
|||
} |
|||
|
|||
.blog-showcase ul li .blog-showcase-thumb { |
|||
max-width: 100%; |
|||
width: 100%!important; |
|||
height: auto!important; |
|||
line-height: 4px |
|||
} |
|||
|
|||
.blog-showcase ul li .blog-showcase-thumb img { |
|||
max-width: 100%; |
|||
width: 100%; |
|||
height: auto!important |
|||
} |
|||
} |
|||
|
|||
@media (min-width:992px) and (max-width:1024px) { |
|||
.csstransforms .cn-wrapper { |
|||
font-size: .9em |
|||
} |
|||
} |
|||
|
|||
@media only screen and (max-width:620px) { |
|||
.no-csstransforms li { |
|||
width: 4em; |
|||
height: 4em; |
|||
line-height: 4em |
|||
} |
|||
} |
|||
|
|||
@media only screen and (max-width:500px) { |
|||
.no-ccstransforms .cn-wrapper { |
|||
padding: .5em |
|||
} |
|||
|
|||
.no-csstransforms .cn-wrapper li { |
|||
font-size: .9em; |
|||
width: 4em; |
|||
height: 4em; |
|||
line-height: 4em |
|||
} |
|||
} |
|||
|
|||
@media only screen and (max-width:480px) { |
|||
.csstransforms .cn-wrapper { |
|||
font-size: .78em; |
|||
margin-left: -142px |
|||
} |
|||
|
|||
.cn-button { |
|||
font-size: 1em |
|||
} |
|||
} |
|||
|
|||
@media only screen and (max-width:420px) { |
|||
.no-csstransforms .cn-wrapper li { |
|||
width: 100%; |
|||
height: 3em; |
|||
line-height: 3em |
|||
} |
|||
} |
|||
@media (min-width:992px) and (max-width:1199px) { |
|||
.container { |
|||
max-width: 980px; |
|||
} |
|||
.logo img{ |
|||
margin-top:8px; |
|||
max-height:48px; |
|||
max-width: 160px; |
|||
margin-left: 5px; |
|||
} |
|||
} |
|||
@media (max-width: 991px){ |
|||
.yewu-img{ |
|||
display: none; |
|||
} |
|||
} |
|||
@media (max-width: 767px){ |
|||
.new-list{ |
|||
margin-top: 5px; |
|||
} |
|||
.new-list.new-right,.tabbable.gushi,.gushi-tab { |
|||
margin-left: 0; |
|||
} |
|||
.gushi-tab{ |
|||
margin-right: 0; |
|||
margin-top: 10px; |
|||
} |
|||
.yewu-right{ |
|||
padding-left: 15px; |
|||
} |
|||
} |
|||
@media (min-width: 992px){ |
|||
.tabbable.gushi { |
|||
margin-right: 0; |
|||
} |
|||
.list-menu{ |
|||
display: none!important; |
|||
} |
|||
} |
|||
@media (min-width:768px) and (max-width:992px) { |
|||
.tabbable.gushi { |
|||
margin-right: -15px; |
|||
margin-bottom: 10px; |
|||
} |
|||
} |
|||
@media (min-width: 1200px){ |
|||
.navbar-collapse.in { |
|||
overflow-y:auto; |
|||
} |
|||
.curprice span{ |
|||
display: inline-block!important; |
|||
width: 9.5%; |
|||
text-align: center; |
|||
} |
|||
} |
|||
@media (min-width:730px) and (max-width:1199px) { |
|||
.hidden-zk,.hidden-jk{ |
|||
display: none!important; |
|||
} |
|||
.curprice span{ |
|||
width: 11.8%; |
|||
} |
|||
} |
|||
@media (min-width:421px) and (max-width:731px) { |
|||
.hidden-zk,.hidden-jk,.hidden-zd,.hidden-zg,.hidden-zd{ |
|||
display: none!important; |
|||
} |
|||
.curprice span{ |
|||
width: 19%; |
|||
} |
|||
} |
|||
@media (max-width:420px) { |
|||
.curprice-container{ |
|||
padding: 10px 0!important; |
|||
} |
|||
.hidden-zk,.hidden-jk,.hidden-zd,.hidden-zg,.hidden-zd,.hidden-zjl,.hidden-zjje{ |
|||
display: none!important; |
|||
} |
|||
.curprice span{ |
|||
width: 32%; |
|||
} |
|||
.index_baojia a.title4{ |
|||
margin:0; |
|||
} |
|||
} |
|||
@media (min-width: 992px) { |
|||
.modal-lg { |
|||
width: 900px; |
|||
} |
|||
} |
|||
@ -0,0 +1,348 @@ |
|||
#container { |
|||
color: #838383; |
|||
font-size: 12px; |
|||
} |
|||
#uploader .queueList.filled { |
|||
margin: 0; |
|||
border: 3px dashed transparent; |
|||
} |
|||
#uploader .queueList.webuploader-dnd-over { |
|||
border: 3px dashed #999999; |
|||
} |
|||
|
|||
#uploader p {margin: 0;} |
|||
|
|||
.element-invisible { |
|||
position: absolute !important; |
|||
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ |
|||
clip: rect(1px,1px,1px,1px); |
|||
} |
|||
|
|||
#uploader .placeholder { |
|||
text-align: center; |
|||
color: #cccccc; |
|||
font-size: 18px; |
|||
position: relative; |
|||
} |
|||
|
|||
#uploader .placeholder .webuploader-pick { |
|||
font-size: 18px; |
|||
background: #930; |
|||
border-radius: 3px; |
|||
line-height: 44px; |
|||
padding: 0 30px; |
|||
*width: 120px; |
|||
color: #fff; |
|||
display: inline-block; |
|||
cursor: pointer; |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
#uploader .placeholder .webuploader-pick-hover { |
|||
background: #930; |
|||
} |
|||
|
|||
#uploader .placeholder .flashTip { |
|||
color: #666666; |
|||
font-size: 12px; |
|||
position: absolute; |
|||
width: 100%; |
|||
text-align: center; |
|||
bottom: 20px; |
|||
} |
|||
#uploader .placeholder .flashTip a { |
|||
color: #930; |
|||
text-decoration: none; |
|||
} |
|||
#uploader .placeholder .flashTip a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
#uploader .filelist { |
|||
list-style: none; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
#uploader .filelist:after { |
|||
content: ''; |
|||
display: block; |
|||
width: 0; |
|||
height: 0; |
|||
overflow: hidden; |
|||
clear: both; |
|||
} |
|||
|
|||
#uploader .filelist li { |
|||
width: 90px; |
|||
height: 90px; |
|||
background: url(../images/bg.png) no-repeat; |
|||
text-align: center; |
|||
margin: 0 8px 10px 0; |
|||
position: relative; |
|||
display: inline; |
|||
float: left; |
|||
overflow: hidden; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
#uploader .filelist li p.log { |
|||
position: relative; |
|||
top: -45px; |
|||
} |
|||
|
|||
#uploader .filelist li p.title { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow : ellipsis; |
|||
top: 5px; |
|||
text-indent: 5px; |
|||
text-align: left; |
|||
} |
|||
|
|||
#uploader .filelist li p.progress { |
|||
position: absolute; |
|||
width: 100%; |
|||
bottom: 0; |
|||
left: 0; |
|||
height: 8px; |
|||
overflow: hidden; |
|||
z-index: 50; |
|||
margin: 0; |
|||
border-radius: 0; |
|||
background: none; |
|||
-webkit-box-shadow: 0 0 0; |
|||
} |
|||
#uploader .filelist li p.progress span { |
|||
display: none; |
|||
overflow: hidden; |
|||
width: 0; |
|||
height: 100%; |
|||
background: #930 url(../images/progress.png) repeat-x; |
|||
|
|||
-webit-transition: width 200ms linear; |
|||
-moz-transition: width 200ms linear; |
|||
-o-transition: width 200ms linear; |
|||
-ms-transition: width 200ms linear; |
|||
transition: width 200ms linear; |
|||
|
|||
-webkit-animation: progressmove 2s linear infinite; |
|||
-moz-animation: progressmove 2s linear infinite; |
|||
-o-animation: progressmove 2s linear infinite; |
|||
-ms-animation: progressmove 2s linear infinite; |
|||
animation: progressmove 2s linear infinite; |
|||
|
|||
-webkit-transform: translateZ(0); |
|||
} |
|||
|
|||
@-webkit-keyframes progressmove { |
|||
0% { |
|||
background-position: 0 0; |
|||
} |
|||
100% { |
|||
background-position: 17px 0; |
|||
} |
|||
} |
|||
@-moz-keyframes progressmove { |
|||
0% { |
|||
background-position: 0 0; |
|||
} |
|||
100% { |
|||
background-position: 17px 0; |
|||
} |
|||
} |
|||
@keyframes progressmove { |
|||
0% { |
|||
background-position: 0 0; |
|||
} |
|||
100% { |
|||
background-position: 17px 0; |
|||
} |
|||
} |
|||
|
|||
#uploader .filelist li p.imgWrap { |
|||
position: relative; |
|||
z-index: 2; |
|||
line-height: 90px; |
|||
vertical-align: middle; |
|||
overflow: hidden; |
|||
width: 90px; |
|||
height: 90px; |
|||
|
|||
-webkit-transform-origin: 50% 50%; |
|||
-moz-transform-origin: 50% 50%; |
|||
-o-transform-origin: 50% 50%; |
|||
-ms-transform-origin: 50% 50%; |
|||
transform-origin: 50% 50%; |
|||
|
|||
-webit-transition: 200ms ease-out; |
|||
-moz-transition: 200ms ease-out; |
|||
-o-transition: 200ms ease-out; |
|||
-ms-transition: 200ms ease-out; |
|||
transition: 200ms ease-out; |
|||
} |
|||
|
|||
#uploader .filelist li img { |
|||
width: 100%; |
|||
} |
|||
|
|||
#uploader .filelist li p.error { |
|||
background: #f43838; |
|||
color: #fff; |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
height: 28px; |
|||
line-height: 28px; |
|||
width: 100%; |
|||
z-index: 100; |
|||
} |
|||
|
|||
#uploader .filelist li .success { |
|||
display: block; |
|||
position: absolute; |
|||
left: 0; |
|||
bottom: 0; |
|||
height: 40px; |
|||
width: 100%; |
|||
z-index: 200; |
|||
background: url(../images/success.png) no-repeat right bottom; |
|||
} |
|||
|
|||
#uploader .filelist div.file-panel { |
|||
position: absolute; |
|||
height: 0; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0; |
|||
background: rgba( 0, 0, 0, 0.5 ); |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
overflow: hidden; |
|||
z-index: 300; |
|||
} |
|||
|
|||
#uploader .filelist div.file-panel span { |
|||
width: 24px; |
|||
height: 24px; |
|||
display: inline; |
|||
float: right; |
|||
text-indent: -9999px; |
|||
overflow: hidden; |
|||
background: url(../images/icons.png) no-repeat; |
|||
margin: 5px 1px 1px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#uploader .filelist div.file-panel span.rotateLeft { |
|||
background-position: 0 -24px; |
|||
} |
|||
#uploader .filelist div.file-panel span.rotateLeft:hover { |
|||
background-position: 0 0; |
|||
} |
|||
|
|||
#uploader .filelist div.file-panel span.rotateRight { |
|||
background-position: -24px -24px; |
|||
} |
|||
#uploader .filelist div.file-panel span.rotateRight:hover { |
|||
background-position: -24px 0; |
|||
} |
|||
|
|||
#uploader .filelist div.file-panel span.cancel { |
|||
background-position: -48px -24px; |
|||
} |
|||
#uploader .filelist div.file-panel span.cancel:hover { |
|||
background-position: -48px 0; |
|||
} |
|||
|
|||
#uploader .statusBar { |
|||
height: 63px; |
|||
border-top: 1px solid #dadada; |
|||
padding: 0 20px; |
|||
line-height: 63px; |
|||
vertical-align: middle; |
|||
position: relative; |
|||
} |
|||
|
|||
#uploader .statusBar .progress { |
|||
border: 1px solid #930; |
|||
width: 198px; |
|||
background: #fff; |
|||
height: 18px; |
|||
position: relative; |
|||
display: inline-block; |
|||
text-align: center; |
|||
line-height: 20px; |
|||
color: #FF520C; |
|||
position: relative; |
|||
margin: 0 10px 0 0; |
|||
} |
|||
#uploader .statusBar .progress span.percentage { |
|||
width: 0; |
|||
height: 100%; |
|||
left: 0; |
|||
top: 0; |
|||
background: #930; |
|||
position: absolute; |
|||
} |
|||
#uploader .statusBar .progress span.text { |
|||
position: relative; |
|||
z-index: 10; |
|||
} |
|||
|
|||
#uploader .statusBar .info { |
|||
display: inline-block; |
|||
font-size: 14px; |
|||
color: #666666; |
|||
} |
|||
|
|||
#uploader .statusBar .btns { |
|||
position: absolute; |
|||
top: 10px; |
|||
right: 20px; |
|||
line-height: 40px; |
|||
} |
|||
|
|||
#filePicker2 { |
|||
display: inline-block; |
|||
float: left; |
|||
} |
|||
|
|||
#uploader .statusBar .btns .webuploader-pick, |
|||
#uploader .statusBar .btns .uploadBtn, |
|||
#uploader .statusBar .btns .uploadBtn.state-uploading, |
|||
#uploader .statusBar .btns .uploadBtn.state-paused { |
|||
background: #ffffff; |
|||
border: 1px solid #cfcfcf; |
|||
color: #565656; |
|||
padding: 0 18px; |
|||
display: inline-block; |
|||
border-radius: 3px; |
|||
margin-left: 10px; |
|||
cursor: pointer; |
|||
font-size: 14px; |
|||
float: left; |
|||
} |
|||
#uploader .statusBar .btns .webuploader-pick-hover, |
|||
#uploader .statusBar .btns .uploadBtn:hover, |
|||
#uploader .statusBar .btns .uploadBtn.state-uploading:hover, |
|||
#uploader .statusBar .btns .uploadBtn.state-paused:hover { |
|||
background: #f0f0f0; |
|||
} |
|||
|
|||
#uploader .statusBar .btns .uploadBtn { |
|||
background: #930; |
|||
color: #fff; |
|||
border-color: transparent; |
|||
} |
|||
#uploader .statusBar .btns .uploadBtn:hover { |
|||
background: #930; |
|||
} |
|||
|
|||
#uploader .statusBar .btns .uploadBtn.disabled { |
|||
pointer-events: none; |
|||
opacity: 0.6; |
|||
} |
|||
@ -0,0 +1,171 @@ |
|||
.venus-menu{ |
|||
width:100%; |
|||
margin:0; |
|||
padding:0; |
|||
position:relative; |
|||
font-family:'Open Sans', sans-serif; |
|||
list-style:none; |
|||
} |
|||
.venus-menu li{ |
|||
display:inline-block; |
|||
margin:0 7px 0 0; |
|||
padding: 5px 0; |
|||
float:left; |
|||
line-height:42px; |
|||
position:relative; |
|||
} |
|||
.activemr{ |
|||
margin: 0; |
|||
} |
|||
.venus-menu > li > a{ |
|||
font-size:12px; |
|||
padding: 0 15px; |
|||
color:rgba(255,255,255,1); |
|||
text-decoration:none; |
|||
display:block; |
|||
-webkit-transition:color 0.2s linear, background 0.2s linear; |
|||
-moz-transition:color 0.2s linear, background 0.2s linear; |
|||
-ms-transition:color 0.2s linear, background 0.2s linear; |
|||
-o-transition:color 0.2s linear, background 0.2s linear; |
|||
transition:color 0.2s linear, background 0.2s linear; |
|||
} |
|||
.venus-menu li:hover > a, .venus-menu li.active a{ |
|||
background:rgba(235,76,18,1); |
|||
border-radius: 2px ; |
|||
color:#fff; |
|||
} |
|||
.venus-menu li.active ul a{ |
|||
background:rgba(255,255,255,1); |
|||
color:rgba(27,26,53,1); |
|||
} |
|||
.venus-menu > li > a i{ |
|||
color:#bababa; |
|||
} |
|||
.venus-menu > li:hover > a i, .venus-menu li.active a i{ |
|||
color:#fff; |
|||
} |
|||
.venus-menu ul, .venus-menu ul li ul{ |
|||
list-style:none; |
|||
margin:0; |
|||
padding:0; |
|||
display:none; |
|||
position:absolute; |
|||
z-index:99; |
|||
width:237px; |
|||
} |
|||
.venus-menu ul{ |
|||
top:52px; |
|||
left:0; |
|||
padding-top:10px; |
|||
background:rgba(255,255,255,1); |
|||
box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.08); |
|||
border-radius: 4px ; |
|||
} |
|||
.venus-menu > li > ul > li:first-child a:before{ |
|||
|
|||
} |
|||
.venus-menu > li > ul > li ul li:first-child a:before{ |
|||
|
|||
} |
|||
.venus-menu li ul li{ |
|||
line-height: 31px; |
|||
margin: 0 |
|||
} |
|||
.venus-menu ul li ul{ |
|||
top:0; |
|||
left:100%; |
|||
} |
|||
.venus-menu ul li{ |
|||
clear:both; |
|||
width:100%; |
|||
border:none; |
|||
} |
|||
.venus-menu ul li a{ |
|||
padding:2px 20px; |
|||
width:100%; |
|||
color:rgba(27,26,53,1); |
|||
font-size:14px; |
|||
text-decoration:none; |
|||
display:inline-block; |
|||
float:left; |
|||
clear:both; |
|||
box-sizing:border-box; |
|||
-moz-box-sizing:border-box; |
|||
-webkit-box-sizing:border-box; |
|||
-ms-box-sizing:border-box; |
|||
-o-box-sizing:border-box; |
|||
-webkit-transition:background 0.2s linear; |
|||
-moz-transition:background 0.2s linear; |
|||
-o-transition:background 0.2s linear; |
|||
-ms-transition:background 0.2s linear; |
|||
transition:background 0.2s linear; |
|||
} |
|||
.venus-menu ul li:hover > a{ |
|||
background:rgba(224,224,224,1); |
|||
color:rgba(27,26,53,1); |
|||
border-radius: 0px ; |
|||
} |
|||
.venus-menu > li > ul > li:first-child:hover a:before{ |
|||
|
|||
} |
|||
.venus-menu > li > ul > li ul li:first-child:hover a:before{ |
|||
|
|||
} |
|||
.venus-menu > li .indicator{ |
|||
position:absolute; |
|||
color:#bababa; |
|||
top:19px; |
|||
right:8px; |
|||
font-size:20px; |
|||
-webkit-transition:color 0.2s linear; |
|||
-moz-transition:color 0.2s linear; |
|||
-o-transition:color 0.2s linear; |
|||
-ms-transition:color 0.2s linear; |
|||
transition:color 0.2s linear; |
|||
} |
|||
.venus-menu > li:hover > .indicator{ |
|||
color:rgba(27,26,53,1); |
|||
} |
|||
.venus-menu ul > li .indicator{ |
|||
top:14px; |
|||
right:8px; |
|||
color:rgba(27,26,53,1); |
|||
} |
|||
.venus-menu i{ |
|||
line-height:20px !important; |
|||
margin-right:6px; |
|||
font-size:20px; |
|||
float:left; |
|||
} |
|||
.venus-menu > li.showhide{ |
|||
display:none; |
|||
width:100%; |
|||
height:46px; |
|||
cursor:pointer; |
|||
color:#777; |
|||
border-bottom:solid 1px rgba(0, 0, 0, 0.1); |
|||
background:#fff; |
|||
} |
|||
.venus-menu > li.showhide span.title{ |
|||
margin:13px 0 0 20px; |
|||
float:left; |
|||
} |
|||
.venus-menu > li.showhide span.icon{ |
|||
margin:16px 20px; |
|||
float:right; |
|||
} |
|||
.venus-menu > li.showhide .icon em{ |
|||
margin-bottom:3px; |
|||
display:block; |
|||
width:20px; |
|||
height:2px; |
|||
background:#ccc; |
|||
} |
|||
.zoom-out{ |
|||
-webkit-animation:zoomOut 600ms ease both; |
|||
-moz-animation:zoomOut 600ms ease both; |
|||
-o-animation:zoomOut 600ms ease both; |
|||
-ms-animation:zoomOut 600ms ease both; |
|||
animation:zoomOut 600ms ease both; |
|||
} |
|||
|
|||
@ -0,0 +1,30 @@ |
|||
.page-box{ |
|||
display: inline-block; |
|||
} |
|||
.page-contain{ |
|||
text-align: center; |
|||
font-size: 0px; |
|||
} |
|||
.page-contain a{ |
|||
font-size: 14px; |
|||
display: inline-block; |
|||
margin:5px 5px; |
|||
text-decoration: none; |
|||
color:rgba(144,129,95,1); |
|||
background-image: url(../../images/norpage.png); |
|||
width:32px; |
|||
height:32px; |
|||
line-height: 32px; |
|||
border-radius:3px; |
|||
} |
|||
.page-contain a.active{ |
|||
background-image: url(../../images/selectpage.png); |
|||
color:rgba(245,245,245,1); |
|||
} |
|||
.page-contain a:active{ |
|||
background-image: url(../../images/selectpage.png); |
|||
color:rgba(245,245,245,1); |
|||
} |
|||
.policycon{ |
|||
margin-top: 20px; |
|||
} |
|||
@ -0,0 +1,149 @@ |
|||
/** |
|||
* selectFilter --v1.0 |
|||
* |
|||
**/ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
li { |
|||
list-style: none; |
|||
} |
|||
|
|||
.filter-disabled { |
|||
-moz-user-select: none; |
|||
-webkit-user-select: none; |
|||
-ms-user-select: none; |
|||
-o-user-select: none; |
|||
} |
|||
|
|||
.filter-box { |
|||
position: relative; |
|||
} |
|||
|
|||
.filter-box select { |
|||
display: none; |
|||
} |
|||
|
|||
.filter-text { |
|||
height: 100%; |
|||
overflow: hidden; |
|||
position: relative; |
|||
cursor: pointer; |
|||
|
|||
background: rgba(255,255,255,0); |
|||
|
|||
} |
|||
|
|||
.filter-text input { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.filter-text .filter-title { |
|||
width: 100%; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
|
|||
border: 0; |
|||
background-color: transparent; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
padding: 0; |
|||
cursor: pointer; |
|||
width: 231px; |
|||
} |
|||
|
|||
.filter-list { |
|||
display: none; |
|||
width: 231px; |
|||
max-height: 300px; |
|||
background-color: #fff; |
|||
font-size: 12px; |
|||
position: relative; |
|||
left: 0; |
|||
z-index: 9999; |
|||
border: 1px solid #e6e6e6; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.filter-list li.filter-null a { |
|||
color:rgba(27,26,53,1); |
|||
} |
|||
|
|||
.filter-list li a { |
|||
display: block; |
|||
padding: 0 10px; |
|||
line-height: 36px; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
cursor: pointer; |
|||
color:rgba(27,26,53,1); |
|||
|
|||
} |
|||
|
|||
.filter-list li:hover { |
|||
background-color: #f2f2f2; |
|||
} |
|||
|
|||
.filter-list li.filter-selected { |
|||
background-color: rgba(224,224,224,1); |
|||
} |
|||
|
|||
.filter-list li.filter-selected a{ |
|||
display: block; |
|||
color:rgba(27,26,53,1); |
|||
} |
|||
|
|||
.filter-list li.filter-disabled { |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.filter-list li.filter-disabled a{ |
|||
display: block; |
|||
color:rgba(27,26,53,1); |
|||
} |
|||
|
|||
.filter-list li.filter-disabled:hover a { |
|||
cursor: not-allowed!important; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.icon { |
|||
position: absolute; |
|||
} |
|||
|
|||
.icon-filter-arrow { |
|||
width: 8px; |
|||
height: 6px; |
|||
background-repeat: no-repeat; |
|||
background-image: url(../images/icon_arrow_down_x2.png); |
|||
background-size: 100%; |
|||
right: 10px; |
|||
top: 13px; |
|||
transition: all .2s; |
|||
} |
|||
|
|||
.icon-filter-arrow.filter-show { |
|||
-webkit-transform: rotate(-180deg); |
|||
-moz-transform: rotate(-180deg); |
|||
-ms-transform: rotate(-180deg); |
|||
-o-transform: rotate(-180deg); |
|||
transform: rotate(-180deg); |
|||
} |
|||
|
|||
.filter-list::-webkit-scrollbar { |
|||
width: 4px; |
|||
height: 4px; |
|||
} |
|||
|
|||
.filter-list::-webkit-scrollbar-track { |
|||
background: #fff |
|||
} |
|||
|
|||
.filter-list::-webkit-scrollbar-thumb { |
|||
background: #CBCBCB; |
|||
} |
|||
@ -0,0 +1,602 @@ |
|||
/** |
|||
* Swiper 3.4.2 |
|||
* Most modern mobile touch slider and framework with hardware accelerated transitions |
|||
* |
|||
* http://www.idangero.us/swiper/ |
|||
* |
|||
* Copyright 2017, Vladimir Kharlampidi |
|||
* The iDangero.us |
|||
* http://www.idangero.us/ |
|||
* |
|||
* Licensed under MIT |
|||
* |
|||
* Released on: March 10, 2017 |
|||
*/ |
|||
.swiper-container { |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
position: relative; |
|||
overflow: hidden; |
|||
z-index: 1 |
|||
} |
|||
|
|||
.swiper-container-no-flexbox .swiper-slide { |
|||
float: left |
|||
} |
|||
|
|||
.swiper-container-vertical>.swiper-wrapper { |
|||
-webkit-box-orient: vertical; |
|||
-moz-box-orient: vertical; |
|||
-ms-box-orient: vertical; |
|||
-o-box-orient: vertical; |
|||
-ms-flex-direction: column; |
|||
-webkit-flex-direction: column; |
|||
-moz-flex-direction: column; |
|||
-o-flex-direction: column; |
|||
flex-direction: column |
|||
} |
|||
|
|||
.swiper-wrapper { |
|||
position: relative; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 1; |
|||
display: -webkit-box; |
|||
display: -moz-box; |
|||
display: -ms-flexbox; |
|||
display: -webkit-flex; |
|||
display: flex; |
|||
-webkit-transition-property: -webkit-transform; |
|||
-moz-transition-property: -moz-transform; |
|||
-o-transition-property: -o-transform; |
|||
-ms-transition-property: -ms-transform; |
|||
transition-property: transform; |
|||
-webkit-box-sizing: content-box; |
|||
-moz-box-sizing: content-box; |
|||
-ms-box-sizing: content-box; |
|||
-o-box-sizing: content-box; |
|||
box-sizing: content-box |
|||
} |
|||
|
|||
.swiper-container-android .swiper-slide,.swiper-wrapper { |
|||
-webkit-transform: translate3d(0,0,0); |
|||
-moz-transform: translate3d(0,0,0); |
|||
-o-transform: translate(0,0); |
|||
-ms-transform: translate3d(0,0,0); |
|||
transform: translate3d(0,0,0) |
|||
} |
|||
|
|||
.swiper-container-multirow>.swiper-wrapper { |
|||
-webkit-box-lines: multiple; |
|||
-moz-box-lines: multiple; |
|||
-ms-box-lines: multiple; |
|||
-o-box-lines: multiple; |
|||
-ms-flex-wrap: wrap; |
|||
-webkit-flex-wrap: wrap; |
|||
-moz-flex-wrap: wrap; |
|||
-o-flex-wrap: wrap; |
|||
flex-wrap: wrap |
|||
} |
|||
|
|||
.swiper-container-free-mode>.swiper-wrapper { |
|||
-webkit-transition-timing-function: ease-out; |
|||
-moz-transition-timing-function: ease-out; |
|||
-ms-transition-timing-function: ease-out; |
|||
-o-transition-timing-function: ease-out; |
|||
transition-timing-function: ease-out; |
|||
margin: 0 auto |
|||
} |
|||
|
|||
.swiper-slide { |
|||
-webkit-flex-shrink: 0; |
|||
-ms-flex: 0 0 auto; |
|||
flex-shrink: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
position: relative |
|||
} |
|||
|
|||
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { |
|||
height: auto |
|||
} |
|||
|
|||
.swiper-container-autoheight .swiper-wrapper { |
|||
-webkit-box-align: start; |
|||
-ms-flex-align: start; |
|||
-moz-flex-align: start; |
|||
-o-flex-align: start; |
|||
-webkit-align-items: flex-start; |
|||
-moz-align-items: flex-start; |
|||
-ms-align-items: flex-start; |
|||
-o-align-items: flex-start; |
|||
align-items: flex-start; |
|||
-webkit-transition-property: -webkit-transform,height; |
|||
-moz-transition-property: -moz-transform; |
|||
-o-transition-property: -o-transform; |
|||
-ms-transition-property: -ms-transform; |
|||
transition-property: transform,height |
|||
} |
|||
|
|||
.swiper-container .swiper-notification { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
pointer-events: none; |
|||
opacity: 0; |
|||
z-index: -1000 |
|||
} |
|||
|
|||
.swiper-wp8-horizontal { |
|||
-ms-touch-action: pan-y; |
|||
-moz-touch-action: pan-y; |
|||
-o-touch-action: pan-y; |
|||
-webkit-touch-action: pan-y; |
|||
touch-action: pan-y |
|||
} |
|||
|
|||
.swiper-wp8-vertical { |
|||
-ms-touch-action: pan-x; |
|||
-moz-touch-action: pan-x; |
|||
-o-touch-action: pan-x; |
|||
-webkit-touch-action: pan-x; |
|||
touch-action: pan-x |
|||
} |
|||
|
|||
.swiper-button-next,.swiper-button-prev { |
|||
position: absolute; |
|||
top: 50%; |
|||
width: 27px; |
|||
height: 44px; |
|||
margin-top: -22px; |
|||
z-index: 10; |
|||
cursor: pointer; |
|||
-moz-background-size: 27px 44px; |
|||
-webkit-background-size: 27px 44px; |
|||
-ms-background-size: 27px 44px; |
|||
-o-background-size: 27px 44px; |
|||
background-size: 27px 44px; |
|||
background-position: center; |
|||
background-repeat: no-repeat |
|||
} |
|||
|
|||
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { |
|||
background-color: rgba(255,255,255,0.35); |
|||
cursor: auto; |
|||
pointer-events: none |
|||
} |
|||
|
|||
.swiper-button-prev,.swiper-container-rtl .swiper-button-next { |
|||
background-image: url("../../images/leftbutton.png"); |
|||
background-size: 14px 23px; |
|||
|
|||
right: auto |
|||
} |
|||
|
|||
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { |
|||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") |
|||
} |
|||
|
|||
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { |
|||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") |
|||
} |
|||
|
|||
.swiper-button-next,.swiper-container-rtl .swiper-button-prev { |
|||
background-image: url("../../images/rightbutton.png"); |
|||
background-size: 14px 23px; |
|||
right: 0px; |
|||
left: auto |
|||
} |
|||
|
|||
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { |
|||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") |
|||
} |
|||
|
|||
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { |
|||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") |
|||
} |
|||
|
|||
.swiper-pagination { |
|||
position: absolute; |
|||
text-align: center; |
|||
-webkit-transition: .3s; |
|||
-moz-transition: .3s; |
|||
-o-transition: .3s; |
|||
-ms-transition: .3s; |
|||
transition: .3s; |
|||
-webkit-transform: translate3d(0,0,0); |
|||
-ms-transform: translate3d(0,0,0); |
|||
-o-transform: translate3d(0,0,0); |
|||
-moz-transform: translate3d(0,0,0); |
|||
transform: translate3d(0,0,0); |
|||
z-index: 10 |
|||
} |
|||
|
|||
.swiper-pagination.swiper-pagination-hidden { |
|||
opacity: 0 |
|||
} |
|||
|
|||
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { |
|||
bottom: 10px; |
|||
left: 0; |
|||
width: 100% |
|||
} |
|||
|
|||
.swiper-pagination-bullet { |
|||
width: 8px; |
|||
height: 8px; |
|||
display: inline-block; |
|||
border-radius: 100%; |
|||
background: #000; |
|||
opacity: .2 |
|||
} |
|||
|
|||
button.swiper-pagination-bullet { |
|||
border: none; |
|||
margin: 0; |
|||
padding: 0; |
|||
box-shadow: none; |
|||
-moz-appearance: none; |
|||
-ms-appearance: none; |
|||
-webkit-appearance: none; |
|||
-o-appearance: none; |
|||
appearance: none |
|||
} |
|||
|
|||
.swiper-pagination-clickable .swiper-pagination-bullet { |
|||
cursor: pointer |
|||
} |
|||
|
|||
.swiper-pagination-white .swiper-pagination-bullet { |
|||
background: #fff |
|||
} |
|||
|
|||
.swiper-pagination-bullet-active { |
|||
opacity: 1; |
|||
background: #007aff |
|||
} |
|||
|
|||
.swiper-pagination-white .swiper-pagination-bullet-active { |
|||
background: #fff |
|||
} |
|||
|
|||
.swiper-pagination-black .swiper-pagination-bullet-active { |
|||
background: #000 |
|||
} |
|||
|
|||
.swiper-container-vertical>.swiper-pagination-bullets { |
|||
right: 10px; |
|||
top: 50%; |
|||
-webkit-transform: translate3d(0,-50%,0); |
|||
-moz-transform: translate3d(0,-50%,0); |
|||
-o-transform: translate(0,-50%); |
|||
-ms-transform: translate3d(0,-50%,0); |
|||
transform: translate3d(0,-50%,0) |
|||
} |
|||
|
|||
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { |
|||
margin: 5px 0; |
|||
display: block |
|||
} |
|||
|
|||
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { |
|||
margin: 0 5px |
|||
} |
|||
|
|||
.swiper-pagination-progress { |
|||
background: rgba(0,0,0,.25); |
|||
position: absolute |
|||
} |
|||
|
|||
.swiper-pagination-progress .swiper-pagination-progressbar { |
|||
background: #007aff; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
-webkit-transform: scale(0); |
|||
-ms-transform: scale(0); |
|||
-o-transform: scale(0); |
|||
-moz-transform: scale(0); |
|||
transform: scale(0); |
|||
-webkit-transform-origin: left top; |
|||
-moz-transform-origin: left top; |
|||
-ms-transform-origin: left top; |
|||
-o-transform-origin: left top; |
|||
transform-origin: left top |
|||
} |
|||
|
|||
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { |
|||
-webkit-transform-origin: right top; |
|||
-moz-transform-origin: right top; |
|||
-ms-transform-origin: right top; |
|||
-o-transform-origin: right top; |
|||
transform-origin: right top |
|||
} |
|||
|
|||
.swiper-container-horizontal>.swiper-pagination-progress { |
|||
width: 100%; |
|||
height: 4px; |
|||
left: 0; |
|||
top: 0 |
|||
} |
|||
|
|||
.swiper-container-vertical>.swiper-pagination-progress { |
|||
width: 4px; |
|||
height: 100%; |
|||
left: 0; |
|||
top: 0 |
|||
} |
|||
|
|||
.swiper-pagination-progress.swiper-pagination-white { |
|||
background: rgba(255,255,255,.5) |
|||
} |
|||
|
|||
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { |
|||
background: #fff |
|||
} |
|||
|
|||
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { |
|||
background: #000 |
|||
} |
|||
|
|||
.swiper-container-3d { |
|||
-webkit-perspective: 1200px; |
|||
-moz-perspective: 1200px; |
|||
-o-perspective: 1200px; |
|||
-ms-perspective: 1200px; |
|||
perspective: 1200px |
|||
} |
|||
|
|||
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper { |
|||
-webkit-transform-style: preserve-3d; |
|||
-moz-transform-style: preserve-3d; |
|||
-ms-transform-style: preserve-3d; |
|||
-o-transform-style: preserve-3d; |
|||
transform-style: preserve-3d |
|||
} |
|||
|
|||
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
pointer-events: none; |
|||
z-index: 10 |
|||
} |
|||
|
|||
.swiper-container-3d .swiper-slide-shadow-left { |
|||
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); |
|||
background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) |
|||
} |
|||
|
|||
.swiper-container-3d .swiper-slide-shadow-right { |
|||
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); |
|||
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) |
|||
} |
|||
|
|||
.swiper-container-3d .swiper-slide-shadow-top { |
|||
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); |
|||
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) |
|||
} |
|||
|
|||
.swiper-container-3d .swiper-slide-shadow-bottom { |
|||
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); |
|||
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); |
|||
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) |
|||
} |
|||
|
|||
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper { |
|||
-ms-perspective: 1200px |
|||
} |
|||
|
|||
.swiper-container-cube,.swiper-container-flip { |
|||
overflow: visible |
|||
} |
|||
|
|||
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide { |
|||
pointer-events: none; |
|||
-webkit-backface-visibility: hidden; |
|||
-moz-backface-visibility: hidden; |
|||
-ms-backface-visibility: hidden; |
|||
backface-visibility: hidden; |
|||
z-index: 1 |
|||
} |
|||
|
|||
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide { |
|||
pointer-events: none |
|||
} |
|||
|
|||
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { |
|||
pointer-events: auto |
|||
} |
|||
|
|||
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top { |
|||
z-index: 0; |
|||
-webkit-backface-visibility: hidden; |
|||
-moz-backface-visibility: hidden; |
|||
-ms-backface-visibility: hidden; |
|||
backface-visibility: hidden |
|||
} |
|||
|
|||
.swiper-container-cube .swiper-slide { |
|||
visibility: hidden; |
|||
-webkit-transform-origin: 0 0; |
|||
-moz-transform-origin: 0 0; |
|||
-ms-transform-origin: 0 0; |
|||
transform-origin: 0 0; |
|||
width: 100%; |
|||
height: 100% |
|||
} |
|||
|
|||
.swiper-container-cube.swiper-container-rtl .swiper-slide { |
|||
-webkit-transform-origin: 100% 0; |
|||
-moz-transform-origin: 100% 0; |
|||
-ms-transform-origin: 100% 0; |
|||
transform-origin: 100% 0 |
|||
} |
|||
|
|||
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev { |
|||
pointer-events: auto; |
|||
visibility: visible |
|||
} |
|||
|
|||
.swiper-container-cube .swiper-cube-shadow { |
|||
position: absolute; |
|||
left: 0; |
|||
bottom: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #000; |
|||
opacity: .6; |
|||
-webkit-filter: blur(50px); |
|||
filter: blur(50px); |
|||
z-index: 0 |
|||
} |
|||
|
|||
.swiper-container-fade.swiper-container-free-mode .swiper-slide { |
|||
-webkit-transition-timing-function: ease-out; |
|||
-moz-transition-timing-function: ease-out; |
|||
-ms-transition-timing-function: ease-out; |
|||
-o-transition-timing-function: ease-out; |
|||
transition-timing-function: ease-out |
|||
} |
|||
|
|||
.swiper-container-fade .swiper-slide { |
|||
pointer-events: none; |
|||
-webkit-transition-property: opacity; |
|||
-moz-transition-property: opacity; |
|||
-o-transition-property: opacity; |
|||
transition-property: opacity |
|||
} |
|||
|
|||
.swiper-container-fade .swiper-slide .swiper-slide { |
|||
pointer-events: none |
|||
} |
|||
|
|||
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { |
|||
pointer-events: auto |
|||
} |
|||
|
|||
.swiper-zoom-container { |
|||
width: 100%; |
|||
height: 100%; |
|||
display: -webkit-box; |
|||
display: -moz-box; |
|||
display: -ms-flexbox; |
|||
display: -webkit-flex; |
|||
display: flex; |
|||
-webkit-box-pack: center; |
|||
-moz-box-pack: center; |
|||
-ms-flex-pack: center; |
|||
-webkit-justify-content: center; |
|||
justify-content: center; |
|||
-webkit-box-align: center; |
|||
-moz-box-align: center; |
|||
-ms-flex-align: center; |
|||
-webkit-align-items: center; |
|||
align-items: center; |
|||
text-align: center |
|||
} |
|||
|
|||
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { |
|||
max-width: 100%; |
|||
max-height: 100%; |
|||
object-fit: contain |
|||
} |
|||
|
|||
.swiper-scrollbar { |
|||
border-radius: 10px; |
|||
position: relative; |
|||
-ms-touch-action: none; |
|||
background: rgba(0,0,0,.1) |
|||
} |
|||
|
|||
.swiper-container-horizontal>.swiper-scrollbar { |
|||
position: absolute; |
|||
left: 1%; |
|||
bottom: 3px; |
|||
z-index: 50; |
|||
height: 5px; |
|||
width: 98% |
|||
} |
|||
|
|||
.swiper-container-vertical>.swiper-scrollbar { |
|||
position: absolute; |
|||
right: 3px; |
|||
top: 1%; |
|||
z-index: 50; |
|||
width: 5px; |
|||
height: 98% |
|||
} |
|||
|
|||
.swiper-scrollbar-drag { |
|||
height: 100%; |
|||
width: 100%; |
|||
position: relative; |
|||
background: rgba(0,0,0,.5); |
|||
border-radius: 10px; |
|||
left: 0; |
|||
top: 0 |
|||
} |
|||
|
|||
.swiper-scrollbar-cursor-drag { |
|||
cursor: move |
|||
} |
|||
|
|||
.swiper-lazy-preloader { |
|||
width: 42px; |
|||
height: 42px; |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
margin-left: -21px; |
|||
margin-top: -21px; |
|||
z-index: 10; |
|||
-webkit-transform-origin: 50%; |
|||
-moz-transform-origin: 50%; |
|||
transform-origin: 50%; |
|||
-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; |
|||
-moz-animation: swiper-preloader-spin 1s steps(12,end) infinite; |
|||
animation: swiper-preloader-spin 1s steps(12,end) infinite |
|||
} |
|||
|
|||
.swiper-lazy-preloader:after { |
|||
display: block; |
|||
content: ""; |
|||
width: 100%; |
|||
height: 100%; |
|||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); |
|||
background-position: 50%; |
|||
-webkit-background-size: 100%; |
|||
background-size: 100%; |
|||
background-repeat: no-repeat |
|||
} |
|||
|
|||
.swiper-lazy-preloader-white:after { |
|||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") |
|||
} |
|||
|
|||
@-webkit-keyframes swiper-preloader-spin { |
|||
100% { |
|||
-webkit-transform: rotate(360deg) |
|||
} |
|||
} |
|||
|
|||
@keyframes swiper-preloader-spin { |
|||
100% { |
|||
transform: rotate(360deg) |
|||
} |
|||
} |
|||
@ -0,0 +1,109 @@ |
|||
@font-face {font-family: "iconfont"; |
|||
src: url('iconfont.eot?t=1598838527474'); /* IE9 */ |
|||
src: url('iconfont.eot?t=1598838527474#iefix') format('embedded-opentype'), /* IE6-IE8 */ |
|||
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAaUAAsAAAAAD+gAAAZGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGDAqNTIs8ATYCJANcCzAABCAFhG0Hgj0b3w0jUnIWIfsPkMmtd0ACkoShs5y7hOU6pukIAIBxXgGogC+ADQAAaCiMguyW8Q1I8AtgAAAA8UDt97+z8u43045Ox5NqCRDFIiERktl0Mt50kRI4snt/dkJpo/rBF4AXuUqnD7Gydr+AKmqAAIL6OjdyUEg2I5xgcgMJkZjs8+hp6adLzZhOx+QG5FdgVLbx5H7/eUReOt8ningZLkIFsIVlBbgK3OxYQBmcd7wsCvRYn/wABvgAhzGAg8l9+run///7uTrRyCEUfYmL9/Jt88dE/8QEaarVrCSSmJ9OaVYJkdIbNqRth1XwWRMj4m4CGo1aFvYaW8lYxuqADlfrumScM8mWiqC+vao5M4dwX019vBEZ7oU/H/7ZzJiolvCR+9QKor//xwt61/6POOpzMOtj0T2PhGVkwu9a5zcixcllSeN4++wJRrVLWtf1Pr3SLx8WfEQoUKE32hyupSVs2+XChIcQOUrDHQT7QNkdjMp2k6bNmrdo2XBXNev077woyWoqdeo1aNSkWYtWUZt2HTp16dajl1Ch8mYI0zD0uTaMCwQKDUQKCySKCmSKBtQoOlBRTKCOYgH1FI8cuxQfQCMlBJooEdBMyYEWSgG0UkogUiqgjdID7ZQB6KCMQCdlA7ooO9BNOYAeymXVe1bOxSo2Cc+J70j4SFP/bGqCVFeC6EyCy+QoUPFWqaUl55bm3NDQYvTNFfMzBUPVAENzc0C40uZmtqo6w1s1XKAevDI1vfmGkOtvg9q2vQbX8vmuScloOkPFl6eTLtH8oXV3M4v371X3rXxf9fe1f+d5q216t4ZJh4TKgZVNSFjJ7h2FZHBzpKD6m3MyDW1aw5Fw+yuc6XQTOGvrnQ749XuqjXe+uf6ukZ2TCLtH91REn+w2RXV6VU2msmHLFMgsAaUGauXSSXU/KdfsiLOAVOzWaI1Wrdx2r5K3TKnep94quqaP5SiFpmYHqPbmN94LV1H1kXumezGwvSO7ajzPl36pB7M4tzPuce5n3OIOhh5MY2Zgs86wse60p67L40HD1tdyQRAgF3IFXS4RVqcjgV8nXMxU/cEmp1urZNUytUwFwQX06cuXLCIiPIK9egUbGfSq80E6/OkTd+QQhxETXfHTJ/h36PMn5ujo4MhgaRNV0d00VMb8hRxw3f18bh6Ep1yAmscc7gb75WsgmD0R4TC2P//8SZxwd3mRXL02bLjdcwdH2KdbF6NFuUYTsT56UZqC9MnJahA8daBdlr6s0mNMb5UYGPN6tHLShvR27NCDcqhDQtHyKyr4LB/Bz52DGFJOn8OrVyzSdI96/uY1PCijz/KqZ+2NRfHXr9fLXthyrkWvY2B21vRKK43BvIEpbc1b9mhAzVXr3549x7ZaNsvgn2+fuaMDP43DvdMirl2Dop6P8Hbrrt879gbLXMNFXLMWRem6Zo2YriM9PcRrKfR061DA7u6l1XX3nLJXjNSdO8dE0ZAaiJ0MhpcAJDU+CGcl4+F8MO7FFRCMhZM5Wtg0E6jMxj04HBjhDiNn1sWfdjbgV2DrdeMYyOsGBPm2vBI8Q1ryFdvj44XY/yXI7+aL9Wu16iv2f2jKlk/Vi6iZ/yHzri2KiZxVfdOJcyfTYxso6C3V9nmyiEc0ygz+jbydfvYH96gpnwDuSVFUZwQl9aa5WbiMappso0q9HajRksfzm3RBYyGPwKIPg4J2nyhq9RYl7b64WfiNanr9oUp7eqjRkS6v2GS2OnaLIAg63h64lTEox0os6vgMuncCs/Kw6h0w2whvyrqYeYQAuI5j8k6viRRXGD1/MPcD5yJPGLcgqTREaVNVqu4ZpYx+wOyBgEBAh2sd/LaWFAVqbsJK3/8MaD1HQEuf47bvAMqsk2t+ZPtUcB81QdXnvnTPdrQ1IlbhbhxFPsYPLRY4SUZcqt9tC0ikZJaIJxsVjaW0mnL72D8OG6ARf2hfKMmKqumGadmO6/nZZJtd9jnkmFPOxqecm6HNNuhFcodCWedWAjHuC7TaEOukHChawN+nhbyKN9ARD1PpYobzLvatg6KJWaBXSbYceRm72ZRtnisRO4JmNYVtTxTDckTPZ2TPS9I04tRG708RQ4CIpDlT9KwPLV5jGjIbu3EX92GWQaA0LBsRtDS9CIMBAA==') format('woff2'), |
|||
url('iconfont.woff?t=1598838527474') format('woff'), |
|||
url('iconfont.ttf?t=1598838527474') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ |
|||
url('iconfont.svg?t=1598838527474#iconfont') format('svg'); /* iOS 4.1- */ |
|||
} |
|||
|
|||
.iconfont { |
|||
font-family: "iconfont" !important; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.icon-all:before { |
|||
content: "\e6ef"; |
|||
} |
|||
|
|||
.icon-rising:before { |
|||
content: "\e703"; |
|||
} |
|||
|
|||
.icon-all-fill:before { |
|||
content: "\e718"; |
|||
} |
|||
|
|||
.icon-arrow-right:before { |
|||
content: "\e743"; |
|||
} |
|||
|
|||
.icon-arrow-left:before { |
|||
content: "\e744"; |
|||
} |
|||
|
|||
.icon-arrow-up:before { |
|||
content: "\e745"; |
|||
} |
|||
|
|||
.icon-category:before { |
|||
content: "\e747"; |
|||
} |
|||
|
|||
.icon-close:before { |
|||
content: "\e748"; |
|||
} |
|||
|
|||
.icon-double-arro-right:before { |
|||
content: "\e74c"; |
|||
} |
|||
|
|||
.icon-double-arrow-left:before { |
|||
content: "\e74d"; |
|||
} |
|||
|
|||
.icon-ellipsis:before { |
|||
content: "\e74f"; |
|||
} |
|||
|
|||
.icon-falling:before { |
|||
content: "\e750"; |
|||
} |
|||
|
|||
.icon-leftbutton:before { |
|||
content: "\e755"; |
|||
} |
|||
|
|||
.icon-leftarrow:before { |
|||
content: "\e756"; |
|||
} |
|||
|
|||
.icon-rising1:before { |
|||
content: "\e761"; |
|||
} |
|||
|
|||
.icon-Rightarrow:before { |
|||
content: "\e762"; |
|||
} |
|||
|
|||
.icon-leftbutton-fill:before { |
|||
content: "\e782"; |
|||
} |
|||
|
|||
.icon-reeor-fill:before { |
|||
content: "\e789"; |
|||
} |
|||
|
|||
.icon-Rightbutton-fill:before { |
|||
content: "\e78a"; |
|||
} |
|||
|
|||
.icon-Top-fill:before { |
|||
content: "\e78f"; |
|||
} |
|||
|
|||
.icon-arrow-down:before { |
|||
content: "\e7b2"; |
|||
} |
|||
|
|||
.icon-search:before { |
|||
content: "\e7b3"; |
|||
} |
|||
|
|||
.icon-shangchuan:before { |
|||
content: "\e7c4"; |
|||
} |
|||
|
|||
Binary file not shown.
@ -0,0 +1,170 @@ |
|||
{ |
|||
"id": "", |
|||
"name": "", |
|||
"font_family": "iconfont", |
|||
"css_prefix_text": "icon-", |
|||
"description": "", |
|||
"glyphs": [ |
|||
{ |
|||
"icon_id": "11474219", |
|||
"name": "all", |
|||
"font_class": "all", |
|||
"unicode": "e6ef", |
|||
"unicode_decimal": 59119 |
|||
}, |
|||
{ |
|||
"icon_id": "11474331", |
|||
"name": "rising", |
|||
"font_class": "rising", |
|||
"unicode": "e703", |
|||
"unicode_decimal": 59139 |
|||
}, |
|||
{ |
|||
"icon_id": "11481287", |
|||
"name": "all-fill", |
|||
"font_class": "all-fill", |
|||
"unicode": "e718", |
|||
"unicode_decimal": 59160 |
|||
}, |
|||
{ |
|||
"icon_id": "11487977", |
|||
"name": "arrow-right", |
|||
"font_class": "arrow-right", |
|||
"unicode": "e743", |
|||
"unicode_decimal": 59203 |
|||
}, |
|||
{ |
|||
"icon_id": "11487978", |
|||
"name": "arrow-left", |
|||
"font_class": "arrow-left", |
|||
"unicode": "e744", |
|||
"unicode_decimal": 59204 |
|||
}, |
|||
{ |
|||
"icon_id": "11487982", |
|||
"name": "arrow-up", |
|||
"font_class": "arrow-up", |
|||
"unicode": "e745", |
|||
"unicode_decimal": 59205 |
|||
}, |
|||
{ |
|||
"icon_id": "11488000", |
|||
"name": "category", |
|||
"font_class": "category", |
|||
"unicode": "e747", |
|||
"unicode_decimal": 59207 |
|||
}, |
|||
{ |
|||
"icon_id": "11488001", |
|||
"name": "close", |
|||
"font_class": "close", |
|||
"unicode": "e748", |
|||
"unicode_decimal": 59208 |
|||
}, |
|||
{ |
|||
"icon_id": "11488026", |
|||
"name": "double-arro- right", |
|||
"font_class": "double-arro-right", |
|||
"unicode": "e74c", |
|||
"unicode_decimal": 59212 |
|||
}, |
|||
{ |
|||
"icon_id": "11488028", |
|||
"name": "double-arrow-left", |
|||
"font_class": "double-arrow-left", |
|||
"unicode": "e74d", |
|||
"unicode_decimal": 59213 |
|||
}, |
|||
{ |
|||
"icon_id": "11488037", |
|||
"name": "ellipsis", |
|||
"font_class": "ellipsis", |
|||
"unicode": "e74f", |
|||
"unicode_decimal": 59215 |
|||
}, |
|||
{ |
|||
"icon_id": "11488039", |
|||
"name": "falling", |
|||
"font_class": "falling", |
|||
"unicode": "e750", |
|||
"unicode_decimal": 59216 |
|||
}, |
|||
{ |
|||
"icon_id": "11488060", |
|||
"name": "left button", |
|||
"font_class": "leftbutton", |
|||
"unicode": "e755", |
|||
"unicode_decimal": 59221 |
|||
}, |
|||
{ |
|||
"icon_id": "11488063", |
|||
"name": "left arrow", |
|||
"font_class": "leftarrow", |
|||
"unicode": "e756", |
|||
"unicode_decimal": 59222 |
|||
}, |
|||
{ |
|||
"icon_id": "11488114", |
|||
"name": "rising", |
|||
"font_class": "rising1", |
|||
"unicode": "e761", |
|||
"unicode_decimal": 59233 |
|||
}, |
|||
{ |
|||
"icon_id": "11488115", |
|||
"name": "Right arrow", |
|||
"font_class": "Rightarrow", |
|||
"unicode": "e762", |
|||
"unicode_decimal": 59234 |
|||
}, |
|||
{ |
|||
"icon_id": "11488272", |
|||
"name": "left button-fill", |
|||
"font_class": "leftbutton-fill", |
|||
"unicode": "e782", |
|||
"unicode_decimal": 59266 |
|||
}, |
|||
{ |
|||
"icon_id": "11488302", |
|||
"name": "reeor-fill", |
|||
"font_class": "reeor-fill", |
|||
"unicode": "e789", |
|||
"unicode_decimal": 59273 |
|||
}, |
|||
{ |
|||
"icon_id": "11488309", |
|||
"name": "Right button-fill", |
|||
"font_class": "Rightbutton-fill", |
|||
"unicode": "e78a", |
|||
"unicode_decimal": 59274 |
|||
}, |
|||
{ |
|||
"icon_id": "11488338", |
|||
"name": "top-fill", |
|||
"font_class": "Top-fill", |
|||
"unicode": "e78f", |
|||
"unicode_decimal": 59279 |
|||
}, |
|||
{ |
|||
"icon_id": "12011691", |
|||
"name": "arrow-down", |
|||
"font_class": "arrow-down", |
|||
"unicode": "e7b2", |
|||
"unicode_decimal": 59314 |
|||
}, |
|||
{ |
|||
"icon_id": "12011697", |
|||
"name": "search", |
|||
"font_class": "search", |
|||
"unicode": "e7b3", |
|||
"unicode_decimal": 59315 |
|||
}, |
|||
{ |
|||
"icon_id": "13087834", |
|||
"name": "上传", |
|||
"font_class": "shangchuan", |
|||
"unicode": "e7c4", |
|||
"unicode_decimal": 59332 |
|||
} |
|||
] |
|||
} |
|||
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 86 B |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 399 B |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 346 B |
|
After Width: | Height: | Size: 337 B |
|
After Width: | Height: | Size: 112 B |
|
After Width: | Height: | Size: 133 B |
|
After Width: | Height: | Size: 524 B |
|
After Width: | Height: | Size: 532 B |
|
After Width: | Height: | Size: 97 B |
|
After Width: | Height: | Size: 90 B |
|
After Width: | Height: | Size: 89 B |
|
After Width: | Height: | Size: 97 B |
|
After Width: | Height: | Size: 216 B |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
Loading…
Reference in new issue