Commit 844a81e8 authored by liaili's avatar liaili

updata-five

parent ede609d0
......@@ -10,6 +10,11 @@
.company-introduction .friend-list a.clear-bt {
border-top: none;
}
.company-introduction .friend-list a.clear-after {
content: '';
width: 0;
height: 0;
}
/* .company-introduction end */
.container-width-small .company-introduction > .company-introduction-box,
.container-width-small .about-us-banner .banner-box {
......
......@@ -17,6 +17,11 @@
&.clear-bt {
border-top:none;
}
&.clear-after {
content: '';
width: 0;
height: 0;
}
}
}
}
......
/*.product-info start*/
.intro {
width: 950px;
margin: 0 auto;
}
.detail {
width: 950px;
margin: 0 auto;
padding-bottom: 150px;
}
......@@ -28,3 +23,45 @@
border-bottom: 0;
}
/*.product-info end*/
/*.product-status start*/
.product-status div.status-11 {
border-color: #ff4a4a;
}
/*.product-status end*/
/*.modal-box-erweima start*/
.modal-box-erweima .modal-dialog {
background: #ececec;
}
/*.modal-box-erweima end*/
/*.modal-box start*/
.modal-box .modal-dialog {
background: #ececec;
}
/*.modal-box end*/
.container-width-small .intro,
.container-width-small .appointment,
.container-width-small .detail {
width: 990px;
margin: 0 auto;
}
.container-width-small .intro table {
width: 742.5px;
}
.container-width .intro,
.container-width .appointment,
.container-width .detail {
width: 1150px;
margin: 0 auto;
}
.container-width .intro table {
width: 862.5px;
}
.container-width-large .intro,
.container-width-large .appointment,
.container-width-large .detail {
width: 1360px;
margin: 0 auto;
}
.container-width-large .intro table {
width: 1020px;
}
/*.product-info start*/
.intro {
width: 950px;
margin: 0 auto;
}
@import 'variable';
/*.product-info start*/
.detail {
width: 950px;
margin: 0 auto;
padding-bottom: 150px;
table {
......@@ -32,3 +26,61 @@
}
/*.product-info end*/
/*.product-status start*/
.product-status {
div.status-11 {
border-color: #ff4a4a;
}
}
/*.product-status end*/
/*.modal-box-erweima start*/
.modal-box-erweima {
.modal-dialog {
background: #ececec;
}
}
/*.modal-box-erweima end*/
/*.modal-box start*/
.modal-box {
.modal-dialog {
background: #ececec;
}
}
/*.modal-box end*/
.container-width-small {
.intro,
.appointment,
.detail {
width: @container-width-small;
margin: 0 auto;
}
.intro table {
width: @container-width-small/4*3;
}
}
.container-width {
.intro,
.appointment,
.detail {
width: @container-width;
margin: 0 auto;
}
.intro table {
width: @container-width/4*3;
}
}
.container-width-large {
.intro,
.appointment,
.detail {
width: @container-width-large;
margin: 0 auto;
}
.intro table {
width: @container-width-large/4*3;
}
}
\ No newline at end of file
......@@ -99,7 +99,7 @@
font-size: 40px;
color: #000;
}
.intro .product-status > div {
.intro .product-status div {
position: absolute;
top: -10px;
left: -10px;
......@@ -108,7 +108,7 @@
border-radius: 50%;
border: 10px solid transparent;
}
.intro .product-status > div.status-11 {
.intro .product-status div.status-11 {
border-right-color: #ff4a4a;
animation: huxian 1s infinite linear;
}
......@@ -194,13 +194,13 @@ body {
}
.modal-box {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 999;
position: fixed;
}
.modal-box .modal-dialog {
position: fixed;
......@@ -210,17 +210,17 @@ body {
margin-left: -300px;
width: 600px;
height: 400px;
background: #fff;
border-radius: 10px;
overflow: hidden;
background: #fff;
}
.modal-box .modal-dialog div:nth-child(1) {
.modal-box .modal-dialog div.modal-dialog-top {
width: 100%;
height: 80px;
background: #ff4a4b;
position: relative;
}
.modal-box .modal-dialog div:nth-child(1) a {
.modal-box .modal-dialog div.modal-dialog-top a {
display: inline-block;
width: 46px;
height: 46px;
......@@ -235,10 +235,10 @@ body {
cursor: pointer;
color: #fff;
}
.modal-box .modal-dialog div:nth-child(2) {
.modal-box .modal-dialog div.modal-dialog-content {
position: relative;
}
.modal-box .modal-dialog div:nth-child(2) i {
.modal-box .modal-dialog div.modal-dialog-content i {
display: inline-block;
width: 69px;
height: 69px;
......@@ -247,7 +247,7 @@ body {
left: 90px;
top: 8px;
}
.modal-box .modal-dialog div:nth-child(2) h3 {
.modal-box .modal-dialog div.modal-dialog-content h3 {
font-size: 50px;
font-weight: bold;
color: #ff4a4a;
......@@ -281,18 +281,17 @@ body {
background: #fff;
overflow: hidden;
}
.modal-box-erweima .modal-dialog > div {
text-align: center;
}
.modal-box-erweima .modal-dialog > div:nth-child(1) {
.modal-box-erweima .modal-dialog .modal-dialog-top {
position: relative;
height: 50px;
text-align: center;
background: #ff4a4b;
position: relative;
}
.modal-box-erweima .modal-dialog > div:nth-child(2) {
.modal-box-erweima .modal-dialog .modal-dialog-bottom {
padding-top: 40px;
text-align: center;
}
.modal-box-erweima .modal-dialog > div:nth-child(2) p {
.modal-box-erweima .modal-dialog .modal-dialog-bottom p {
font-size: 26px;
}
.modal-box-erweima .modal-dialog .modal-dialog-close {
......@@ -317,7 +316,7 @@ body {
width: 990px;
margin: 0 auto;
}
body .intro > table {
body .intro table {
width: 742.5px;
}
}
......@@ -328,7 +327,7 @@ body {
width: 1150px;
margin: 0 auto;
}
body .intro > table {
body .intro table {
width: 862.5px;
}
}
......@@ -339,7 +338,7 @@ body {
width: 1360px;
margin: 0 auto;
}
body .intro > table {
body .intro table {
width: 1020px;
}
}
......@@ -105,7 +105,7 @@
font-size: 40px;
color: #000;
}
& > div {
div {
position: absolute;
top: -10px;
left: -10px;
......@@ -209,13 +209,13 @@ body {
.modal-box {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 999;
position: fixed;
.modal-dialog {
position: fixed;
left: 50%;
......@@ -224,11 +224,11 @@ body {
margin-left: -300px;
width: 600px;
height: 400px;
background: #fff;
border-radius: 10px;
overflow: hidden;
background: #fff;
div {
&:nth-child(1) {
&.modal-dialog-top {
width: 100%;
height: 80px;
background: #ff4a4b;
......@@ -249,7 +249,7 @@ body {
color: #fff;
}
}
&:nth-child(2) {
&.modal-dialog-content {
position: relative;
i {
display: inline-block;
......@@ -299,22 +299,21 @@ body {
top:200px;
margin-left: -225px;
border-radius: 10px;
background: #fff;
background:#fff;
overflow: hidden;
& > div {
text-align: center;
&:nth-child(1){
.modal-dialog-top {
position: relative;
height: 50px;
text-align: center;
background: #ff4a4b;
position: relative;
}
&:nth-child(2) {
.modal-dialog-bottom {
padding-top: 40px;
text-align: center;
p {
font-size: 26px;
}
}
}
.modal-dialog-close {
width: 30px;
height: 30px;
......@@ -354,7 +353,7 @@ body {
margin: 0 auto;
}
.intro > table {
.intro table {
width: @cw/4*3;
}
}
......
......@@ -40,6 +40,11 @@
transform: scale(1);
}
/* .hot-project-tabs end */
/*.modal-box-success start*/
.modal-box-success .modal-dialog {
background: #ececec;
}
/*.modal-box-success end*/
.container-width-small .hot-project-introducer,
.container-width-small .hot-project-tabs ul {
width: 990px;
......
......@@ -57,6 +57,14 @@
/* .hot-project-tabs end */
/*.modal-box-success start*/
.modal-box-success {
.modal-dialog {
background: #ececec;
}
}
/*.modal-box-success end*/
.container-width-small {
.hot-project-introducer,
......
......@@ -390,19 +390,19 @@
border-radius: 10px;
overflow: hidden;
}
.modal-box-success .modal-dialog div:nth-child(1) {
.modal-box-success .modal-dialog div.modal-dialog-header {
width: 100%;
height: 80px;
background: #ff4a4b;
position: relative;
}
.modal-box-success .modal-dialog div:nth-child(1) h4 {
.modal-box-success .modal-dialog div.modal-dialog-header h4 {
line-height: 80px;
font-size: 30px;
color: #fff;
padding-left: 50px;
}
.modal-box-success .modal-dialog div:nth-child(1) a {
.modal-box-success .modal-dialog div.modal-dialog-header a {
display: inline-block;
width: 46px;
height: 46px;
......@@ -417,10 +417,10 @@
cursor: pointer;
color: #fff;
}
.modal-box-success .modal-dialog div:nth-child(2) {
.modal-box-success .modal-dialog div.modal-dialog-content {
position: relative;
}
.modal-box-success .modal-dialog div:nth-child(2) i {
.modal-box-success .modal-dialog div.modal-dialog-content i {
display: inline-block;
width: 69px;
height: 69px;
......@@ -429,7 +429,7 @@
left: 90px;
top: 8px;
}
.modal-box-success .modal-dialog div:nth-child(2) h3 {
.modal-box-success .modal-dialog div.modal-dialog-content h3 {
font-size: 50px;
font-weight: bold;
color: #ff4a4a;
......
......@@ -427,7 +427,7 @@
border-radius: 10px;
overflow: hidden;
div {
&:nth-child(1) {
&.modal-dialog-header {
width: 100%;
height: 80px;
background: #ff4a4b;
......@@ -454,7 +454,7 @@
color: #fff;
}
}
&:nth-child(2) {
&.modal-dialog-content {
position: relative;
i {
display: inline-block;
......
......@@ -50,11 +50,11 @@
<a href="http://www.jxi.cn/Index.aspx" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/21pemhvbmdqaWFuZ18wMw==_125x140.png);" class="clear-bl clear-bt"></a>
<a href="http://www.zritc.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/5m4emhvbmdyb25nXzAz_199x144.png);" class="clear-bt"></a>
<a href="http://www.natrust.cn/home/cn/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/nz1Z3VvbWluXzAz_109x142.png);" class="clear-bt"></a>
<a href="http://www.ebtrust.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/4qvZ3VhbmdkYV8wMw==_167x142.png);" class="clear-bt"></a>
<a href="http://www.ebtrust.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/4qvZ3VhbmdkYV8wMw==_167x142.png);" class="clear-bt clear-after"></a>
<a href="http://trust.ecitic.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/16uemhvbmd4aW5nXzAz_166x51.png);" class="clear-bl"></a>
<a href="http://www.fd-trust.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/w2mZmFuZ3poZW5nXzAz_208x50.png);"></a>
<a href="http://www.huaxintrust.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/cb0aHVheGluZ18wMw==_196x54.png);"></a>
<a href="http://ztxt.show.imosi.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/frsemhvbmd0YWlfMDM=_190x51.png);"></a>
<a href="http://ztxt.show.imosi.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/frsemhvbmd0YWlfMDM=_190x51.png); " class="clear-after"></a>
</div>
</div>
</div>
......
......@@ -150,10 +150,10 @@
</div>
<div class="modal-box">
<div class="modal-dialog">
<div>
<div class="modal-dialog-top">
<a id="modalBoxHidden">&times;</a>
</div>
<div>
<div class="modal-dialog-content">
<i></i>
<h3>恭喜你预约成功!</h3>
</div>
......@@ -162,10 +162,10 @@
</div>
<div class="modal-box-erweima">
<div class="modal-dialog">
<div>
<div class="modal-dialog-top">
<a class="modal-dialog-close">&times</a>
</div>
<div>
<div class="modal-dialog-bottom">
<a href="javascript:;">
<img src="https://res.fudou6.com/c/4/20160802/acpNi5waWNfaGQ=_280x280.jpg" alt="erweima"/>
</a>
......
......@@ -114,11 +114,11 @@
</div>
<div class="modal-box-success">
<div class="modal-dialog">
<div>
<div class="modal-dialog-header">
<h4>优质项目介绍</h4>
<a href="javascript:void('close');" class="modal-dialog-close">&times;</a>
</div>
<div>
<div class="modal-dialog-content">
<i></i>
<h3>提交成功!</h3>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment