|
@@ -297,7 +297,7 @@ a{color:#333;text-decoration:none}
|
|
|
.p-icon.i4::before{background-position-y:-804px}
|
|
|
.p-icon.i5::before{background-position-y:-834px}
|
|
|
.cm-container{padding-left:1vw;padding-right:1vw;-webkit-box-sizing:border-box;box-sizing:border-box}
|
|
|
-.cm-floor{padding:3.2vw 0}
|
|
|
+.cm-floor{padding:2.2vw 0}
|
|
|
.cm-p-a{padding:1vw}
|
|
|
.cm-m-a{padding:1vw}
|
|
|
.cm-floor-title .cm-title{font-size:5vw;color:#4a4f58;font-weight:700;line-height:7.5vw;padding-top:1vw;padding-bottom:1vw}
|
|
@@ -305,7 +305,7 @@ a{color:#333;text-decoration:none}
|
|
|
.cm-article-item{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
|
|
|
.cm-article-item .cm-article-title{font-size:3.5vw;color:#4a4f58;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
|
|
|
.cm-article-item .cm-article-title.has-border{border-left:2px solid #fff}
|
|
|
-.cm-article-item .cm-article-desc{font-size:2.5vw;color:#93979f;line-height:2em;text-align:justify}
|
|
|
+.cm-article-item .cm-article-desc{font-size:2.5vw;color:#93979f;line-height:2em;text-align:justify;word-break: break-all;}
|
|
|
.cm-article-item .cm-article-desc.h56{height:10.5vw}
|
|
|
.cm-article-item .cm-article-cover.cover-168-168{width:27vw;height:27vw}
|
|
|
.cm-article-item.h200{height:33vw}
|
|
@@ -335,31 +335,35 @@ a{color:#333;text-decoration:none}
|
|
|
.cm-float-container .cm-slide .cm-toggle-btn{top:0;right:0;position:absolute;width:100%;height:100%}
|
|
|
.cm-float-container .cm-slide:hover .cm-tooltop{display:block}
|
|
|
.cm-float-container .cm-slide:hover .cm-toggle-btn{width:150%}
|
|
|
-.cm-float-container .cm-slide:nth-child(1){height:13.2vw;background:url(https://static.caimei365.com/app/img/icon2/pc_note.png) no-repeat center;background-size:12vw}
|
|
|
+.cm-float-container .cm-slide:nth-child(1){height:13.2vw;background:url(/img/activity/h5_entry_icon.png) no-repeat center;background-size:12vw}
|
|
|
.cm-float-container .cm-slide:nth-child(2){background:#fff url(/img/activity/pc_01.png) no-repeat center}
|
|
|
.cm-float-container .cm-slide:nth-child(2):hover{background:#ff5c00 url(/img/activity/pc_a1.png) no-repeat center}
|
|
|
.cm-float-container .cm-slide:nth-child(3){background:#fff url(/img/activity/pc_02.png) no-repeat center}
|
|
|
.cm-float-container .cm-slide:nth-child(3):hover{background:#ff5c00 url(/img/activity/pc_a2.png) no-repeat center}
|
|
|
.cm-float-container .cm-tooltop{position:absolute;padding:3.5vw;background:#ff5c00;top:0;right:16vw;border-radius:6px;display:none}
|
|
|
.cm-float-container .cm-tooltop::after{position:absolute;content:'';width:15px;height:15px;-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg);background:#ff5c00;right:-7px;top:15px}
|
|
|
-.cm-float-container .cm-tooltop .cm-tooltop-content{font-size:2.2vw;color:#fff}
|
|
|
+.cm-float-container .cm-tooltop .cm-tooltop-content{font-size:3.2vw;color:#fff}
|
|
|
.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1{width:51.6vw}
|
|
|
.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1 i{display:block;border-top:1px solid #f1f1f1}
|
|
|
.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1 .cm-item{padding:2.5vw 0}
|
|
|
-.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2{text-align:center;width:40.8vw}
|
|
|
+.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2{text-align:center;width:44.8vw;}
|
|
|
.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 .line{height:11vw;margin:3vw 3vw 0;width:1px;background:#f1f1f1}
|
|
|
.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 img{display:inline-block;width:16.4vw;height:16.4vw}
|
|
|
.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 span{text-align:center;display:block;margin-top:2vw}
|
|
|
+.cm-float-container .cm-mobile-tooltop .cm-tooltop-content .cm-item{ font-size: 1.8vw; }
|
|
|
.cm-entry{z-index:9999;position:fixed;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5)}
|
|
|
.cm-entry .cm-icon-content{position:absolute;width:75.1vw;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
|
|
|
.cm-entry .cm-icon-content img{width:100%}
|
|
|
-.cm-entry .cm-icon-content .cm-close{cursor:pointer;position:absolute;width:6.45vw;height:6.45vw;right:5vw;top:-5vw;background:url(/img/activity/pc_close.png) no-repeat center center;background-size:6.4vw}
|
|
|
+.cm-entry .cm-icon-content .cm-close{cursor:pointer;position:absolute;width:6.45vw;height:6.45vw;right:5vw;top:-8vw;background:url(/img/activity/pc_close.png) no-repeat center center;background-size:6.4vw}
|
|
|
+.cm-entry .cm-icon-content .btn{display: block;width: 10vw;height: 10vw;background: #666;position: absolute;right: 8vw;z-index: 999;cursor: pointer;opacity: 0;}
|
|
|
+.cm-entry .cm-icon-content .btn1{top: 24vw;}
|
|
|
+.cm-entry .cm-icon-content .btn2{top: 47.5vw;}
|
|
|
.cm-footer{padding:4vw 0 2vw;background-color:#4a4f58;text-align:center;color:#fff;font-size:2.4vw;overflow:hidden}
|
|
|
.cm-footer img{width:12vw}
|
|
|
-.banner-container{position:relative;width:100vw;height:45vw;background:pink;overflow:hidden}
|
|
|
+.banner-container{position:relative;width:100vw;height:45vw;overflow:hidden}
|
|
|
.banner-container .banner{width:100vw;position:absolute;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
|
|
|
.banner-container .cm-container{height:100%;padding: 0;}
|
|
|
-.banner-container img{display:block;height:100%}
|
|
|
+.banner-container img{display:block;height:100%;width: 100%;}
|
|
|
.has-player{position:absolute;top:0;left:0;width:100%;height:100%;}
|
|
|
.has-player::before{content:'';display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6vw;height:6vw; background:url(/img/activity/pc-palyer.png) no-repeat center center;background-size: 6vw;}
|
|
|
.cm-to-top{width:12vw;height:12vw;position:fixed;z-index:999;bottom:5%;right:15px;border-radius:6px;text-align:center;background:#fff;cursor:pointer;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
|
|
@@ -637,7 +641,7 @@ a{color:#333;text-decoration:none}
|
|
|
.p-icon.i5::before{background-position-y:-834px}
|
|
|
.cm-container{width:960px;padding-left:8px;padding-right:8px}
|
|
|
.cm-container .cm-row{margin-left:-8px;margin-right:-8px}
|
|
|
-.cm-floor{padding:20px 0}
|
|
|
+.cm-floor{padding:10px 0}
|
|
|
.cm-p-a{padding:8px}
|
|
|
.cm-m-a{padding:8px}
|
|
|
.cm-floor-title .cm-title{font-size:24px;color:#4a4f58;line-height:30px;font-weight:700;padding-top:4px;padding-bottom:4px}
|
|
@@ -645,7 +649,7 @@ a{color:#333;text-decoration:none}
|
|
|
.cm-article-item{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
|
|
|
.cm-article-item .cm-article-title{font-size:18px;color:#4a4f58;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
|
|
|
.cm-article-item .cm-article-title.has-border{border-left:2px solid #fff}
|
|
|
-.cm-article-item .cm-article-desc{font-size:14px;color:#93979f;line-height:2em;text-align:justify}
|
|
|
+.cm-article-item .cm-article-desc{font-size:14px;color:#93979f;line-height:2em;text-align:justify;word-break: break-all;}
|
|
|
.cm-article-item .cm-article-desc.h56{height:56px}
|
|
|
.cm-article-item .cm-article-cover.cover-168-168{width:168px;height:168px}
|
|
|
.cm-article-item:hover .cm-article-title{color:#ff5c00}
|
|
@@ -678,12 +682,12 @@ a{color:#333;text-decoration:none}
|
|
|
.cm-float-container .cm-slide .cm-toggle-btn{top:0;right:0;position:absolute;width:100%;height:100%}
|
|
|
.cm-float-container .cm-slide:hover .cm-tooltop{display:block}
|
|
|
.cm-float-container .cm-slide:hover .cm-toggle-btn{width:150%}
|
|
|
-.cm-float-container .cm-slide:nth-child(1){height:70px;background:url(https://static.caimei365.com/app/img/icon2/pc_note.png) no-repeat center;background-size:64px}
|
|
|
+.cm-float-container .cm-slide:nth-child(1){height:70px;background:url(/img/activity/h5_entry_icon.png) no-repeat center;background-size:64px}
|
|
|
.cm-float-container .cm-slide:nth-child(2){background:#fff url(/img/activity/pc_01.png) no-repeat center}
|
|
|
.cm-float-container .cm-slide:nth-child(2):hover{background:#ff5c00 url(/img/activity/pc_a1.png) no-repeat center}
|
|
|
.cm-float-container .cm-slide:nth-child(3){background:#fff url(/img/activity/pc_02.png) no-repeat center}
|
|
|
.cm-float-container .cm-slide:nth-child(3):hover{background:#ff5c00 url(/img/activity/pc_a2.png) no-repeat center}
|
|
|
-.cm-float-container .cm-tooltop{position:absolute;padding:15px;background:#ff5c00;top:0;right:80px;border-radius:6px;display:none}
|
|
|
+.cm-float-container .cm-tooltop{position:absolute;padding:15px;background:#ff5c00;top:0;right:80px;border-radius:6px;display: none}
|
|
|
.cm-float-container .cm-tooltop::after{position:absolute;content:'';width:15px;height:15px;-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg);background:#ff5c00;right:-7px;top:15px}
|
|
|
.cm-float-container .cm-tooltop .cm-tooltop-content{font-size:14px;color:#fff}
|
|
|
.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1{width:190px}
|
|
@@ -695,8 +699,12 @@ a{color:#333;text-decoration:none}
|
|
|
.cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 span{text-align:center;display:block;margin-top:8px}
|
|
|
.cm-footer{padding:25px 0 12px;background-color:#4a4f58;text-align:center;color:#fff;font-size:12px;overflow:hidden}
|
|
|
.cm-entry{z-index:9999;position:fixed;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.3)}
|
|
|
-.cm-entry .cm-icon-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
|
|
|
-.cm-entry .cm-icon-content .cm-close{cursor:pointer;position:absolute;width:32px;height:32px;right:20px;top:-20px;background:url(/img/activity/pc_close.png) no-repeat center center}
|
|
|
+.cm-entry .cm-icon-content{width: 400px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
|
|
|
+.cm-entry .cm-icon-content img{display: block; width: 100%;}
|
|
|
+.cm-entry .cm-icon-content .cm-close{cursor:pointer;position:absolute;width:32px;height:32px;right:20px;top:-40px;background:url(/img/activity/pc_close.png) no-repeat center center}
|
|
|
+.cm-entry .cm-icon-content .btn{display: block;width: 60px;height: 60px;background: #666;position: absolute;right: 40px;z-index: 999;cursor: pointer;opacity: 0;}
|
|
|
+.cm-entry .cm-icon-content .btn1{top: 122px;}
|
|
|
+.cm-entry .cm-icon-content .btn2{top: 250px;}
|
|
|
.banner-container{position:relative;height:480px;background:pink;overflow:hidden}
|
|
|
.banner-container .banner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
|
|
|
.banner-container .cm-container{height:100%}
|