|
|
@@ -0,0 +1,4251 @@
|
|
|
+@charset "utf-8";
|
|
|
+
|
|
|
+
|
|
|
+/*根据bootstrap popover框 自定义popover框*/
|
|
|
+.popover1{position: absolute; top: calc(100% + 9px); left: 50%; transform: translateX(-50%); z-index: 1060; display: none; max-width: 300px; padding: 1px; text-align: left;background-color: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 5px 10px rgba(0,0,0,.2); border: 1px solid rgba(0,0,0,.2);}
|
|
|
+.popover1.bottom>.arrow{top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25);}
|
|
|
+.popover1>.arrow{border-width: 11px;}
|
|
|
+.popover1>.arrow, .popover1>.arrow:after{position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
|
|
|
+.popover1.bottom>.arrow:after{top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff;}
|
|
|
+.popover1>.arrow:after{content: ""; border-width: 10px;}
|
|
|
+.popover1>.arrow, .popover1>.arrow:after{position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
|
|
|
+
|
|
|
+
|
|
|
+.ms-badge:empty{display: none;}
|
|
|
+
|
|
|
+/*bootstrap分页*/
|
|
|
+.pagination{margin: 30px 0 5px;}
|
|
|
+
|
|
|
+/*缩略图*/
|
|
|
+.ms-thumbnail{display: block;}
|
|
|
+.ms-thumbnail img{margin: 0 auto 20px; display: block;}
|
|
|
+.ms-thumbnail .ms-caption{padding: 0 25px; text-align: center;}
|
|
|
+.ms-thumbnail .ms-caption .tit{font-size: 18px; color: #333; margin-bottom: 10px;}
|
|
|
+.ms-thumbnail .ms-caption p{color: #848484;}
|
|
|
+/*/缩略图*/
|
|
|
+
|
|
|
+/*复制功能*/
|
|
|
+.copy{cursor: pointer; margin-left: 5px; color: #157df1;}
|
|
|
+/*/复制功能*/
|
|
|
+
|
|
|
+/*上传图标*/
|
|
|
+.new-upload-icon{position: relative; border: 1px solid #ddd; height: 100px; width: 100px; /*border-radius: 15px;*/ background: url("../img/icon-10.png") no-repeat center 23px; overflow: hidden; margin-left: 15px;}
|
|
|
+.new-upload-icon img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*border-radius: 15px;*/ background-color: #fff; /*border: 1px solid #e5e5e5;*/}
|
|
|
+
|
|
|
+.new-upload-icon input[type=file]{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
|
|
|
+.new-upload-icon .text{text-align: center; margin-top: 60px; font-size: 14px; font-weight: 600; color: #999;}
|
|
|
+.new-upload-icon .ongoing{position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px; display: none;}
|
|
|
+.new-upload-icon.uploading .ongoing{display: flex;}
|
|
|
+.new-upload-icon .reset{position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
|
|
|
+.new-upload-icon .reset{display: none;}
|
|
|
+.new-upload-icon.uploaded .reset{display: none;}
|
|
|
+.new-upload-icon.uploaded:hover .reset{display: block;}
|
|
|
+/*上传图标*/
|
|
|
+
|
|
|
+/*上传图片*/
|
|
|
+/*上传图片*/
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*输入框搜索*/
|
|
|
+.input-search{position: relative;}
|
|
|
+.input-search .iconfont{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 16px; cursor: pointer; color: #157df1;}
|
|
|
+.input-search input{height: 30px; line-height: 30px; width: 170px; border: 1px solid #e5e5e5; padding-left: 10px; background-color: #fff; color: #666; border-radius: 3px; font-size: 13px;}
|
|
|
+.input-search input::-webkit-input-placeholder{color: #666 !important; font-size: 13px;}
|
|
|
+.input-search input::-moz-placeholder{color: #666 !important; font-size: 13px;}
|
|
|
+.input-search input::-ms-input-placeholder{color: #666 !important; font-size: 13px;}
|
|
|
+
|
|
|
+/*APP iOS Android 下拉*/
|
|
|
+
|
|
|
+
|
|
|
+header{position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 500;
|
|
|
+ height: 60px;
|
|
|
+ box-shadow: none!important;
|
|
|
+ background: transparent;}
|
|
|
+
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .header .ms-nav li>a{padding: 0 10px 5px; border-bottom: 2px solid transparent; color: #fff;}
|
|
|
+ .header .ms-nav li.active>a{border-bottom: 2px solid #fafcff; color: #fafcff;}
|
|
|
+ .header .ms-nav li:hover>a{border-bottom: 2px solid #157df1;}
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .index-header .header .ms-nav li>a{padding: 0 10px 5px; border-bottom: none;}
|
|
|
+ .index-header .header .ms-nav li.active>a{ color: #92c5ff;}
|
|
|
+ .index-header .header .ms-nav li:hover>a{color: #92c5ff;}
|
|
|
+}
|
|
|
+.header .login{margin-top: 15px;}
|
|
|
+.header .login li{float: left;}
|
|
|
+.index-header {position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 500;
|
|
|
+ height: 60px;box-shadow: none!important; background: transparent;}
|
|
|
+.index-header .ms-nav li a { color: #fff;}
|
|
|
+.index-header .login-user { color: #fff;}
|
|
|
+.index-header .login-in .icon-arrow-bottom { color: #fff;}
|
|
|
+.index-header .login-in .notification .icon-msg { color: #fff!important;}
|
|
|
+/*增加文档二级导航*/
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*通知中心*/
|
|
|
+
|
|
|
+.header .login-in .notification:hover .n-drop-down{display: block;}
|
|
|
+/*/通知中心*/
|
|
|
+/*/login-in*/
|
|
|
+
|
|
|
+.paging{text-align: center; margin: 30px 0 5px;}
|
|
|
+.paging input[type=text]{width: 34px; display: inline-block; vertical-align: middle;}
|
|
|
+.paging .color-333{padding: 6px 0;}
|
|
|
+
|
|
|
+.help{text-align: left; padding: 70px 0 55px;}
|
|
|
+.help .tit{font-size: 36px; color: #157df1; text-align: center; margin-bottom: 60px;}
|
|
|
+.help dl{margin-bottom: 15px; color: #333;}
|
|
|
+.help dt{line-height: 30px; font-weight: 600;}
|
|
|
+.help dd{line-height: 30px;}
|
|
|
+.help dl .left{float: left;}
|
|
|
+.help dl .right{margin-left: 40px; /*width: 75%;*/ display: block;}
|
|
|
+
|
|
|
+
|
|
|
+.help1{padding: 50px 0 40px;}
|
|
|
+.help1 .tit{font-size: 32px; color: #333; margin-bottom: 5px;}
|
|
|
+.help1 .blue-line{margin: 0 auto 30px;}
|
|
|
+
|
|
|
+/*----------index-----------*/
|
|
|
+/*banner*/
|
|
|
+.index-banner { position: relative;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+#stripes,#stripes span {
|
|
|
+ position: absolute
|
|
|
+}
|
|
|
+
|
|
|
+#stripes {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ -webkit-transform: skewY(-12deg);
|
|
|
+ transform: skewY(-12deg);
|
|
|
+ -webkit-transform-origin: 0;
|
|
|
+ transform-origin: 0;
|
|
|
+ background: linear-gradient(150deg,#53f 15%,#05d5ff 70%,#a6ffcb 94%)
|
|
|
+}
|
|
|
+
|
|
|
+#stripes span {
|
|
|
+ height: 40px
|
|
|
+}
|
|
|
+
|
|
|
+#stripes :first-child {
|
|
|
+ width: 50%;
|
|
|
+ left: 50%;
|
|
|
+ top: 40px;
|
|
|
+ background: #4c29ff
|
|
|
+}
|
|
|
+
|
|
|
+#stripes :nth-child(2) {
|
|
|
+ width: 14%;
|
|
|
+ right: 0;
|
|
|
+ bottom: 40px;
|
|
|
+ background: #2be7ff
|
|
|
+}
|
|
|
+
|
|
|
+#stripes :nth-child(3) {
|
|
|
+ width: 25%;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ background: #a1ffc8
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 670px) {
|
|
|
+ #stripes span {
|
|
|
+ height:150px
|
|
|
+ }
|
|
|
+
|
|
|
+ #stripes :first-child {
|
|
|
+ top: 0;
|
|
|
+ background: #4750ff
|
|
|
+ }
|
|
|
+
|
|
|
+ #stripes :nth-child(2) {
|
|
|
+ width: 16.66667%;
|
|
|
+ width: calc(100% / 6);
|
|
|
+ top: 300px;
|
|
|
+ top: calc(150px * 2);
|
|
|
+ bottom: auto;
|
|
|
+ background: #0dcfff
|
|
|
+ }
|
|
|
+
|
|
|
+ #stripes :nth-child(3) {
|
|
|
+ width: 33.33333%;
|
|
|
+ width: calc(100% / 3);
|
|
|
+ right: auto;
|
|
|
+ background: #11bdff
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 880px) {
|
|
|
+ #stripes span {
|
|
|
+ height:190px
|
|
|
+ }
|
|
|
+
|
|
|
+ #stripes :first-child {
|
|
|
+ width: 33.33333%;
|
|
|
+ width: calc(100% / 3);
|
|
|
+ left: -16.66666%;
|
|
|
+ left: calc(calc(calc(100% / 3) / 2) * -1);
|
|
|
+ background: #53f
|
|
|
+ }
|
|
|
+
|
|
|
+ #stripes :nth-child(2) {
|
|
|
+ width: 33.33333%;
|
|
|
+ width: calc(100% / 3);
|
|
|
+ top: 0;
|
|
|
+ left: 16.66666%;
|
|
|
+ left: calc(calc(100% / 3) / 2);
|
|
|
+ right: auto;
|
|
|
+ background: #4553ff
|
|
|
+ }
|
|
|
+
|
|
|
+ #stripes :nth-child(3) {
|
|
|
+ width: 33.33333%;
|
|
|
+ width: calc(100% / 3);
|
|
|
+ left: 49.99999%;
|
|
|
+ left: calc(calc(calc(100% / 3) / 2) + calc(100% / 3));
|
|
|
+ bottom: auto;
|
|
|
+ background: #4f40ff
|
|
|
+ }
|
|
|
+
|
|
|
+ #stripes :nth-child(4) {
|
|
|
+ width: 33.33333%;
|
|
|
+ width: calc(100% / 3);
|
|
|
+ top: 380px;
|
|
|
+ top: calc(190px * 2);
|
|
|
+ right: -16.66666%;
|
|
|
+ right: calc(calc(calc(100% / 3) / 2) * -1);
|
|
|
+ background: #25ddf5
|
|
|
+ }
|
|
|
+
|
|
|
+ #stripes :nth-child(5) {
|
|
|
+ width: 33.33333%;
|
|
|
+ width: calc(100% / 3);
|
|
|
+ bottom: 0;
|
|
|
+ background: #1fa2ff
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+#intro {
|
|
|
+ position: relative
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 670px) {
|
|
|
+ #intro {
|
|
|
+ display:-webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+ height: 600px;
|
|
|
+ height: calc(150px * 4)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 880px) {
|
|
|
+ #intro {
|
|
|
+ height:760px;
|
|
|
+ height: calc(190px * 4)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+#intro .container-lg {
|
|
|
+ padding-top: 70px;
|
|
|
+ padding-bottom: 100px
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 670px) {
|
|
|
+ #intro .container-lg {
|
|
|
+ margin-top:-7%;
|
|
|
+ padding-top: 0;
|
|
|
+ padding-bottom: 0
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+#intro h1 {
|
|
|
+ font-size: 32px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #fff
|
|
|
+}
|
|
|
+
|
|
|
+html[lang=fr] #intro h1 {
|
|
|
+ max-width: 550px
|
|
|
+}
|
|
|
+
|
|
|
+html[lang=it] #intro h1 {
|
|
|
+ max-width: 500px
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 880px) {
|
|
|
+ #intro h1 {
|
|
|
+ font-size:40px
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+#intro p {
|
|
|
+ max-width: 500px;
|
|
|
+ margin-top: 20px;
|
|
|
+ color: #d9fcff
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 670px) {
|
|
|
+ #intro p {
|
|
|
+ max-width:60%
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 880px) {
|
|
|
+ #intro p {
|
|
|
+ max-width:50%
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+#intro ul {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ margin-top: 40px
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 670px) {
|
|
|
+ #intro ul {
|
|
|
+ margin-top:65px
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+#intro li:first-child a {
|
|
|
+ margin-right: 23px;
|
|
|
+ color: #fff;
|
|
|
+ background: #3ecf8e;
|
|
|
+ text-shadow: 0 1px 3px rgba(36,180,126,.4)
|
|
|
+}
|
|
|
+
|
|
|
+#intro li:first-child svg {
|
|
|
+ position: relative;
|
|
|
+ top: 1px;
|
|
|
+ margin-right: 5px
|
|
|
+}
|
|
|
+
|
|
|
+#intro li:last-child {
|
|
|
+ display: none
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 670px) {
|
|
|
+ #intro li:last-child {
|
|
|
+ display:block
|
|
|
+ }
|
|
|
+
|
|
|
+ #intro li:last-child a {
|
|
|
+ color: #7795f8
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+#app-illustrations {
|
|
|
+ pointer-events: none;
|
|
|
+ position: absolute;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ width: 1287px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -644px;
|
|
|
+ -webkit-transform: scale(.5) rotate(-12deg) translateX(50px);
|
|
|
+ transform: scale(.5) rotate(-12deg) translateX(50px);
|
|
|
+ -webkit-transform-origin: 50% 20%;
|
|
|
+ transform-origin: 50% 20%
|
|
|
+}
|
|
|
+
|
|
|
+#app-illustrations.hidden-preload {
|
|
|
+ visibility: hidden
|
|
|
+}
|
|
|
+
|
|
|
+#app-illustrations div {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-pack: center;
|
|
|
+ -ms-flex-pack: center;
|
|
|
+ justify-content: center;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 38px;
|
|
|
+ background: #fff;
|
|
|
+ -webkit-box-shadow: inset 0 4px 7px 1px #fff,inset 0 -5px 20px rgba(173,186,204,.25),0 2px 6px rgba(0,21,64,.14),0 10px 20px rgba(0,21,64,.05);
|
|
|
+ box-shadow: inset 0 4px 7px 1px #fff,inset 0 -5px 20px rgba(173,186,204,.25),0 2px 6px rgba(0,21,64,.14),0 10px 20px rgba(0,21,64,.05)
|
|
|
+}
|
|
|
+
|
|
|
+#app-illustrations .tablet-landscape {
|
|
|
+ width: 512px;
|
|
|
+ height: 352px;
|
|
|
+ margin: 115px 50px 0
|
|
|
+}
|
|
|
+
|
|
|
+#app-illustrations .phone-big {
|
|
|
+ display: none
|
|
|
+}
|
|
|
+
|
|
|
+#app-illustrations .phone-small {
|
|
|
+ -webkit-box-ordinal-group: 0;
|
|
|
+ -ms-flex-order: -1;
|
|
|
+ order: -1;
|
|
|
+ width: 225px;
|
|
|
+ height: 467px
|
|
|
+}
|
|
|
+
|
|
|
+#app-illustrations .tablet-portrait {
|
|
|
+ width: 450px;
|
|
|
+ height: 675px;
|
|
|
+ margin-top: 115px
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 670px) {
|
|
|
+ #app-illustrations {
|
|
|
+ -ms-flex-wrap:wrap;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ width: 512px;
|
|
|
+ margin-left: -50px;
|
|
|
+ top: 215px;
|
|
|
+
|
|
|
+ -webkit-transform-origin: 100% 0;
|
|
|
+ transform-origin: 100% 0;
|
|
|
+ -webkit-transform: scale(.8) rotate(-12deg);
|
|
|
+ transform: scale(.8) rotate(-12deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ #app-illustrations.hidden-preload {
|
|
|
+ visibility: visible
|
|
|
+ }
|
|
|
+
|
|
|
+ #app-illustrations [class^=tablet] {
|
|
|
+ margin: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ #app-illustrations .tablet-landscape {
|
|
|
+ width: 512px;
|
|
|
+ height: 352px
|
|
|
+ }
|
|
|
+
|
|
|
+ #app-illustrations .phone-small {
|
|
|
+ width: 225px;
|
|
|
+ height: 467px;
|
|
|
+ margin: 0 0 50px 176px
|
|
|
+ }
|
|
|
+
|
|
|
+ #app-illustrations .tablet-portrait {
|
|
|
+ display: none
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 880px) {
|
|
|
+ #app-illustrations {
|
|
|
+ margin-left: -10px;
|
|
|
+ top: 20px;
|
|
|
+ -webkit-transform: scale(1) rotate(-12deg);
|
|
|
+ transform: scale(1) rotate(-12deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ #app-illustrations .tablet-landscape {
|
|
|
+ -ms-flex-item-align: end;
|
|
|
+ align-self: flex-end;
|
|
|
+ margin-right: 50px
|
|
|
+ }
|
|
|
+
|
|
|
+ #app-illustrations .phone-big {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ margin-left: 100px;
|
|
|
+ width: 267px;
|
|
|
+ height: 553px
|
|
|
+ }
|
|
|
+
|
|
|
+ #app-illustrations .phone-small {
|
|
|
+ -webkit-box-ordinal-group: 1;
|
|
|
+ -ms-flex-order: 0;
|
|
|
+ order: 0;
|
|
|
+ margin: 50px 50px 0 0
|
|
|
+ }
|
|
|
+
|
|
|
+ #app-illustrations .tablet-portrait {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ width: 450px;
|
|
|
+ height: 675px;
|
|
|
+ margin-top: 50px
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-width: 670px) {
|
|
|
+ #app-illustrations {
|
|
|
+ -webkit-transform: scale(0.5) rotate(-12deg);
|
|
|
+ transform: scale(0.5) rotate(-12deg);
|
|
|
+ -webkit-transform-origin: 50% 144%;
|
|
|
+ transform-origin: 94% -144%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.announcement {
|
|
|
+ display: -webkit-inline-box;
|
|
|
+ display: -ms-inline-flexbox;
|
|
|
+ display: inline-flex;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ align-items: center;
|
|
|
+ width: calc(100% + 40px);
|
|
|
+ width: calc(100% + 20px * 2);
|
|
|
+ padding: 10px 20px;
|
|
|
+ margin: 0 0 30px -20px;
|
|
|
+ margin: 0 0 30px calc(20px * -1);
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 17px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #fff;
|
|
|
+ text-decoration: none;
|
|
|
+ background: rgba(0,0,140,.08)
|
|
|
+}
|
|
|
+
|
|
|
+.keyboard-navigation .announcement:focus {
|
|
|
+ -webkit-box-shadow: 0 0 0 1.5px hsla(0,0%,100%,.75);
|
|
|
+ box-shadow: 0 0 0 1.5px hsla(0,0%,100%,.75)
|
|
|
+}
|
|
|
+
|
|
|
+.announcement .message {
|
|
|
+ -webkit-box-flex: 1;
|
|
|
+ -ms-flex: 1;
|
|
|
+ flex: 1;
|
|
|
+ margin: 0 12px
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 670px) {
|
|
|
+ @supports (width:auto) {
|
|
|
+ .announcement {
|
|
|
+ width:auto
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .announcement {
|
|
|
+ line-height: 26px;
|
|
|
+ margin: 0 0 55px;
|
|
|
+ padding: 0 12px 0 5px;
|
|
|
+ border-radius: 15px
|
|
|
+ }
|
|
|
+
|
|
|
+ .announcement .message {
|
|
|
+ margin: 0 7px 0 6px
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.announcement .new-pill {
|
|
|
+ padding: 0 6px;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ background: #24b47e;
|
|
|
+ text-transform: uppercase;
|
|
|
+ border-radius: 10px
|
|
|
+}
|
|
|
+
|
|
|
+/* .announcement:after {
|
|
|
+ content: "\27A2";
|
|
|
+ font: normal 16px StripeIcons;
|
|
|
+ position: relative;
|
|
|
+ bottom: 1px
|
|
|
+} */
|
|
|
+.announcement:hover { color: #fff!important;}
|
|
|
+.common-Button {
|
|
|
+ white-space: nowrap;
|
|
|
+ display: inline-block;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ padding: 0 14px;
|
|
|
+ -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
|
|
|
+ box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: 600;
|
|
|
+ text-transform: uppercase;
|
|
|
+ letter-spacing: .025em;
|
|
|
+ color: #6772e5;
|
|
|
+ text-decoration: none;
|
|
|
+ -webkit-transition: all .15s ease;
|
|
|
+ transition: all .15s ease
|
|
|
+}
|
|
|
+
|
|
|
+.container-fluid,.container-lg,.container-wide,.container-xl {
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 20px;
|
|
|
+ width: 100%
|
|
|
+}
|
|
|
+
|
|
|
+.container-lg {
|
|
|
+ max-width: 1040px
|
|
|
+}
|
|
|
+
|
|
|
+.container-wide,.container-xl {
|
|
|
+ max-width: 1160px
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.common-BodyText {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 17px;
|
|
|
+ line-height: 28px;
|
|
|
+ color: #525f7f
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.index-banner .swiper-container{width: 100%; height: 100%;}
|
|
|
+.index-banner .swiper-slide{overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%;}
|
|
|
+.index-banner .swiper-slide>a{display: block; height: 730px; width: 100%;}
|
|
|
+
|
|
|
+/*自定义swiper分页按钮*/
|
|
|
+.index-banner .swiper-pagination-bullet{width: 40px; height: 4px; display: inline-block; border-radius: 0; background-color: #fff; opacity: .4;}
|
|
|
+.index-banner .swiper-pagination-bullet-active{opacity: 1;}
|
|
|
+.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
|
|
|
+.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
|
|
|
+
|
|
|
+.index-banner .banner-con{color: #fff;}
|
|
|
+.index-banner .banner-con .h1{font-size: 32px; font-weight: 600;}
|
|
|
+.index-banner .banner-con .h2{font-size: 18px; line-height: 30px; margin-bottom: 20px;}
|
|
|
+.index-banner .banner-con .ms-btn{border-color: #fff; width: 110px; color: #fff; font-size: 16px;}
|
|
|
+
|
|
|
+.index-banner .banner-con.con1{padding:295px 0 0 40px;}
|
|
|
+.index-banner .banner-con.con1 .h1{margin-bottom: 20px;}
|
|
|
+.index-banner .banner-con.con1 span{margin-left: 45px;}
|
|
|
+.index-banner .banner-con.con1 i{font-size: 22px;}
|
|
|
+
|
|
|
+.index-banner .banner-con.con2{padding: 290px 0 0 90px;}
|
|
|
+.index-banner .banner-con.con2 .h1{margin-bottom: 10px;}
|
|
|
+
|
|
|
+.index-banner .banner-con.con3{text-align: center; padding-top: 290px;}
|
|
|
+.index-banner .banner-con.con3 .h1{margin-bottom: 20px;}
|
|
|
+
|
|
|
+.index-banner .banner-con.con4{padding: 290px 0 0 40px;}
|
|
|
+.index-banner .banner-con.con4 .h1{margin-bottom: 20px;}
|
|
|
+/*/banner*/
|
|
|
+
|
|
|
+/*publicity*/
|
|
|
+.publicity-wrap{background-color: #f5f9fe; margin-top: 10px;}
|
|
|
+.publicity li{background-color: #f5f9fe; padding: 18px 30px 0; height: 95px; float: left; width: 33.333333%; border-left: 1px solid #e5e5e5;}
|
|
|
+.publicity li>a>div{float: none; display: table-cell; vertical-align: top;}
|
|
|
+.publicity li:first-of-type{border-left-color: transparent;}
|
|
|
+.publicity li .p-right{padding-left: 15px;}
|
|
|
+.publicity li .tit{font-size: 18px; color: #333; margin-bottom: 3px;}
|
|
|
+.publicity li .blue-line{margin: 0 0 10px; display: none;}
|
|
|
+.publicity li p{font-size: 12px;}
|
|
|
+.publicity li:hover .tit{color: #157df1;}
|
|
|
+.publicity li:hover p{color: #157df1;}
|
|
|
+/*/publicity*/
|
|
|
+
|
|
|
+/*网站封装APP*/
|
|
|
+.index-common{text-align: center; padding: 80px 0;}
|
|
|
+.index-common>h1{color: #157df1; margin-bottom: 20px;}
|
|
|
+.index-common>h4{color: #666; margin-bottom: 60px;}
|
|
|
+
|
|
|
+.index-encapsulation .e-list{margin-bottom: 50px;}
|
|
|
+.index-encapsulation .e-list li{width: 20%; float: left;}
|
|
|
+.index-encapsulation .ms-thumbnail img{margin-bottom: 15px;}
|
|
|
+/*/网站封装APP*/
|
|
|
+
|
|
|
+/*企业签名*/
|
|
|
+.index-signature-wrap{background: url("../img/index-bg-1.jpg") no-repeat center; height: 660px;}
|
|
|
+.index-signature>h1{color: #fff;}
|
|
|
+.index-signature>h4{color: #fff;}
|
|
|
+.index-signature .row{padding: 0 50px; margin: 0 -10px 40px;}
|
|
|
+.index-signature .row .col-sm-6{padding: 0 10px; margin-bottom: 20px;}
|
|
|
+.index-signature .row .con{background-color: #fff; padding: 0 20px;}
|
|
|
+.index-signature .row .con>*{display: table-cell; vertical-align: middle; float: none; height: 120px;}
|
|
|
+
|
|
|
+.index-signature .row .con dl{text-align: left; padding-left: 15px;}
|
|
|
+.index-signature .row .con dl dt{color: #333; font-size: 18px; margin-bottom: 5px;}
|
|
|
+.index-signature .more{border: 1px solid #fff; color: #fff;}
|
|
|
+.index-signature .more:hover{background-color: #fff; color: #157df1;}
|
|
|
+/*/企业签名*/
|
|
|
+
|
|
|
+/*内测分发*/
|
|
|
+.index-releas>h4{margin-bottom: 50px;}
|
|
|
+.index-releas .row{margin-bottom: 50px;}
|
|
|
+.index-releas .ms-thumbnail img{margin-bottom: 10px;}
|
|
|
+/*/内测分发*/
|
|
|
+
|
|
|
+/*功能累计数*/
|
|
|
+.cumulative-wrap{background: url("../img/index-bg-2.jpg") no-repeat center; height: 300px;}
|
|
|
+.index-cumulative{padding: 70px 0;}
|
|
|
+.index-cumulative>h1{color: #fff; margin-bottom: 50px;}
|
|
|
+.index-cumulative .num{font-size: 36px; color: #fff; margin-bottom: 5px;}
|
|
|
+.index-cumulative .text{color: #fff;}
|
|
|
+/*/功能累计数*/
|
|
|
+
|
|
|
+/*合作伙伴*/
|
|
|
+.index-partners{padding: 80px 60px 60px;}
|
|
|
+.index-partners>h1{margin-bottom: 60px;}
|
|
|
+.index-partners .con{position: relative; border: 1px solid #e5e5e5;}
|
|
|
+.index-partners ul li{float: left; width: 20%; padding: 0 10px; margin-bottom: 20px;}
|
|
|
+.index-partners .con p{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; color: #333; padding: 10px; display: flex; align-items: center; cursor: pointer; display: none;}
|
|
|
+.index-partners .con:hover p{display: flex;}
|
|
|
+/*/合作伙伴*/
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*footer*/
|
|
|
+footer{background-color: #373d41; padding: 60px 0;}
|
|
|
+.footer .left dl{margin-right: 160px;}
|
|
|
+.footer .left dl:last-of-type{margin-right: 100px;}
|
|
|
+.footer .left dt{color: #fff; font-size: 18px; margin-bottom: 20px;}
|
|
|
+.footer .left dd{margin-bottom: 10px; color: #fff; font-size: 12px;}
|
|
|
+.footer .left dd.line{background-color: #fff; width: 16px; height: 2px; margin-bottom: 15px;}
|
|
|
+.footer .left dd a{color: #fff; font-size: 12px;}
|
|
|
+.footer .left dd a:hover{text-decoration: underline;}
|
|
|
+
|
|
|
+.footer .right a{display: block;}
|
|
|
+.footer .right a img{width: 110px; height: 60px;}
|
|
|
+.footer .right .wechat{padding: 5px; background-color: #fff; margin: 10px 0; width: 95px; height: 95px; overflow: hidden;}
|
|
|
+.footer .right .wechat img{width: 85px; height: 85px;}
|
|
|
+.footer .right p{font-size: 12px; color: #fff; text-align: right;}
|
|
|
+
|
|
|
+.footer .record{text-align: center; color: #fff; margin-top: 20px;}
|
|
|
+/*/footer*/
|
|
|
+/*----------index-----------*/
|
|
|
+
|
|
|
+/*----------登录-----------*/
|
|
|
+.login-common{width: 500px; border-radius: 0; border: 1px solid #e5e5e5; padding: 40px 45px; box-shadow: 0 5px 10px rgba(0,0,0,.1); margin: 80px auto;}
|
|
|
+.login-common .help-block{position: absolute; top: 100%; display: none;}
|
|
|
+.login-common .has-error .help-block{display: block;}
|
|
|
+.login-common .input-lg{font-size: 16px;}
|
|
|
+
|
|
|
+.login-common .tit{font-size: 18px; color: #333; text-align: center; margin-bottom: 30px;}
|
|
|
+.login-common .form-group{position: relative; margin-bottom: 20px;}
|
|
|
+.login-common .form-group label{position: absolute; left: 12px; top: 50%; transform: translateY(-50%);}
|
|
|
+.login-common .form-group .form-control{padding-left: 40px; border-radius: 0;}
|
|
|
+.login-common .form-group .icon-tel{font-size: 22px;}
|
|
|
+.login-common .form-group .icon-pwd{font-size: 18px;}
|
|
|
+.login-common .checkbox{margin: 0;}
|
|
|
+.login-common .checkbox input{margin-left: 0;}
|
|
|
+.login-common .checkbox span{margin-left: 20px;}
|
|
|
+.login-common .ms-btn-primary{width: 100%; font-size: 14px;}
|
|
|
+
|
|
|
+.login-common .login-logo{margin-bottom: 20px;}
|
|
|
+.login-common .registered-logo{margin-bottom: 30px;}
|
|
|
+.login-common .login-logo img{margin: 0 auto;}
|
|
|
+
|
|
|
+.login-common .login-logo .slogan-wrap{text-align: center; margin-top: 15px;}
|
|
|
+.login-common .login-logo .slogan{display: inline-block;}
|
|
|
+.login-common .login-logo .slogan .text{margin: 0 7px; color: #999;}
|
|
|
+/*----------/登录-----------*/
|
|
|
+
|
|
|
+/*----------注册-----------*/
|
|
|
+.login-common .form-group .icon-user{font-size: 20px;}
|
|
|
+.login-common .form-group .icon-email{font-size: 20px; top: 55%;}
|
|
|
+.login-common .verification-code .form-control{width: 70%;}
|
|
|
+.login-common .verification-code .ms-btn-primary{width: 27%; margin-top: 0;}
|
|
|
+/*----------/注册-----------*/
|
|
|
+
|
|
|
+/*----------实名认证-----------*/
|
|
|
+.real-name-wrap{background-color: #f2f2f5; padding-bottom: 40px;}
|
|
|
+.real-name{background-color: #fff; border-radius: 3px; border: 1px solid #e5e5e5; padding: 65px 0;}
|
|
|
+.real-name.real-name-error{background-color: transparent; border-radius: 3px; border: none; padding: 65px 0 0;}
|
|
|
+.real-name .top{padding-bottom: 25px; text-align: center;}
|
|
|
+.real-name .top ul{display: inline-block;}
|
|
|
+.real-name .top ul li{float: left;}
|
|
|
+.real-name .top ul li:nth-of-type(odd){margin: 0 35px;}
|
|
|
+.real-name .top ul li .num{width: 27px; height: 27px; text-align: center; line-height: 27px; color: #fff; font-size: 18px; border-radius: 50%; background-color: #d7dde4; position: relative; top: -1px;}
|
|
|
+.real-name .top ul li .text{color: #333; font-size: 18px; margin-left: 10px;}
|
|
|
+.real-name .top ul li.active .text{color: #348dee; font-weight: 600;}
|
|
|
+.real-name .top ul li.active .num{background-color: #348dee;}
|
|
|
+.real-name .top ul li dl{margin: 12px 20px 0;}
|
|
|
+.real-name .top ul li dd{background-color: #d7dde4; width: 3px; height: 3px; border-radius: 3px; float: left; margin: 0 2px;}
|
|
|
+
|
|
|
+/*1*/
|
|
|
+.real-name .con1{text-align: center; background-color: #fff;}
|
|
|
+.real-name .con .choice{text-align: left; padding-left: 25px; margin-bottom: 20px;}
|
|
|
+.real-name .con .choice-wrap{display: inline-block; padding: 75px 0 160px;}
|
|
|
+.real-name .con li{width: 320px; border: 1px solid #e5e5e5; border-radius: 3px; padding: 65px 0 35px; margin: 0 25px;}
|
|
|
+.real-name .con li.active{border-color: #157df1;}
|
|
|
+.real-name .con li .con-t{background-color: #fbfbfb; border: 1px solid #e5e5e5; width: 145px; height: 145px; border-radius: 50%; margin: 0 auto;}
|
|
|
+.real-name .con li:first-of-type .con-t{background: url("../img/icon-8.png") no-repeat center;}
|
|
|
+.real-name .con li:last-of-type .con-t{background: url("../img/icon-9.png") no-repeat center;}
|
|
|
+.real-name .con li .tit{color: #333; font-size: 18px; text-align: center; margin-top: 35px;}
|
|
|
+.real-name .con li p{color: #666; font-size: 12px; text-align: center; line-height: 24px; margin-top: 5px;}
|
|
|
+.real-name .con li .authentication{width: 50%; margin: 40px auto 0; display: block;}
|
|
|
+.real-name .con li:hover{border-color: #348dee; box-shadow: 0 0px 10px rgba(0,0,0,.1);}
|
|
|
+.real-name .con li:hover .con-t{background-color: transparent; border-color: transparent;}
|
|
|
+.real-name .con li:hover .authentication{background: #348dee; color: #fff; border-color: #348dee;}
|
|
|
+
|
|
|
+/*2*/
|
|
|
+.real-name .con2{padding: 0 200px; /*background-color: #fff;*/}
|
|
|
+.real-name .con2 .form-group{margin-bottom: 30px;}
|
|
|
+.real-name .con2 .form-group .control-label{color: #333;}
|
|
|
+.control-label span{color: #ff4222; margin-right: 10px;}
|
|
|
+
|
|
|
+.real-name .con2 .upload-img1{position: relative; border: 1px dashed #e5e5e5; height: 150px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 40px; overflow: hidden; margin-bottom: 30px;}
|
|
|
+.real-name .con2 .upload-img1:last-of-type{margin-bottom: 0;}
|
|
|
+.real-name .con2 .upload-img1 img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff;}
|
|
|
+
|
|
|
+.real-name .con2 .upload-img1 .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer;}
|
|
|
+.real-name .con2 .upload-img1 .text{text-align: center; margin-top: 80px;}
|
|
|
+
|
|
|
+.real-name .con2 .upload-img1 .reset{position: absolute; left: 0; bottom: 0; height: 30px; line-height: 30px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; display: none;}
|
|
|
+
|
|
|
+.real-name .con2 .upload-img1 .reset{display: none;}
|
|
|
+.real-name .con2 .upload-img1.uploaded .reset{display: none;}
|
|
|
+.real-name .con2 .upload-img1.uploaded:hover .reset{display: block;}
|
|
|
+
|
|
|
+.real-name .con2 .upload-img1 .water-mark{display: none;}
|
|
|
+.real-name .con2 .upload-img1 .water-mark img{background-color: transparent;}
|
|
|
+.real-name .con2 .upload-img1.uploaded .water-mark{display: block;}
|
|
|
+
|
|
|
+.real-name .con2 .upload-img1 .ongoing{position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px; display: none;}
|
|
|
+.real-name .con2 .upload-img1.uploading .ongoing{display: flex;}
|
|
|
+
|
|
|
+.real-name .data-uploading .submit{width: 160px;}
|
|
|
+
|
|
|
+.real-name .con2 .upload-license{height: 340px; margin-bottom: 0; background-position: center 40%; display: flex; align-items: center;}
|
|
|
+.real-name .con2 .upload-license .text{text-align: center; width: 100%; margin-top: 0;}
|
|
|
+
|
|
|
+/*3*/
|
|
|
+.real-name .con3-top{padding: 80px 135px 130px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
|
|
|
+.real-name .con3-top>h3{font-size: 28px; color: #333; margin-top: 40px;}
|
|
|
+.real-name .con3-top>h4{font-size: 18px; color: #333; margin-top: 15px;}
|
|
|
+
|
|
|
+.list-bottom-common{padding: 40px 140px; margin-top: 20px; margin-bottom: 40px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
|
|
|
+.list-bottom-common .index-common{padding: 0;}
|
|
|
+.list-bottom-common .index-common .row{margin-top: 0;}
|
|
|
+.list-bottom-common .index-common .con{border: 1px solid #e5e5e5; border-radius: 3px; padding: 40px 30px 45px;}
|
|
|
+.list-bottom-common .index-common .con p{line-height: 20px; font-size: 12px; margin-top: 30px; height: 80px;}
|
|
|
+.list-bottom-common .index-common .con img{height: 83px; margin: 0 auto 20px;}
|
|
|
+
|
|
|
+.list-bottom-common .index-common .con:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1);}
|
|
|
+.list-bottom-common .index-common .con:hover h4{color: #157df1;}
|
|
|
+
|
|
|
+.real-name .con3-top .btn-reset{background-color: #fd9823; color: #fff; padding: 9px 0; width: 160px; display: block; margin: 40px auto 0;}
|
|
|
+.real-name .list-bottom-common{margin-bottom: 0;}
|
|
|
+/*----------/实名认证-----------*/
|
|
|
+
|
|
|
+/*----------价格-----------*/
|
|
|
+.buy-distribution{padding: 90px 70px 0;}
|
|
|
+.buy-distribution .con{border: 1px solid #e5e5e5; padding-bottom: 35px; margin-bottom: 30px;}
|
|
|
+.buy-distribution .con:hover{box-shadow: 0 5px 10px rgba(21,125,241,.2);}
|
|
|
+.buy-distribution .con .c-top{background: linear-gradient(to right, #5aabfc, #28c9f7); height: 160px; border-radius: 0 0 50% 50%; text-align: center; padding-top: .1px; position: relative;}
|
|
|
+.buy-distribution .con .c-top .text{color: #fff; font-size: 16px; margin-top: 30px;}
|
|
|
+.buy-distribution .con .c-top .num{color: #fff; font-size: 50px;}
|
|
|
+.buy-distribution .con .c-top .num span{font-size: 12px;}
|
|
|
+.buy-distribution .con .c-top .recommended{position: absolute; top: 0; right: 0; display: none;}
|
|
|
+
|
|
|
+.buy-distribution .tooltip .tooltip-inner{max-width: 300px;}
|
|
|
+
|
|
|
+.buy-distribution .con .bottom .text{color: #333; margin-top: 25px;}
|
|
|
+.buy-distribution .con .bottom .price{color: #157df1; font-size: 40px; margin-top: 15px;}
|
|
|
+.buy-distribution .con .bottom .price span{font-size: 12px;}
|
|
|
+.buy-distribution .con .bottom .btn-buy{padding: 9px 0; width: 120px; border: 1px solid #157df1; color: #157df1; margin-top: 25px;}
|
|
|
+.buy-distribution .con:hover .bottom .btn-buy{background-color: #157df1; color: #fff;}
|
|
|
+
|
|
|
+.buy-distribution .con .bottom-con{padding: 0 30px; margin-top: 40px;}
|
|
|
+.buy-distribution .con .bottom-con dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 20px; height: 156px;}
|
|
|
+.buy-distribution .con .bottom-con dl dd{margin: 5px 0;}
|
|
|
+.buy-distribution .con .bottom-con dl dd .icon-gou{margin-right: 10px;}
|
|
|
+.buy-distribution .con .bottom-con dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
|
|
|
+
|
|
|
+
|
|
|
+.buy-distribution p{padding: 10px 0 40px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+.buy-distribution p a{color: #157df1;}
|
|
|
+/*----------/价格-----------*/
|
|
|
+
|
|
|
+/*----------价格改版 改版完成后，将上一版价格样式删除-----------*/
|
|
|
+
|
|
|
+
|
|
|
+.buy-number{padding: 0 60px;}
|
|
|
+.buy-number .price-common .con{border: 1px solid #e5e5e5; padding-bottom: 40px;}
|
|
|
+.buy-number .price-common .con:hover{box-shadow: 0 5px 10px rgba(21,125,241,.2);}
|
|
|
+.buy-number .price-common .c-top{text-align: center; padding: 30px 0 35px; position: relative;}
|
|
|
+.buy-number .price-common .con .c-top .num{color: #333; font-size: 50px;}
|
|
|
+.buy-number .price-common .con .c-top .num span{font-size: 16px;}
|
|
|
+.buy-number .price-common .con .c-top p{color: #666;}
|
|
|
+.buy-number .price-common .con .c-top .recommended{position: absolute; top: 0; right: 0; display: none;}
|
|
|
+
|
|
|
+.buy-number .price-common .tooltip .tooltip-inner{max-width: 300px;}
|
|
|
+
|
|
|
+.buy-number .price-common .con .bottom-con{padding: 0 30px;}
|
|
|
+.buy-number .price-common .con .bottom-con dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 20px; height: 195px;}
|
|
|
+.buy-number .price-common .con .bottom-con dl dd{margin: 10px 0;}
|
|
|
+.buy-number .price-common .con .bottom-con dl dd .icon-gou{margin-right: 10px; font-size: 14px;}
|
|
|
+.buy-number .price-common .con .bottom-con dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
|
|
|
+.buy-number .price-common .con .bottom-con .b-price{font-size: 16px; color: #157df1; text-align: center; margin-bottom: 25px;}
|
|
|
+.buy-number .price-common .con .bottom-con .b-price span{font-size: 40px;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.buy-number .price-common .con .bottom{text-align: center;}
|
|
|
+.buy-number .price-common .con .bottom .btn-buy{padding: 9px 12px; width: 120px;}
|
|
|
+
|
|
|
+
|
|
|
+.price-con .tab-2 .price-common .p1{margin-bottom: 40px;}
|
|
|
+
|
|
|
+.price-con>.tab-3{margin-bottom: 60px;}
|
|
|
+
|
|
|
+
|
|
|
+.price-con .big-bag-price h1{color: #fd9817;}
|
|
|
+.buy-number .big-bag-price .con .c-top .num{color: #fd9817;}
|
|
|
+.buy-number .big-bag-price .con .c-top .num span{color: #333;}
|
|
|
+.buy-number .big-bag-price .color-hover{color: #fd9817;}
|
|
|
+.buy-number .big-bag-price .con .bottom .btn-buy{background-color: #fd9817; border-color: #fd9817;}
|
|
|
+.buy-number .big-bag-price .con .bottom-con .b-price{color: #fd9817;}
|
|
|
+
|
|
|
+/*----------/价格改版 改版完成后，将上一版价格样式删除-----------*/
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*----------价格支付-----------*/
|
|
|
+.price-pay-wrap{background-color: #f2f2f5; padding-bottom: 40px;}
|
|
|
+.price-pay .con{background-color: #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
|
|
|
+
|
|
|
+.price-pay .common .tit{padding: 25px 30px 20px; border-bottom: 1px solid #e5e5e5; color: #333;}
|
|
|
+
|
|
|
+.price-pay .common ul{padding: 20px 25px;}
|
|
|
+.price-pay .common ul li{float: left; position: relative; cursor: pointer;}
|
|
|
+.price-pay .common .list1 li{border: 1px solid #e5e5e5; border-radius: 3px; padding: 12px 20px 11px; margin-right: 40px;}
|
|
|
+
|
|
|
+.price-pay .common .list1 li .left{padding-right: 20px;}
|
|
|
+.price-pay .common .list1 li .text1{color: #666;}
|
|
|
+.price-pay .common .list1 li .text2{text-align: center;color: #333; margin-top: 5px; font-weight: 600;}
|
|
|
+
|
|
|
+.price-pay .common .list1 .right{color: #157df1; font-size: 30px; padding-left: 20px; border-left: 1px solid #e5e5e5;}
|
|
|
+.price-pay .common .list1 .right span{color: #666; font-size: 14px;}
|
|
|
+.price-pay .common ul li .radio-checked{display: none; position: absolute; right: 0; bottom: 0;}
|
|
|
+.price-pay .common ul li.active .radio-checked{display: block;}
|
|
|
+.price-pay .common ul.list1 .active{border-color: #157df1;}
|
|
|
+
|
|
|
+.price-pay .common .list2.active{border-color: #157df1;}
|
|
|
+.price-pay .common .list2 li.active .icon-radio{width: 16px; height: 16px; background-position: 0 -17px;}
|
|
|
+
|
|
|
+.price-pay .common .list2 li{margin-right: 70px; position: relative;}
|
|
|
+.price-pay .common .list2 li .preferential{background-color: #ed2027; border-radius: 3px; color: #fff; position: absolute; top: -18px; left: 100%; font-size: 12px; white-space: nowrap; padding: 1px 3px; z-index: 3; display: none;}
|
|
|
+
|
|
|
+.price-pay .common .list3 li{height: 44px; border: 1px solid #e5e5e5; justify-content: center; display: flex; align-items: center; margin-right: 20px; padding: 0 30px;}
|
|
|
+.price-pay .common .list3 li.disabled{background-color: #f9f9f9; cursor: not-allowed;}
|
|
|
+.price-pay .common .list3 li.disabled .iconfont{color: #b3b3b3;}
|
|
|
+.price-pay .common .list3 li.disabled .remaining-amount{color: #999;}
|
|
|
+.price-pay .common .list3 li.disabled .remaining-amount .color-hover{color: #999;}
|
|
|
+.price-pay .common .list3 li img{display: inline-block;}
|
|
|
+.price-pay .common ul.list3 .active{border-color: #157df1;}
|
|
|
+.price-pay .common ul.list2 .disabled{cursor: not-allowed; color: #e5e5e5; background-color: transparent !important;}
|
|
|
+
|
|
|
+.price-pay .pay-money{padding-left: 25px; border-top: 1px solid #e5e5e5; margin-top: 20px; padding-bottom: 40px;}
|
|
|
+.price-pay .pay-money .money{color: #333; padding: 20px 0;}
|
|
|
+.price-pay .pay-money .money span{color: #fd641d; font-size: 24px;}
|
|
|
+.price-pay .pay-money .ms-btn{width: 160px; padding: 9px 0;}
|
|
|
+
|
|
|
+.price-pay .common .remaining-amount .a-num{font-size: 12px;}
|
|
|
+.price-pay .common .icon-yue{color: #ffa304; font-size: 22px; margin-right: 5px;}
|
|
|
+/*----------/价格支付-----------*/
|
|
|
+
|
|
|
+/*----------应用发布-----------*/
|
|
|
+.release-app-wrap{background-color: #f2f2f5;}
|
|
|
+.upload-file{box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 3px; background-color: #fff; padding: 160px 0 100px; margin-top: 20px;}
|
|
|
+.upload-file .upload-btn{width: 240px; padding: 0; height: 60px; font-size: 18px; line-height: 58px; margin: 0 auto; display: block; position: relative;}
|
|
|
+.upload-file .upload-btn input[type=file]{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer;}
|
|
|
+.upload-file .upload-btn .iconfont{font-size: 30px; margin-right: 10px; position: relative;}
|
|
|
+.upload-file p{text-align: center; color: #666; line-height: 22px; margin-top: 15px;}
|
|
|
+.upload-file .upload-btn .text{position: relative; top: -3px;}
|
|
|
+
|
|
|
+.release-app>p{padding: 5px 0;}
|
|
|
+.release-app>p>a{color: #157df1;}
|
|
|
+
|
|
|
+.upload-app-icon img{width: 60px; height: 60px; border-radius: 15px; border: 1px solid #e5e5e5;}
|
|
|
+
|
|
|
+/*app 上传成功*/
|
|
|
+/*
|
|
|
+.release-app .uploaded-success{height: 450px; background-color: #fff; border: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 40px; text-align: center;}
|
|
|
+.release-app .uploaded-success img{width: 90px; height: 90px; border-radius: 15px; margin-top: 70px; border: 1px solid #e5e5e5;}
|
|
|
+.release-app .uploaded-success .tit{font-size: 20px; color: #333; margin-top: 15px;}
|
|
|
+.release-app .uploaded-success .iconfont{margin-right: 5px;}
|
|
|
+*/
|
|
|
+
|
|
|
+.release-app .uploaded-success{padding: 110px 0; background-color: #fff; border-radius: 5px; margin-bottom: 40px; text-align: center;}
|
|
|
+.release-app .uploaded-success .img-wrap{width: 130px; height: 130px; border-radius: 15px; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2); margin: 0 auto; margin-bottom: 30px;}
|
|
|
+.release-app .uploaded-success img{border-radius: 15px; max-width: 100%; height: 100%;}
|
|
|
+.release-app .uploaded-success .tit{font-size: 20px; color: #fff; background: url("../img/release-img-1.png") no-repeat; width: 283px; height: 37px; line-height: 37px; margin: 0 auto 25px; font-weight: 600;}
|
|
|
+.release-app .uploaded-success .p1{font-size: 18px; color: #333; margin-bottom: 40px;}
|
|
|
+
|
|
|
+.release-app .uploaded-success .up-btn .ms-btn{border-radius: 20px; width: 150px; padding: 8px; margin: 0 12px; font-size: 16px;}
|
|
|
+.release-app .uploaded-success .up-btn .ms-btn:hover{box-shadow: 0 3px 5px rgba(21,125,241,.2);}
|
|
|
+.release-app .uploaded-success .iconfont{margin-right: 5px;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*----------/应用发布-----------*/
|
|
|
+
|
|
|
+/*----------/我的应用-----------*/
|
|
|
+.release-app .search{position: relative;}
|
|
|
+.release-app .search .iconfont{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}
|
|
|
+.release-app .search input{height: 40px; line-height: 38px; width: 160px; border: 1px solid #e5e5e5; padding-left: 40px;}
|
|
|
+.release-app .search .btn-search{line-height: 40px; color: #157df1; margin-left: 15px;}
|
|
|
+
|
|
|
+.release-app .btn-new-release .iconfont{font-size: 20px; }
|
|
|
+.release-app .btn-new-release .text{margin: 4px 0 0 5px;}
|
|
|
+.release-app .app-table-wrap{/*min-height: 400px;*/ background-color: #fff; margin-top: 20px;}
|
|
|
+/*.release-app .app-table-wrap .table-responsive{min-height: 500px;}*/
|
|
|
+.release-app .app-table{border: 1px solid #e5e5e5;}
|
|
|
+.release-app .app-table tr th{text-align: center; font-weight: 600; color:#666; padding: 15px 0; background-color: #f7f7fa; border-color: #e5e5e5; font-size: 12px;}
|
|
|
+.release-app .app-table tr td{font-size: 12px; color: #666;}
|
|
|
+.release-app .app-table>tbody>tr>td{text-align: center; padding: 10px; vertical-align: middle; background-color: #fff; border-color: #e5e5e5; color: #666;}
|
|
|
+.release-app .app-table>tbody>tr>td.color-danger{color: #fd641d;}
|
|
|
+.release-app .app-table>tbody>tr>td.color-999{color: #999;}
|
|
|
+.release-app .app-table>tbody>tr>td td{text-align: left;}
|
|
|
+/*.release-app .app-table>tbody>tr:hover td{background-color: #f9f9f9;}*/
|
|
|
+/*.release-app .app-table>tbody>tr>td:first-of-type img{border-radius: 5px; border: 1px solid #e5e5e5;}*/
|
|
|
+.release-app .app-table .app-icon-size img{border-radius: 5px; border: 1px solid #e5e5e5;}
|
|
|
+
|
|
|
+.release-app .icon-small-code{position: relative; cursor: pointer; margin-left: 5px;}
|
|
|
+.release-app .icon-small-code .popover{width: 150px; display: none; left: 50%; top: 13px; transform: translateX(-50%);}
|
|
|
+.release-app .icon-small-code .popover .popover-title{color: #333;}
|
|
|
+.release-app .icon-small-code .popover .popover-content img{width: 120px; height: 120px;}
|
|
|
+.release-app .icon-small-code:hover .popover{display: block;}
|
|
|
+
|
|
|
+.release-app .no-app{padding-bottom: 100px;}
|
|
|
+
|
|
|
+/*
|
|
|
+.release-app .qr-code{position: absolute; right: -99px; top: 12px; z-index: 2; display: none; background: url("../img/img-6.png"); width: 127px; height: 148px; text-align: center;}
|
|
|
+*/
|
|
|
+
|
|
|
+.release-app .qr-code img{width: 100px; height: 100px; margin-top: 42px;}
|
|
|
+/*----------/我的应用-----------*/
|
|
|
+
|
|
|
+/*----------我的应用 编辑设置-----------*/
|
|
|
+.release-app .app-editor{background-color: #fff; border-radius: 3px; border: 1px solid #e5e5e5; padding: 30px; margin-bottom: 40px;}
|
|
|
+.release-app .app-editor .top .upload-img{width: 80px; height: 80px; border-radius: 5px; overflow: hidden; position: relative;}
|
|
|
+.release-app .app-editor .top .upload-img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 15px;}
|
|
|
+
|
|
|
+.release-app .app-editor .top .upload-img .upload{position: absolute; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); line-height: 20px; width: 100%; text-align: center; color: #fff; font-size: 12px; cursor: pointer; display: none;}
|
|
|
+.release-app .app-editor .top .upload-img:hover .upload{display: block;}
|
|
|
+.release-app .app-editor .top .upload-img .thumbnail{position: absolute; z-index: 4; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; overflow: hidden; margin-bottom: 0;}
|
|
|
+
|
|
|
+.release-app .app-editor .top .upload-img.uploaded .upload{display: none;}
|
|
|
+.release-app .app-editor .top .upload-img.uploaded input{display: none;}
|
|
|
+.release-app .app-editor .top .upload-img.uploaded:hover .upload{display: block;}
|
|
|
+.release-app .app-editor .top .upload-img.uploaded:hover input{display: block;}
|
|
|
+
|
|
|
+
|
|
|
+.release-app .app-editor .top .left dl{margin-left: 20px;}
|
|
|
+.release-app .app-editor .top .left dl dt{font-size: 24px; color: #333; margin-top: 5px;}
|
|
|
+.release-app .app-editor .top .left dl dt .icon-iphone{margin-top: 10px; margin-left: 5px;}
|
|
|
+.release-app .app-editor .top .left dl dt .icon-android{margin-top: 10px; margin-left: 5px;}
|
|
|
+.release-app .app-editor .top .left dl dd{color: #333; margin-top: 7px;}
|
|
|
+
|
|
|
+.release-app .app-editor .top .right{line-height: 22px;}
|
|
|
+.release-app .app-editor .top .right .iconfont{font-size: 22px;}
|
|
|
+
|
|
|
+.release-app .app-editor table{margin-top: 30px; table-layout: fixed;}
|
|
|
+.release-app .app-editor table td{padding: 15px;}
|
|
|
+.release-app .app-editor table td .bold{color: #333; margin-bottom: 5px;}
|
|
|
+
|
|
|
+.release-app .app-editor .download-qr .icon-small-code{position: relative; cursor: pointer; margin-top: 3px; margin-left: 5px; }
|
|
|
+
|
|
|
+.release-app .app-editor table td .link-down{}
|
|
|
+.release-app .app-editor table td .link-down:hover{color: #157df1; text-decoration: underline;}
|
|
|
+/*
|
|
|
+.release-app .app-editor .download-qr .icon-small-code img{position: absolute; left: -14px; top: 12px; opacity: 0; transition: all 600ms;}
|
|
|
+.release-app .app-editor .download-qr .icon-small-code:hover img{opacity: 1;}
|
|
|
+*/
|
|
|
+
|
|
|
+.release-app .app-editor .set .short-link>.col-sm-6>.col-sm-6{padding-left: 0; padding-right: 0;}
|
|
|
+.release-app .app-editor .set .short-link .form-control{border-radius: 0 4px 4px 0; border-left: none;}
|
|
|
+.release-app .app-editor .set .short-link .link{padding: 6px 12px !important; height: 34px; background-color: #f2f2f5; border: 1px solid #e5e5e5; border-radius: 4px 0 0 4px; color: #333;}
|
|
|
+
|
|
|
+.release-app .app-editor .set{border: 1px solid #e5e5e5; border-radius: 3px; padding-bottom: 40px;}
|
|
|
+.release-app .app-editor .set .tab{background-color: #f2f2f5; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+.release-app .app-editor .set .tab li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
|
|
|
+.release-app .app-editor .set .tab li.active{background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin-left: -1px; color: #157df1;}
|
|
|
+
|
|
|
+.release-app .app-editor .set .tab-con{margin-top: 40px;}
|
|
|
+.release-app .app-editor .set .col-sm-1{width: 11%;}
|
|
|
+.release-app .app-editor .set .tab-con label{color: #333;}
|
|
|
+.release-app .app-editor .set .tab-con .form-control{color: #333;}
|
|
|
+.release-app .app-editor .set .tab-con>div{display: none;}
|
|
|
+.release-app .app-editor .set .tab-con .form-group{margin-bottom: 30px;}
|
|
|
+
|
|
|
+.release-app .app-editor .set .trust{margin-top: 7px;}
|
|
|
+.release-app .app-editor .set .trust li{float: left; margin-right: 50px; cursor: pointer; color: #333;}
|
|
|
+.release-app .app-editor .set .trust li .icon-radio{margin-right: 8px;}
|
|
|
+/*----------/我的应用 编辑设置-----------*/
|
|
|
+
|
|
|
+/*----------个人中心-----------*/
|
|
|
+.user-center-wrap{background-color: #f2f2f5;}
|
|
|
+.user-center{margin-bottom: 40px;}
|
|
|
+.user-center>.row{margin: 0 -5px;}
|
|
|
+.user-center>.row>.col-sm-2{width: 18.5%; padding: 0 5px;}
|
|
|
+.user-center>.row>.col-sm-10{width: 81.5%; padding: 0 5px;}
|
|
|
+.user-center .left{border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff; height: 830px;}
|
|
|
+.user-center .right{border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff; height: 830px;}
|
|
|
+.user-center .left dl{padding-top: 20px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+.user-center .left dl dt{font-size: 16px; color: #333; font-weight: 600; padding-left: 25px; margin-bottom: 15px;}
|
|
|
+.user-center .left dl dt .icon-service{margin: 5px 15px 0 0;}
|
|
|
+.user-center .left dl dt .icon-order{margin: 4px 15px 0 0;}
|
|
|
+.user-center .left dl dt .icon-user1{margin: 3px 15px 0 0;}
|
|
|
+
|
|
|
+.user-center .left dl dd a{height: 50px; line-height: 50px; padding-left: 55px; color: #333; display: block;}
|
|
|
+.user-center .left dl dd a:hover{background-color: #157df1; color: #fff;}
|
|
|
+.user-center .left dl dd.active a{background-color: #157df1; color: #fff;}
|
|
|
+
|
|
|
+.user-center .right .tit{font-size: 16px; color: #333; font-weight: 600; padding: 15px 20px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+
|
|
|
+.user-center .right .con{padding: 20px 50px;}
|
|
|
+.user-center .right .con .input-size{width: 78%; margin-right: 10px; float: left;}
|
|
|
+.user-center .right .con label{color: #333; font-weight: 600;}
|
|
|
+.user-center .right .con .form-group label{margin: 0 30px 8px 0;}
|
|
|
+
|
|
|
+.user-center .right .con .current-email{margin-bottom: 5px;}
|
|
|
+
|
|
|
+.user-center .right .con .user-data{table-layout: fixed;}
|
|
|
+.user-center .right .con .user-data tr th:first-of-type{width: 140px;}
|
|
|
+.user-center .right .con .user-data tr td:first-of-type{width: 270px;}
|
|
|
+.user-center .right .con .user-data tr td:last-of-type{width: 150px;}
|
|
|
+.user-center .right .con .user-data td,.user-center .right .con .user-data th{border: none !important; color: #333; vertical-align: middle; padding: 5px 8px;}
|
|
|
+.user-center .right .con .user-data th{font-weight: 600;}
|
|
|
+.user-center .right .con .read-only{padding-top: 15px; border-top: 1px solid #e5e5e5;}
|
|
|
+.user-center .right .con .read-only th,.user-center .right .con .read-only td{padding: 8px;}
|
|
|
+
|
|
|
+.user-center .right .table-wrap{padding: 20px;}
|
|
|
+.user-center .right .table-wrap .table-responsive{overflow-x: visible;}
|
|
|
+.user-center .right .con .table-order .icon-prompt{position: relative; top: 2px; margin-left: 5px; cursor: pointer;}
|
|
|
+
|
|
|
+.user-center .right .con .table-order>tbody>tr:nth-of-type(odd){background-color: #f6fafe;}
|
|
|
+.user-center .right .con .table-order tr th{background-color: #4497f4; color: #fff; padding: 15px; text-align: center; border-color: #4497f4;}
|
|
|
+.user-center .right .con .table-order tr td{padding: 25px 15px; text-align: center;}
|
|
|
+
|
|
|
+.user-center .right .con .table-order .icon-prompt .tips{background: url("../img/icon-prompt.png") no-repeat; width: 159px; height: 58px; position: absolute; left: -17px; bottom: 11px; padding-top: 15px; font-size: 12px; opacity: 0; display: none; transition: all 600ms; z-index: 1000;}
|
|
|
+.user-center .right .con .table-order .icon-prompt:hover .tips{opacity: 1; display: block;}
|
|
|
+
|
|
|
+.user-center .right .service-wrap{padding: 20px;}
|
|
|
+.user-center .right .service{border: 1px solid #e5e5e5; border-radius: 3px; height: 135px;}
|
|
|
+
|
|
|
+.user-center .right .service .top .tit{background-color: #f5f6f8; font-size: 18px; color: #333; font-weight: 600; padding: 10px 25px; border-radius: 3px;}
|
|
|
+.user-center .right .service .top .ms-btn{margin-right: 25px; margin-top: 10px;}
|
|
|
+
|
|
|
+.user-center .right .service .top .ms-btn-default{border-color: transparent; color: #157df1;}
|
|
|
+.user-center .right .service .top .ms-btn-default:hover{background: #fff; color: #157df1; border-color: #157df1;}
|
|
|
+
|
|
|
+.user-center .right .service .bottom .downloads{margin-top: 20px;}
|
|
|
+.user-center .right .service .bottom .downloads li{padding: 0 25px; width: 50%; float: left; color: #666;}
|
|
|
+.user-center .right .service .bottom .downloads li .progress1{width: 100%; background-color: #f3f3f3; height: 6px; border-radius: 3px; position: relative; margin-top: 10px;}
|
|
|
+.user-center .right .service .bottom .downloads li .progress1 .bar{position: absolute; left: 0; top: 0; height: 100%; background-color: #157df1; border-radius: 3px;}
|
|
|
+
|
|
|
+.user-center .right .service .bottom .signature{display: table; width: 100%; margin-top: 20px; text-align: center;}
|
|
|
+.user-center .right .service .bottom .signature li{display: table-cell; border-right: 1px solid #e5e5e5;}
|
|
|
+.user-center .right .service .bottom .signature li:last-of-type{border-color: transparent;}
|
|
|
+
|
|
|
+.user-center .right .service .bottom .signature li{color: #666;}
|
|
|
+.user-center .right .service .bottom .signature li .num{color: #333;}
|
|
|
+.user-center .right .service .bottom .signature li .num span{font-size: 20px;}
|
|
|
+
|
|
|
+/*
|
|
|
+*2018-09-20改版，改版上线后，将上版本样式删除
|
|
|
+*/
|
|
|
+.user-center1>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .user-center1>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
|
|
|
+}
|
|
|
+.user-center1>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
|
|
|
+.user-center1>.row>.col-sm-10{padding: 0 0 0 10px;}
|
|
|
+
|
|
|
+/*.user-center1 .aside-left{height: 550px;}*/
|
|
|
+.user-center1 .aside-left .iconfont{font-size: 18px;}
|
|
|
+.user-center1 .aside-left .icon-msg{font-size: 18px; position: relative; top: 2px;}
|
|
|
+.user-center1 .aside-left .icon-fapiao,.user-center1 .aside-left .icon-028{position: relative; top: 2px;}
|
|
|
+
|
|
|
+/*.user-center1 .aside-right .user-table{margin-bottom: 40px;}*/
|
|
|
+.user-center1 .aside-right .user-table .table{border: 1px solid #e5e5e5; margin-bottom: 0;}
|
|
|
+.user-center1 .aside-right .user-table .table th{background-color: #f5f6f7; padding: 15px 10px; text-align: center; color: #666; font-weight: 600; border-top-color: transparent;}
|
|
|
+.user-center1 .aside-right .user-table .table td{background-color: #fff; padding: 23px 10px; text-align: center; color: #666; font-size: 12px; border-top-color: #e5e5e5;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .user-table .table td.color-hover{color: #157df1;}
|
|
|
+.user-center1 .aside-right .user-table .table td.color-999{color: #999;}
|
|
|
+.user-center1 .aside-right .user-table .table tr:hover td{background-color: #ebf7ff;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .user-table .table-wrap{background-color: #fff;}
|
|
|
+.user-center1 .aside-right .user-table .table-wrap1{min-height: 495px;}
|
|
|
+.user-center1 .aside-right .user-table .table-wrap2{min-height: 459px; box-shadow: 0 0 5px rgba(0,0,0,.05); padding-bottom: 30px;}
|
|
|
+.user-center1 .aside-right .user-table .table-wrap2 .invoice-table2{border: none; border-bottom: 1px solid #e5e5e5;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .user-table .table td [data-toggle="popover"]{cursor: pointer;}
|
|
|
+.user-center1 .aside-right .paging{margin-top: 30px; margin-bottom: 0;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .order .no-content{padding-top: 90px;}
|
|
|
+.user-center1 .aside-right .order .table-wrap{min-height: 351px;}
|
|
|
+
|
|
|
+.user-center1 .account-management{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; height: 550px;}
|
|
|
+.user-center1 .account-management>ul{height: 48px; background-color: #f2f2f5; line-height: 48px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+.user-center1 .account-management>ul li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
|
|
|
+.user-center1 .account-management>ul li.active{background-color: #fff;}
|
|
|
+
|
|
|
+.user-center1 .account-management .tab{padding: 0 30px;}
|
|
|
+.user-center1 .account-management .tab>div{display: none;}
|
|
|
+.user-center1 .account-management .data table{color: #333; margin-top: 25px; margin-bottom: 0;}
|
|
|
+.user-center1 .account-management .data table tr th{border-top: none; font-weight: 600; vertical-align: middle; padding: 6px;}
|
|
|
+.user-center1 .account-management .data table tr td{border-top: none; vertical-align: middle; padding: 6px;}
|
|
|
+.user-center1 .account-management .data table tr td .ms-btn-default{padding: 1px 12px;}
|
|
|
+.user-center1 .account-management .data .table1 tr th:first-of-type{width: 160px;}
|
|
|
+.user-center1 .account-management .data .table1 tr td:first-of-type{width: 250px;}
|
|
|
+.user-center1 .account-management .data .table2 tr th:first-of-type{width: 160px;}
|
|
|
+.user-center1 .account-management .data .table2 tr td:first-of-type{width: 250px;}
|
|
|
+.user-center1 .account-management .data hr{margin-top: 25px;}
|
|
|
+
|
|
|
+.user-center1 .account-management .pwd{padding: 30px 0;}
|
|
|
+.user-center1 .account-management .pwd .form-group{position: relative; margin-bottom: 25px;}
|
|
|
+.user-center1 .account-management .pwd .form-group label{font-weight: 600; color: #333; margin-bottom: 5px;}
|
|
|
+.user-center1 .account-management .pwd .form-group .iconfont{position: absolute; bottom: 5px; right: 15px; cursor: pointer; color: #333;}
|
|
|
+.user-center1 .account-management .pwd .form-group .error{display: none; position: absolute; top: 100%; left: 0;}
|
|
|
+
|
|
|
+.user-center1 .account-management .pwd .form-error .error{display: block; color: #ff4222;}
|
|
|
+.user-center1 .account-management .pwd .ms-btn{width: 160px; padding: 12px 9px;}
|
|
|
+
|
|
|
+.user-center1 .account-management .msg{padding: 30px 0;}
|
|
|
+.user-center1 .account-management .msg dl{font-size: 13px;}
|
|
|
+.user-center1 .account-management .msg dl dt{color: #333; font-weight: 600; margin-bottom: 3px;}
|
|
|
+.user-center1 .account-management .msg dl dd{color: #666;}
|
|
|
+.user-center1 .account-management .msg ol{margin: 10px 0 0 20px;}
|
|
|
+.user-center1 .account-management .msg ol li{float: left; color: #333; margin-left: 50px; cursor: pointer;}
|
|
|
+.user-center1 .account-management .msg ol li .icon{position: relative; top: 3px; margin-right: 10px;}
|
|
|
+.user-center1 .account-management .msg hr{margin: 30px 0; border-color: #e5e5e5;}
|
|
|
+
|
|
|
+.user-center1 .account-management .upload{padding: 30px 0;}
|
|
|
+.user-center1 .account-management .upload dl{width: 36%; font-size: 13px;}
|
|
|
+.user-center1 .account-management .upload dl dt{color: #333; font-weight: 600; margin-bottom: 3px;}
|
|
|
+.user-center1 .account-management .upload dl dd{color: #666;}
|
|
|
+.user-center1 .account-management .upload ol{margin: 10px 0 0 20px;}
|
|
|
+.user-center1 .account-management .upload ol li{float: left; color: #333; margin-left: 50px; cursor: pointer;}
|
|
|
+.user-center1 .account-management .upload ol li .icon{position: relative; top: 3px; margin-right: 10px;}
|
|
|
+.user-center1 .account-management .upload hr{margin: 30px 0; border-color: #e5e5e5;}
|
|
|
+
|
|
|
+.user-center1 .account-management .bindDomain .m-con{padding-top: 30px;}
|
|
|
+.user-center1 .account-management .bindDomain .cont p{color: #333; margin-bottom: 5px;}
|
|
|
+.user-center1 .account-management .bindDomain .cont p a{color: #157df1;}
|
|
|
+.user-center1 .account-management .bindDomain .cont p a:hover{text-decoration: underline;}
|
|
|
+.user-center1 .account-management .bindDomain .cont .control-label{color: #333; margin-bottom: 5px;}
|
|
|
+
|
|
|
+.user-center1 .account-management .bindDomain .cont #saveButton{width: 160px; padding: 9px 0; margin-top: 5px;}
|
|
|
+.user-center1 .account-management .bindDomain .m-con .bindDomainFirst{padding-top: 105px;}
|
|
|
+.user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice{text-align: center;}
|
|
|
+.user-center1 .account-management .bindDomain .m-con .bindDomainFirst .icon-chenggong{color: #157df1; font-size: 70px;}
|
|
|
+.user-center1 .account-management .bindDomain .m-con .bindDomainFirst .browser_notice .browser_notice_success{margin: -3px 0 25px;}
|
|
|
+.user-center1 .account-management .bindDomain .m-con .bindDomainFirst #unbind_button{width: 160px; padding: 9px; color: #666;}
|
|
|
+
|
|
|
+
|
|
|
+.user-center1 .account-management .change .tit{font-size: 16px; color: #333; font-weight: 600; padding: 15px 20px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+
|
|
|
+.user-center1 .account-management .con{padding: 20px /*50px*/;}
|
|
|
+/*.user-center1 .account-management .con .input-size{width: 78%; margin-right: 10px; float: left;}*/
|
|
|
+.user-center1 .account-management .con label{color: #333; font-weight: 600;}
|
|
|
+.user-center1 .account-management .con .form-group label{margin: 0 30px 8px 0;}
|
|
|
+
|
|
|
+.user-center1 .account-management .con .current-email{margin-bottom: 5px;}
|
|
|
+
|
|
|
+.user-center1 .account-management .con .read-only{padding-top: 15px; border-top: 1px solid #e5e5e5;}
|
|
|
+.user-center1 .account-management .con .read-only th,.user-center .right .con .read-only td{padding: 8px;}
|
|
|
+
|
|
|
+.user-center1 .invoice-management .warn-prompt{margin: 0 0 10px;}
|
|
|
+.user-center1 .invoice-management .i-top ul li{float: left; margin-left: 20px;}
|
|
|
+
|
|
|
+.user-center1 .invoice-management .user-table{margin-top: 20px;}
|
|
|
+.user-center1 .invoice-management .user-table.mt10{margin-top: 10px;}
|
|
|
+.user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(1){width: 180px;}
|
|
|
+.user-center1 .invoice-management .table.invoice-table1 tr th:nth-of-type(3){width: 120px;}
|
|
|
+.user-center1 .invoice-management .table.invoice-table1 tr th:last-of-type{width: 300px;}
|
|
|
+.user-center1 .invoice-management .table.invoice-table1 tr td:nth-of-type(1){padding-left: 20px;}
|
|
|
+
|
|
|
+.user-center1 .invoice-management .table.invoice-table2 tr th:nth-of-type(2){width: 120px;}
|
|
|
+.user-center1 .invoice-management .table.invoice-table2 td .company-name{width: 120px; line-height: 20px;}
|
|
|
+.user-center1 .invoice-management .table.invoice-table2 .courier-number{width: 160px;}
|
|
|
+.user-center1 .invoice-management .table.invoice-table2 td .courier-number{width: 160px;}
|
|
|
+.user-center1 .invoice-management .table.invoice-table2 td .ms-btn{margin-right: 0;}
|
|
|
+
|
|
|
+.user-center1 .invoice-management .table td{vertical-align: middle;}
|
|
|
+.user-center1 .invoice-management .table td .icon-checkbox1{color: #e5e5e5; cursor: pointer; margin-right: 8px; position: relative; top: -2px;}
|
|
|
+.user-center1 .invoice-management .table td .icon-checkbox-checked1{color: #157df1;}
|
|
|
+.user-center1 .invoice-management .table td .company-name{width: 110px; line-height: 20px;}
|
|
|
+.user-center1 .invoice-management .table td .receives-address{width: 120px;}
|
|
|
+.user-center1 .invoice-management .table td .ms-btn{margin-right: 10px;}
|
|
|
+.user-center1 .invoice-management .table td .set-default{visibility: hidden; color: #fd641d; cursor: pointer;}
|
|
|
+.user-center1 .invoice-management .table tr:nth-of-type(2) td .set-default{visibility: visible;}
|
|
|
+.user-center1 .invoice-management .table tr:hover td .set-default{visibility: visible;}
|
|
|
+
|
|
|
+.user-center1 .invoice-management .no-content{height: 412px; padding-top: 150px;}
|
|
|
+.user-center1 .invoice-management .no-content1{height: 376px; padding-top: 130px;}
|
|
|
+
|
|
|
+.user-center1 .invoice-management .submit{width: 160px; padding: 9px 12px;}
|
|
|
+
|
|
|
+.user-center1 .invoice-management .make-invoice-details{padding: 30px; background-color: #fff; border: 1px solid #e5e5e5; height: 550px; margin-bottom: 40px;}
|
|
|
+.user-center1 .invoice-management .make-invoice-details dl{color: #333; margin-bottom: 15px;}
|
|
|
+.user-center1 .invoice-management .make-invoice-details dl dt{color: #333; font-weight: 600; width: 100px; text-align: right;}
|
|
|
+.user-center1 .invoice-management .make-invoice-details dl dd{float: none; margin-left: 150px;}
|
|
|
+.user-center1 .invoice-management .make-invoice-details hr{margin: 20px 0;}
|
|
|
+.user-center1 .invoice-management .make-invoice-details .color-danger{font-size: 12px;}
|
|
|
+
|
|
|
+.user-center1 .invoice-management .apply-invoice{background-color: #fff; padding: 30px; margin-bottom: 40px; border: 1px solid #e5e5e5;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .row{margin: 0 -5px;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .row .col-sm-4{padding: 0 5px;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .row .col-sm-6{padding: 0 5px;}
|
|
|
+.user-center1 .invoice-management .apply-invoice label{color: #333; font-weight: 600; margin-bottom: 5px;}
|
|
|
+.user-center1 .invoice-management .apply-invoice label span{color: #ff4222; margin-left: 10px;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .form-group{margin-bottom: 25px;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .select-wrap input[type=text]{margin-top: 20px;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .form-group.select-wrap{margin-bottom: 20px;}
|
|
|
+/*.user-center1 .invoice-management .apply-invoice select{color: #999;}*/
|
|
|
+.user-center1 .invoice-management .apply-invoice .form-group.instruction-manual{margin-bottom: 20px;}
|
|
|
+
|
|
|
+.user-center1 .invoice-management .apply-invoice .form-error{position: relative;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .error{position: absolute; top: 100%; color: #ff4222; font-size: 12px; display: none;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .form-error .error{display: block;}
|
|
|
+.user-center1 .invoice-management .apply-invoice hr{margin: 5px 0 30px;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .icon-checkbox1{color: #e5e5e5; position: relative; top: 1px;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .icon-checkbox-checked1{color: #157df1;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .checkbox1{color: #333; cursor: pointer;}
|
|
|
+.user-center1 .invoice-management .apply-invoice .save{margin-top: 20px; width: 160px; padding: 9px 12px;}
|
|
|
+
|
|
|
+/*我的订单新增充值*/
|
|
|
+.user-center1 .aside-right .balance-recharge{position: relative; border: 1px solid #e5e5e5; padding: 25px 30px 10px; margin-bottom: 20px;}
|
|
|
+.user-center1 .aside-right .balance-recharge .b-tit{color: #333; font-weight: 600;}
|
|
|
+.user-center1 .aside-right .balance-recharge .b-num{color: #fba208; font-size: 40px;}
|
|
|
+.user-center1 .aside-right .balance-recharge p{color: #666; font-size: 12px;}
|
|
|
+.user-center1 .aside-right .balance-recharge .recharge-btn{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
|
|
|
+
|
|
|
+/*.balance-recharge-wrap{margin-bottom: 40px;}*/
|
|
|
+.balance-recharge-wrap .balance-recharge{border: none; margin-bottom: 0;}
|
|
|
+
|
|
|
+.balance-recharge-wrap .choose-recharge{width: 65%; position: relative;}
|
|
|
+.balance-recharge-wrap .choose-recharge li{margin-right: 70px; margin-bottom: 25px;}
|
|
|
+.balance-recharge-wrap .choose-recharge li:nth-of-type(n+5){margin-bottom: 0;}
|
|
|
+.balance-recharge-wrap .choose-recharge li input[name=rechargeAmount]{width: 120px; position: absolute; top: -7px; left: 21px;}
|
|
|
+
|
|
|
+.balance-recharge-wrap .choose-recharge .error{position: absolute; left: 25px; bottom: -5px; color: #fd641d; font-size: 12px; display: none;}
|
|
|
+.balance-recharge-wrap .choose-recharge.form-error .error{display: block;}
|
|
|
+.balance-recharge-wrap .choose-recharge li .r-num{width: 50px; display: inline-block;}
|
|
|
+.balance-recharge-wrap .pay-money .money{padding-bottom: 10px;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .price-pay .balance-recharge{border: none; margin-bottom: 0;}
|
|
|
+
|
|
|
+.price-pay .balance-recharge-wrap .pay-money{padding-bottom: 30px;}
|
|
|
+.balance-recharge-wrap .pay-money .icon-checkbox1{color: #999; position: relative; top: 1px; cursor: pointer;}
|
|
|
+.balance-recharge-wrap .pay-money .icon-checkbox-checked1{color: #157df1; cursor: pointer;}
|
|
|
+/*/我的订单新增充值*/
|
|
|
+
|
|
|
+/*上传资质*/
|
|
|
+.user-center1 .aside-left .icon-dunpai{font-size: 18px; position: relative; top: 2px;}
|
|
|
+
|
|
|
+.upload-img-more .uploaded-img{border: 1px solid #e5e5e5; width: 150px; height: 210px; position: relative; border-radius: 5px; margin-right: 20px;}
|
|
|
+.upload-img-more .uploaded-img .thumbnail{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2;}
|
|
|
+.upload-img-more .uploaded-img img{width: 100%; height: 100%; border-radius: 5px;}
|
|
|
+.upload-img-more .uploaded-img .delete-img{position: absolute; right: -9px; top: -9px; right: 0\9; top: 0\9; cursor: pointer; z-index: 2;}
|
|
|
+.upload-img-more .uploaded-img .reset{position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
|
|
|
+.upload-img-more .uploaded-img:hover .reset{display: block;}
|
|
|
+
|
|
|
+
|
|
|
+.upload-img-more .upload-img{position: relative; border: 1px dashed #e5e5e5; width: 150px; height: 210px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 80px; overflow: hidden;}
|
|
|
+.upload-img-more .upload-img input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
|
|
|
+.upload-img-more .upload-img .text{text-align: center; font-size: 12px; color: #666; margin-top: 120px;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .upload-qualification{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 3px; padding: 30px;}
|
|
|
+.user-center1 .aside-right .upload-qualification .p1{color: #333; margin-bottom: 5px;}
|
|
|
+.user-center1 .aside-right .upload-qualification .p2{color: #333; margin-bottom: 15px;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .upload-qualification table{border: 1px solid #ddd; width: 70%; color: #333; margin-bottom: 40px;}
|
|
|
+.user-center1 .aside-right .upload-qualification table td{border: 1px solid #ddd; padding: 20px; text-align: center;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .upload-qualification .tit{color: #333; margin-bottom: 15px;}
|
|
|
+
|
|
|
+/*.user-center1 .aside-right .upload-qualification .upload-img-more{margin-bottom: 20px;}*/
|
|
|
+.user-center1 .aside-right .upload-qualification .uploaded-img{margin-bottom: 20px;}
|
|
|
+.user-center1 .aside-right .upload-qualification .upload-img{margin-bottom: 20px;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .upload-qualification .review-wrap{margin: 20px 0 30px; display: none;}
|
|
|
+.user-center1 .aside-right .upload-qualification .review-wrap li{float: left; margin-right: 20px;}
|
|
|
+.user-center1 .aside-right .upload-qualification .review-wrap li:last-of-type{margin-right: 0;}
|
|
|
+.user-center1 .aside-right .upload-qualification .review-wrap .r-center{margin-top: -10px;}
|
|
|
+.user-center1 .aside-right .upload-qualification .review-wrap .r-center img{display: none;}
|
|
|
+.user-center1 .aside-right .upload-qualification .review-wrap .r-right{width: 750px; color: #ff4222;}
|
|
|
+.user-center1 .aside-right .upload-qualification .review-wrap .r-right div{display: none;}
|
|
|
+
|
|
|
+.user-center1 .aside-right .upload-qualification .hide-action .upload-img{display: none;}
|
|
|
+.user-center1 .aside-right .upload-qualification .hide-action .delete-img{display: none;}
|
|
|
+.user-center1 .aside-right .upload-qualification .hide-action .reset{display: none;}
|
|
|
+.user-center1 .aside-right .upload-qualification .hide-action .thumbnail{display: none;}
|
|
|
+/*/上传资质*/
|
|
|
+
|
|
|
+/*推广大使*/
|
|
|
+aside.aside-left ul li a .icon-dashi{background: url("../img/tt-10.png") no-repeat; width: 17px; height: 14px; display: inline-block; margin-right: 10px; margin-top: 2px;}
|
|
|
+
|
|
|
+.aside-right .user-promote{background-color: #fff; min-height: 510px;}
|
|
|
+
|
|
|
+.aside-right .user-promote .p-list{background-color: #f5f7f9; height: 44px; line-height: 44px; border-bottom: 1px solid #eee;}
|
|
|
+.aside-right .user-promote .p-list li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
|
|
|
+.aside-right .user-promote .p-list li.active{background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #eee; margin-left: -1px;}
|
|
|
+.aside-right .user-promote .p-list li.active a{color: #157df1;}
|
|
|
+
|
|
|
+/*.aside-right .user-promote .tab>div{display: none;}*/
|
|
|
+.aside-right .user-promote .tab-common{padding: 25px 30px;}
|
|
|
+
|
|
|
+.aside-right .user-promote .tab1 .p-link-1{border: 1px solid #ddd; padding: 15px 20px; margin-bottom: 20px;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-1 dl{color: #333; margin-bottom: 3px;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-1 dl dt span{font-size: 20px;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-1 dl dd .copy{font-size: 12px; margin-top: 8px; margin-left: 20px; display: block;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-1 p{font-size: 12px; color: #999;}
|
|
|
+
|
|
|
+.aside-right .user-promote .tab1 .p-link-2{border: 1px solid #ddd; padding: 15px 20px; margin-bottom: 25px; position: relative;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 .row{margin: 0 -20px;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 .line{position: absolute; width: 1px; height: calc(100% - 30px); left: 50%; top: 15px; background-color: #ddd;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl{padding-left: 15px;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl dt{color: #333;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl dt .icon-prompt1{margin: -1px 0 0 3px;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl dt.rebate-dt{color: #999; margin-bottom: 10px;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl dt span{color: #999;}
|
|
|
+
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl dd{color: #333;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl dd.amount-withdrawal-wrap1{height: 34px; overflow: hidden;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl dd .amount-withdrawal1 span{color: #fba412; font-size: 30px;}
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl dt .withdrawal1{padding: 0 12px; line-height: 20px; height: 20px; font-size: 12px; margin-left: 30px;}
|
|
|
+
|
|
|
+.aside-right .user-promote .tab1 .p-link-2 dl dd .amount-rebate1 span{color: #333; font-size: 20px;}
|
|
|
+
|
|
|
+.aside-right .user-promote .tab1 .help{padding: 0;}
|
|
|
+.aside-right .user-promote .tab1 .help .tit{font-size: 20px; color: #333; margin-bottom: 20px;}
|
|
|
+
|
|
|
+.withdrawal-to-alipay{padding: 15px 10px; border: 1px solid #ddd; display: none;}
|
|
|
+.withdrawal-to-alipay .tit{color: #333; font-size: 16px; margin-bottom: 30px;}
|
|
|
+.withdrawal-to-alipay .form-group{margin-bottom: 20px;}
|
|
|
+.withdrawal-to-alipay .form-group label{color: #333;}
|
|
|
+.withdrawal-to-alipay .withdrawal{color: #333; font-size: 12px; padding-top: 6px;}
|
|
|
+.withdrawal-to-alipay .withdrawal .num{color: #fba208; font-size: 16px; font-weight: 600;}
|
|
|
+.withdrawal-to-alipay .form-group .yuan{padding-top: 7px; color: #333;}
|
|
|
+.withdrawal-to-alipay .form-group .submit1{width: 100px;}
|
|
|
+.withdrawal-to-alipay .form-group .error{font-size: 12px; color: #fd641d; margin-top: 3px; display: none;}
|
|
|
+.withdrawal-to-alipay .form-group.form-error .error{display: block;}
|
|
|
+
|
|
|
+#payModal .modal-dialog{width: 410px !important;}
|
|
|
+#payModal .tit{font-size: 16px; color: #333; font-weight: 600; margin-bottom: 20px;}
|
|
|
+#payModal .pay-msg{margin-bottom: 25px;}
|
|
|
+#payModal .pay-msg dl{color: #333; margin-bottom: 10px;}
|
|
|
+#payModal .pay-msg dl dt{width: 50%; text-align: right; padding-right: 10px;}
|
|
|
+#payModal .pay-msg dl dd{width: 50%; text-align: left; padding-left: 10px;}
|
|
|
+#payModal .pay-msg dl dd .num{color: #fba208;}
|
|
|
+#payModal .pay-msg dl dd .num i{font-weight: 600;}
|
|
|
+#payModal .cancel-btn{display: inline-block; height: 34px; line-height: 34px; margin-right: 20px;}
|
|
|
+
|
|
|
+.aside-right .user-promote .tab2 .date{float: left; width: 140px; position: relative;}
|
|
|
+.aside-right .user-promote .tab2 .date1{margin-right: 10px;}
|
|
|
+.aside-right .user-promote .tab2 .date2{margin-right: 20px;}
|
|
|
+.aside-right .user-promote .tab2 .date input{position: relative; z-index: 1; background-color: transparent; cursor: pointer;}
|
|
|
+.aside-right .user-promote .tab2 .date .icon-date{color: #aaa; position: absolute; right: 10px; top: 4px; z-index: 0;}
|
|
|
+.aside-right .user-promote .tab2 .date:hover .icon-date{color: #157df1;}
|
|
|
+
|
|
|
+.aside-right .user-promote .tab2 .d-top{margin-bottom: 20px;}
|
|
|
+.aside-right .user-promote .tab2 .d-top .form-control{height: 30px;}
|
|
|
+.aside-right .user-promote .tab2 .d-top .line{margin-right: 10px; color: #aaa;}
|
|
|
+.aside-right .user-promote .tab2 .d-top .query{padding: 5px 8px; border-color: #e5e5e5; border-left: none; background-color: #f5f6f7; font-size: 12px; color: #333; height: 30px;}
|
|
|
+.aside-right .user-promote .tab2 .d-top .num{line-height: 34px; margin-left: 30px; color: #333; font-size: 13px;}
|
|
|
+.aside-right .user-promote .tab2 .d-top .num i{color: #157df1;}
|
|
|
+.aside-right .user-promote .tab2 .d-top .account{display: inline-block; width: auto; border-right-color: #f5f6f7;}
|
|
|
+.aside-right .user-promote .tab2 .d-top .account:focus{border-right-color: #66afe9;}
|
|
|
+
|
|
|
+.aside-right .user-promote .tab-common .table{border: 1px solid #e5e5e5; table-layout: fixed;}
|
|
|
+.aside-right .user-promote .tab-common .table tr th{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; background-color: #f5f6f7; font-weight: normal; font-size: 12px; color: #666; line-height: 1.2;}
|
|
|
+.aside-right .user-promote .tab-common .table tr td{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; font-size: 12px; line-height: 1.2; color: #666;}
|
|
|
+.aside-right .user-promote .tab-common .table tr:hover{background: #ebf7ff;}
|
|
|
+
|
|
|
+.aside-right .user-promote .tab-common .no{text-align: center; margin-top: 100px;}
|
|
|
+
|
|
|
+
|
|
|
+.aside-right .user-promote .tab3 table .to-edit{font-size: 12px; transform: scale(.9);}
|
|
|
+.aside-right .user-promote .tab3 table .icon-edit{font-size: 24px; cursor: pointer;}
|
|
|
+.aside-right .user-promote .tab3 table .icon-edit:hover{color: #157df1;}
|
|
|
+/*/推广大使*/
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*----------/个人中心-----------*/
|
|
|
+
|
|
|
+/*----------工具箱-----------*/
|
|
|
+.toolkit-wrap{background: url("../img/bg-2.jpg") no-repeat center; height: 635px;}
|
|
|
+.toolkit li{float: left; width: 50%; text-align: center; padding-top: 130px; position: relative;}
|
|
|
+.toolkit li .tit{font-size: 30px; color: #333; margin-top: 35px;}
|
|
|
+.toolkit li p{font-size: 18px; color: #666; margin-top: 20px; height: 50px;}
|
|
|
+.toolkit li .ms-btn-primary{width: 165px; margin-top: 40px; padding: 12px;}
|
|
|
+.toolkit li .line{width: 2px; height: 300px; background-color: #d8d7d7; position: absolute; right: 0; bottom: 35px; border-radius: 2px;}
|
|
|
+
|
|
|
+/*faq*/
|
|
|
+.faq{margin-bottom: 20px;}
|
|
|
+.faq .tit{font-size: 30px; color: #157df1; margin-top: 30px;}
|
|
|
+.faq .tit .icon-faq{position: relative; top: 7px; margin-right: 8px;}
|
|
|
+
|
|
|
+.faq .row{margin-left: -10px; margin-right: -10px;}
|
|
|
+.faq .row .col-sm-6{padding: 0 10px;}
|
|
|
+
|
|
|
+.faq .con{border: 1px solid #e5e5e5; border-radius: 3px; padding: 30px 40px; margin-bottom: 20px;}
|
|
|
+.faq .con dl dt{font-size: 25px; color: #333; margin-bottom: 10px;}
|
|
|
+.faq .con dl dt span{width: 5px; height: 24px; background-color: #157df1; display: inline-block; position: relative; top: 3px; margin-right: 12px;}
|
|
|
+.faq .con dl dd{padding-left: 18px;}
|
|
|
+.faq .con dl dd a{font-size: 16px; color: #333; line-height: 34px;}
|
|
|
+.faq .con dl dd a:hover{color: #157df1;}
|
|
|
+
|
|
|
+.toolkit-common-wrap{background-color: #f2f2f5;}
|
|
|
+.toolkit-common .top{padding: 40px 0; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
|
|
|
+
|
|
|
+.toolkit-common .udid-top{text-align: center; padding-bottom: 0;}
|
|
|
+.toolkit-common .udid-top img{width: 155px; border: 1px solid #e5e5e5; padding: 5px;}
|
|
|
+.toolkit-common .top .tit{font-size: 36px; color: #333; text-align: center;}
|
|
|
+.toolkit-common .udid-top .p-top{color: #333; line-height: 24px; margin-top: 10px; margin-bottom: 20px;}
|
|
|
+.toolkit-common .udid-top p span{color: #157df1;}
|
|
|
+.toolkit-common .udid-top .p-bottom{color: #333; line-height: 24px; padding: 25px 35px; border-top: 1px solid #e5e5e5; margin-top: 40px; text-align: left;}
|
|
|
+
|
|
|
+.toolkit-common .ipa-top .form-group{width: 65%; margin: 0 auto;}
|
|
|
+
|
|
|
+.toolkit-common .ipa-top{text-align: center;}
|
|
|
+.toolkit-common .ipa-top .form-control{margin-top: 40px; margin-bottom: 10px;}
|
|
|
+.toolkit-common .ipa-top .ipa-p{text-align: left; font-size: 12px; color: #666;}
|
|
|
+.toolkit-common .ipa-top .ms-btn-primary{margin-top: 25px; width: 160px; padding: 9px 12px;}
|
|
|
+.toolkit-common .ipa-top .error{text-align: left; font-size: 12px; color: #fd641d; margin-bottom: 5px; display: none;}
|
|
|
+.toolkit-common .ipa-top .form-error .error{display: block;}
|
|
|
+
|
|
|
+.toolkit-common .ipa-top table{width: 600px; margin: 40px auto 0;}
|
|
|
+.toolkit-common .ipa-top table th{border-color: #e5e5e5 !important; text-align: center; vertical-align: middle; width: 150px;}
|
|
|
+.toolkit-common .ipa-top table td{border-color: #e5e5e5 !important; text-align: left; padding: 20px;}
|
|
|
+.toolkit-common .ipa-top table td a{color: #157df1;}
|
|
|
+.toolkit-common .ipa-top table td a:hover{text-decoration: underline;}
|
|
|
+
|
|
|
+.toolkit-common .ipa-top table td .icon-big-iphone{margin-right: 20px;}
|
|
|
+.toolkit-common .ipa-top table td img{width: 80px; height: 80px; border-radius: 15px; border: 1px solid #e5e5e5;}
|
|
|
+
|
|
|
+/*----------toolkit-new----------*/
|
|
|
+/*plist*/
|
|
|
+.toolkit-new{background-color: #fff; border: 1px solid #e5e5e5; border-radius: 3px; padding: 50px 0 40px;}
|
|
|
+.toolkit-new .con{padding: 0 200px;}
|
|
|
+.toolkit-new .tit{color: #333; font-size: 36px; text-align: center; margin-bottom: 50px;}
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .toolkit-new .form-horizontal .col-sm-3{padding-left: 10px; padding-right: 10px;}
|
|
|
+ .toolkit-new .form-horizontal .col-sm-9{padding-left: 10px; padding-right: 10px;}
|
|
|
+}
|
|
|
+.toolkit-new .form-horizontal .form-group{margin-bottom: 30px;}
|
|
|
+.toolkit-new .form-horizontal label{color: #333;}
|
|
|
+.toolkit-new .error{font-size: 12px; color: #fd641d; display: none;}
|
|
|
+.toolkit-new .form-error .error{display: block;}
|
|
|
+.toolkit-new .p1{color: #333; padding: 20px 0 0 30px; border-top: 1px solid #e5e5e5; margin-top: 40px;}
|
|
|
+.toolkit-new .p1 a{color: #157df1;}
|
|
|
+/*/plist*/
|
|
|
+
|
|
|
+/*制作图标*/
|
|
|
+.toolkit-make-icon .make-icon .sp-preview{width: 210px;}
|
|
|
+.toolkit-make-icon{background-color: #fff; border: 1px solid #e5e5e5; border-radius: 3px; padding: 30px; margin-bottom: 40px;}
|
|
|
+.toolkit-make-icon .m-left .m-tit{text-align: center;}
|
|
|
+
|
|
|
+.toolkit-make-icon .m-right{padding: 30px 40px; border: 1px solid #e5e5e5; border-radius: 3px;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .m-tit{color: #333; margin-bottom: 7px;}
|
|
|
+.toolkit-make-icon .make-icon .m-left .m-tit{margin-bottom: 20px; margin-top: 20px;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon{background-position: center; width: 180px; height: 180px; background-size: cover; display: flex; justify-content: center; align-items: center; margin: 0 auto; background-color: #157df1;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon .m-icon-con{text-align: center;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .m-icon.radius{border-radius: 15px;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon img{max-width: 110px; height: auto;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon .m-name{color: #fff; max-width: 150px; text-align: center;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .m-icon .i-name1{color: #fff; text-align: center; font-size: 24px; margin-bottom: 5px; display: none;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon .i-name2{color: #fff; text-align: center; font-size: 24px; margin-top: 5px; display: none;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .icon-bg{border: 1px solid #e5e5e5; padding: 30px 25px; border-radius: 3px; margin-bottom: 50px;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .icon-bg dl dt{color: #333; margin-right: 20px;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg1{margin-bottom: 20px;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg1 dt{line-height: 30px;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg1 dd{width: 40%;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg2 dt{line-height: 40px;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li{width: 40px; height: 40px; padding: 10px; border: 1px solid #e5e5e5; float: left; cursor: pointer; position: relative;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li+li{border-left-color: transparent;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:first-of-type{border-radius: 3px 0 0 3px;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li:last-of-type{border-radius: 0 3px 3px 0;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .small-bg{width: 100%; height: 100%; border-radius: 2px; background-color: #157df1;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li .icon-checkbox-small{display: none; position: absolute; right: 0; bottom: 0;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active{border-color: #157df1;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-bg2 .small-bg-list li.active .icon-checkbox-small{display: block;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab li{float: left; padding: 0 30px; line-height: 36px; border: 1px solid #e5e5e5; color: #333; background-color: #fbfbfb; cursor: pointer;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab li+li{border-left-color: transparent;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab li.active{background-color: #fff; border-bottom-color: transparent;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab li:first-of-type{border-radius: 3px 0 0 0;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab li:last-of-type{border-radius: 0 3px 0 0;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab-con{border: 1px solid #e5e5e5; margin-top: -1px; width: 580px; border-radius: 0 3px 3px 3px; margin-bottom: 40px;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab-con>div{display: none;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1{padding: 30px 30px 30px 10px;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul{height: 204px; overflow-y: auto;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li{width: 50px; height: 50px; background: url("../img/m-bg.png") repeat-x; position: relative; margin-right: 1px; margin-bottom: 1px; float: left; cursor: pointer;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active{}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .icon-checkbox-small{display: block;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li .t-con{border: 1px solid transparent; padding: 10px;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .icons-ul li.active .t-con{border-color: #157df1;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .form-group{margin-bottom: 0; margin-top: 20px;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:first-of-type{margin-top: 0;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .form-group:last-of-type{margin-bottom: 0; margin-top: 30px;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .written-content{display: none;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab1 .text-color{display: none;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab2{padding: 30px 10px;}
|
|
|
+.toolkit-make-icon .make-icon .foreground-map .tab2 .edit-text{margin-bottom: 30px;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .error{font-size: 12px; color: #fd641d; margin-top: 5px; display: none;}
|
|
|
+.toolkit-make-icon .make-icon .form-error .error{display: block;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .control-label{color: #333;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .prospects{padding-top: 7px; color: #333;}
|
|
|
+.toolkit-make-icon .make-icon .prospects li{float: left; margin-right: 35px; cursor: pointer;}
|
|
|
+.toolkit-make-icon .make-icon .prospects li .icon-radio{margin-right: 8px;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .m-icon-radio{margin-bottom: 40px;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-radio li{float: left; width: 140px; height: 40px; line-height: 40px; border: 1px solid #e5e5e5; border-radius: 3px; text-align: center; margin-right: 20px; cursor: pointer; position: relative;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-radio li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-radio li.active{border-color: #157df1;}
|
|
|
+.toolkit-make-icon .make-icon .m-icon-radio li.active .icon-checkbox-small{display: block;}
|
|
|
+
|
|
|
+.toolkit-make-icon .make-icon .img-size dt{float: left; margin-right: 40px; cursor: pointer;}
|
|
|
+.toolkit-make-icon .make-icon .img-size dt .iconfont{margin-right: 7px; position: relative; top: 1px;}
|
|
|
+.toolkit-make-icon .make-icon .img-size dd{float: left; margin-right: 40px; cursor: pointer;}
|
|
|
+.toolkit-make-icon .make-icon .img-size dd .iconfont{margin-right: 7px;}
|
|
|
+.toolkit-make-icon .make-icon .img-size-tit{margin-bottom: 2px;}
|
|
|
+.toolkit-make-icon .make-icon .img-size dt .icon-checkbox-checked1{color: #157df1;}
|
|
|
+.toolkit-make-icon .make-icon .img-size dd .icon-checkbox-checked1{color: #157df1;}
|
|
|
+
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .toolkit-make-icon .make-icon .foreground-map .tab-con .form-group{margin-left: -10px; margin-right: -10px;}
|
|
|
+ .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-2{width: 20%; padding-left: 10px; padding-right: 10px;}
|
|
|
+ .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-10{width: 80%; padding-left: 10px; padding-right: 10px;}
|
|
|
+ .toolkit-make-icon .make-icon .foreground-map .tab-con .col-sm-push-2{left: 20%;}
|
|
|
+}
|
|
|
+
|
|
|
+.toolkit-make-icon .m-right .generated-icon{padding: 9px 35px; margin-top: 25px;}
|
|
|
+/*/制作图标*/
|
|
|
+/*----------/toolkit-new----------*/
|
|
|
+/*----------/工具箱-----------*/
|
|
|
+
|
|
|
+/*----------企业签名-----------*/
|
|
|
+.signature-banner{background: url("../img/s-banner.jpg") no-repeat center; height: 430px; display: block; padding: 110px 0 0 70px;}
|
|
|
+.signature-banner .con{color: #fff;}
|
|
|
+.signature-banner .con .h1{font-size: 32px; font-weight: 600; margin-bottom: 15px;}
|
|
|
+.signature-banner .con p{font-size: 18px; line-height: 28px; margin-bottom: 20px;}
|
|
|
+.signature-banner .con .ms-btn-primary{width: 110px; background-color: transparent; border-color: #fff; font-size: 16px;}
|
|
|
+
|
|
|
+/*.corporate-signature-wrap{background-color: #f5f9fe;}*/
|
|
|
+.corporate-signature{padding: 0px 0;}
|
|
|
+.corporate-signature .h1{color: #157df1; margin-bottom: 50px; text-align: center;}
|
|
|
+
|
|
|
+/*.corporate-signature .ms-thumbnail .ms-caption .tit{font-weight: 600;}*/
|
|
|
+.corporate-signature .ms-thumbnail img{margin-bottom: 15px;}
|
|
|
+
|
|
|
+.signature-tool{padding: 70px 0;}
|
|
|
+.signature-tool .h1{color: #157df1; text-align: center; margin-bottom: 60px;}
|
|
|
+.signature-tool img{margin: 0 auto;}
|
|
|
+
|
|
|
+.signature-process-wrap{background: url("../img/bg-4.jpg") no-repeat center; height: 440px;}
|
|
|
+.signature-process{padding-top: 75px;}
|
|
|
+.signature-process .h1{color: #fff; margin-bottom: 80px; text-align: center;}
|
|
|
+.signature-process img{margin: 0 auto;}
|
|
|
+.signature-process ul{padding: 0 50px;}
|
|
|
+.signature-process ul li{float: left;}
|
|
|
+.signature-process ul li img{margin: 0 auto 20px; display: block;}
|
|
|
+.signature-process ul li p{color: #fff;}
|
|
|
+.signature-process ul li:nth-child(even){background: url("../img/tt-13.png") no-repeat center; height: 100px; width: 50px;}
|
|
|
+.signature-process ul li:nth-child(odd){width: calc((100% - 200px) / 5); text-align: center;}
|
|
|
+/*----------/企业签名-----------*/
|
|
|
+
|
|
|
+/*----------封装页面-----------*/
|
|
|
+.encapsulation-banner-wrap{background: url("../img/banner-4.jpg?20190302") no-repeat center; height: 430px; position: relative; display: block;}
|
|
|
+.encapsulation-banner{padding: 100px 0 0 90px;}
|
|
|
+.encapsulation-banner .h1{color: #fff; font-size: 32px; margin-bottom: 15px;}
|
|
|
+.encapsulation-banner p{color: #fff; font-size: 18px; margin-bottom: 10px;}
|
|
|
+.encapsulation-banner ul{margin-bottom: 20px;}
|
|
|
+.encapsulation-banner ul li{color: #fff; float: left; margin-right: 40px; font-size: 16px;}
|
|
|
+.encapsulation-banner ul li .iconfont{font-size: 20px; position: relative; top: 2px; margin-right: 5px;}
|
|
|
+.encapsulation-banner .ms-btn{border: 1px solid #fff; color: #fff; padding-left: 25px; padding-right: 25px;}
|
|
|
+
|
|
|
+.encapsulation-introduce-wrap{background-color: #f5f9fe; padding: 20px 0 15px;}
|
|
|
+.encapsulation-introduce .ms-thumbnail .img-wrap{width: 115px; height: 100px; margin: 0 auto; margin-bottom: 15px; display: flex; align-items: flex-end; justify-content: center;}
|
|
|
+.encapsulation-introduce .ms-thumbnail .img-wrap img{margin-bottom: 0;}
|
|
|
+.encapsulation-introduce .ms-thumbnail .ms-caption .tit{margin-bottom: 5px;}
|
|
|
+.encapsulation-introduce .ms-thumbnail .ms-caption p{font-size: 12px; line-height: 20px;}
|
|
|
+
|
|
|
+.function-of{padding: 70px 0 80px; text-align: center;}
|
|
|
+.function-of .tit{font-size: 36px; color: #157df1;}
|
|
|
+.function-of p{font-size: 16px; color: #666; margin: 20px 0 75px;}
|
|
|
+.function-of ul li{float: left; width: 16.6666667%; border-bottom: 1px solid #f5f7f9; border-left: 1px solid #f5f7f9; padding: 30px 0;}
|
|
|
+.function-of ul li .img-wrap{position: relative; width: 60px; height: 55px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center;}
|
|
|
+.function-of ul li .img-wrap .hot{background: url("../img/e-5.png"); width: 31px; height: 19px; position: absolute; color: #fff; font-size: 12px; line-height: 19px; right: -30px; top: -7px;}
|
|
|
+.function-of ul li:nth-of-type(1){border-left-color: transparent;}
|
|
|
+.function-of ul li:nth-of-type(7){border-left-color: transparent;}
|
|
|
+.function-of ul li:nth-of-type(13){border-left-color: transparent;}
|
|
|
+.function-of ul li:nth-of-type(n+13){border-bottom-color: transparent;}
|
|
|
+
|
|
|
+.function-of .f-img img{margin: 0 auto;}
|
|
|
+/*.function-of .watermark{position: absolute; left: 0; top: 0px;}*/
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.app-case-wrap{background-color: #f5f9fe;}
|
|
|
+.app-case{padding: 70px 80px 45px;}
|
|
|
+.app-case .tit{font-size: 36px; color: #157df1; text-align: center; margin-bottom: 70px;}
|
|
|
+.app-case .list .con{position: relative; margin-bottom: 25px;}
|
|
|
+.app-case .list .con img{height: 418px;}
|
|
|
+.app-case .list .con .hover{position: absolute; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 40px); background-color: #348dee; color: #fff; font-size: 24px; padding-top: 160px; text-align: center; opacity: 0; transition: all 600ms; cursor: pointer; z-index: 1;}
|
|
|
+.app-case .list .con:hover .hover{opacity: 1;}
|
|
|
+
|
|
|
+.price-pay .wechat-pay{padding: 100px 0;}
|
|
|
+.price-pay .wechat-pay .wechat-img{padding: 10px; width: 200px; height: 200px; border: 1px solid #e5e5e5;}
|
|
|
+.price-pay .wechat-pay .glyphicon-triangle-left{font-size: 30px; color: #333;}
|
|
|
+.price-pay .wechat-pay .left{margin-top: 100px;}
|
|
|
+.price-pay .wechat-pay .center{margin-top: 170px;}
|
|
|
+
|
|
|
+.user-loss{padding: 80px 0;}
|
|
|
+.user-loss .h1{color: #157df1; text-align: center; margin-bottom: 60px;}
|
|
|
+.user-loss ul{background: url("../img/en-1.png") no-repeat center; position: relative; height: 320px;}
|
|
|
+.user-loss ul li{color: #333; font-size: 18px; padding: 0 20px; border-radius: 30px; height: 42px; line-height: 42px; box-shadow: 0 0 15px rgba(21,125,241,.2); position: absolute;}
|
|
|
+.user-loss ul li.con1{left: 130px; top: 50px;}
|
|
|
+.user-loss ul li.con2{right: 0;}
|
|
|
+.user-loss ul li.con3{left: 0; bottom: 40px;}
|
|
|
+.user-loss ul li.con4{right: 100px; bottom: 100px;}
|
|
|
+
|
|
|
+.problem-solving-wrap{background: #f7f8fc url("../img/en-6.png?12>") no-repeat center bottom;}
|
|
|
+.problem-solving{padding: 80px 20px; height: 795px;}
|
|
|
+.problem-solving .h1{color: #157df1; text-align: center; margin-bottom: 80px;}
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .problem-solving .row{margin: 0 -45px;}
|
|
|
+ .problem-solving .row .col-sm-3{padding: 0 45px;}
|
|
|
+ .problem-solving .row .col-sm-3:nth-child(1){margin-top: 30px;}
|
|
|
+ .problem-solving .row .col-sm-3:nth-child(2){margin-top: 180px;}
|
|
|
+ .problem-solving .row .col-sm-3:last-of-type{margin-top: 228px;}
|
|
|
+}
|
|
|
+.problem-solving .ms-thumbnail{background-color: #fff; padding: 30px 0; position: relative; border-radius: 10px;}
|
|
|
+.problem-solving .ms-thumbnail .ms-caption p{height: 100px;}
|
|
|
+
|
|
|
+.problem-solving .ms-thumbnail .location{position: absolute; left: 50%; bottom: -33px; transform: translateX(-50%);}
|
|
|
+
|
|
|
+.encapsulation-complete-6 ul{padding: 0 50px;}
|
|
|
+.encapsulation-complete-6 ul li{float: left;}
|
|
|
+.encapsulation-complete-6 ul li img{margin: 0 auto 20px; display: block;}
|
|
|
+.encapsulation-complete-6 ul li p{color: #fff;}
|
|
|
+.encapsulation-complete-6 ul li:nth-child(even){background: url("../img/tt-13.png") no-repeat center; height: 100px; width: 50px;}
|
|
|
+.encapsulation-complete-6 ul li:nth-child(odd){width: calc((100% - 200px) / 5); text-align: center;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*----------/封装页面-----------*/
|
|
|
+
|
|
|
+/*----------404 500-----------*/
|
|
|
+.web404{padding: 150px 0 0; min-height: 790px;}
|
|
|
+.web404 .img{position: relative; padding-left: 45px;}
|
|
|
+.web404 .error{position: absolute; right: -70px; top: 50px;}
|
|
|
+.web404 .error .text{font-size: 24px; color: #333;}
|
|
|
+.web404 .error p{margin-top: 10px;}
|
|
|
+.web404 .error .ms-btn-primary{margin-top: 30px; font-size: 18px; width: 160px;}
|
|
|
+
|
|
|
+.web500{position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);}
|
|
|
+.web500 .error{position: absolute; bottom: -50px; left: 65%;}
|
|
|
+.web500 .error .text{font-size: 24px; color: #333;}
|
|
|
+.web500 .error p{margin-top: 10px;}
|
|
|
+.web500 .error .ms-btn-primary{margin-top: 30px; font-size: 18px; width: 160px;}
|
|
|
+/*----------/404 500-----------*/
|
|
|
+
|
|
|
+/*----------关于我们-----------*/
|
|
|
+.about-banner-wrap{background: no-repeat center; height: 200px;}
|
|
|
+.about-banner{height: 200px; padding-top: 50px; text-align: center; color: #fff;}
|
|
|
+.about-tab-wrap{background-color: rgba(0,0,0,.1); margin-top: -44px;}
|
|
|
+.about-tab-wrap .about-tab>a{float: left; color: #fff; width: 20%; height: 44px; line-height: 44px; font-size: 16px; text-align: center; cursor: pointer; display: block;}
|
|
|
+.about-tab-wrap .about-tab .router-link-active{background-color: #157df1;}
|
|
|
+.about-tab-wrap .about-tab a .iconfont{font-size: 18px; margin-right: 5px; position: relative; top: 1px;}
|
|
|
+.about-tab-wrap .about-tab a:hover{background-color: #157df1;}
|
|
|
+
|
|
|
+/*.about-us>div{display: none;}*/
|
|
|
+.about-us .common{padding: 70px 0;}
|
|
|
+.about-us .common h1{text-align: center; color: #333; margin-bottom: 50px;}
|
|
|
+.about-us .common .p2{font-size: 16px; color: #333; text-align: center; line-height: 30px; margin-bottom: 50px;}
|
|
|
+
|
|
|
+.about-us .contact-us{padding-top: 0;}
|
|
|
+.about-us .contact-us .contact-con{padding: 0 50px;}
|
|
|
+.about-us .contact-us .contact-con .ms-thumbnail{border: 1px solid #e5e5e5; padding: 50px 0;}
|
|
|
+.about-us .contact-us .contact-con .ms-thumbnail .ms-caption .tit{font-size: 24px;}
|
|
|
+.about-us .contact-us .contact-con .ms-thumbnail .ms-caption p{color: #666; margin-bottom: 20px;}
|
|
|
+
|
|
|
+.about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .iconfont{color: #adb6bc; font-size: 20px; margin-right: 10px; position: relative; top: 2px;}
|
|
|
+.about-us .contact-us .contact-con .ms-thumbnail .ms-caption .p1 .feedback1{font-size: 12px; padding: 3px 8px; margin-left: 25px;}
|
|
|
+
|
|
|
+.about-us .service_content{font-size: 16px; color: #525252; padding: 70px;}
|
|
|
+.about-us .service_content p{color: #333; font-size: 16px; line-height: 28px;}
|
|
|
+.about-us .service_content .font18{color: #333; margin-top: 5px; margin-bottom: 5px;}
|
|
|
+.about-us .service_content h3{font-size: 24px; color: #333333; line-height: 33px; margin-top: 20px; margin-bottom: 10px;}
|
|
|
+.about-us .service_content li{line-height: 30px; list-style: none; color: #333;}
|
|
|
+.about-us .service_content a, a:hover{color: #157df1; text-decoration: none;}
|
|
|
+
|
|
|
+.about-us p.item-title{margin: 0 0 10px 0; font-size: 24px; color: #333; line-height: 50px;}
|
|
|
+
|
|
|
+/*----------/关于我们-----------*/
|
|
|
+
|
|
|
+/*应用上传 重置*/
|
|
|
+/*----------应用上传 重置----------*/
|
|
|
+.qq-upload-list-selector {
|
|
|
+ text-align: center;
|
|
|
+ padding-top: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.qq-progress-bar-container-selector {
|
|
|
+ height: 12px !important;
|
|
|
+ border-radius: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+.qq-progress-bar-container-selector .qq-progress-bar-selector {
|
|
|
+ height: 12px !important;
|
|
|
+ border-radius: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+.qq-progress-bar-container-selector .qq-progress-bar-selector {
|
|
|
+ height: 12px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.release-app .progress-bar.active, .release-app .progress.active .progress-bar {
|
|
|
+ /*
|
|
|
+ -webkit-animation: none !important;
|
|
|
+ -o-animation: none !important;
|
|
|
+ animation: none !important;
|
|
|
+ */
|
|
|
+}
|
|
|
+
|
|
|
+.release-app .progress-striped .progress-bar-warning {
|
|
|
+ /*background-image: none !important;*/
|
|
|
+}
|
|
|
+
|
|
|
+.release-app .progress-bar-warning {
|
|
|
+ background-color: #36b8f3 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.big-bag .progress-bar-warning {
|
|
|
+ background-color: #ffa634 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.release-app2 .qq-upload-list li{padding: 9px 55px;}
|
|
|
+
|
|
|
+.tag-box {
|
|
|
+ padding: 50px 20px 60px !important;
|
|
|
+ height: 450px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.release-app .progress {
|
|
|
+ margin-top: 20px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.qq-upload-list-selector {
|
|
|
+ margin-top: 20px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.qq-upload-button-selector {
|
|
|
+ margin-top: 130px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.tag-box-v5 {
|
|
|
+ margin-bottom: 0 !important;
|
|
|
+}
|
|
|
+/*----------/应用上传 重置----------*/
|
|
|
+
|
|
|
+/*----------企业签名----------*/
|
|
|
+.signature1>.con{position: relative;}
|
|
|
+.signature1>.con>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .signature1>.con>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
|
|
|
+}
|
|
|
+.signature1>.con>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
|
|
|
+.signature1>.con>.row>.col-sm-10{padding: 0 0 0 10px;}
|
|
|
+.signature1 .left{padding-top: 15px;}
|
|
|
+.signature1 .left ul li{margin-bottom: 10px;}
|
|
|
+.signature1 .left ul li a{padding-left: 25px; display: block; height: 50px; line-height: 50px; border-left: 4px solid transparent; color: #333;}
|
|
|
+.signature1 .left ul li a .iconfont{margin-right: 10px; color: #333; font-size: 18px;}
|
|
|
+.signature1 .left ul li.active a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
|
|
|
+.signature1 .left ul li.active a .iconfont{color: #157df1;}
|
|
|
+.signature1 .left ul li.active a .icon-upload1{font-size: 18px;}
|
|
|
+.signature1 .left ul li:hover a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
|
|
|
+.signature1 .left ul li:hover a .iconfont{color: #157df1;}
|
|
|
+
|
|
|
+.signature1 .left ul li .icon-xiangzi{position: relative; top: 1px;}
|
|
|
+.signature1 .left ul li .icon-caidan{position: relative; top: 1px;}
|
|
|
+
|
|
|
+.signature1 .right{position: relative;}
|
|
|
+.signature1 .right .step{overflow: hidden; margin-bottom: 10px;}
|
|
|
+.signature1 .right .step li{float: left; background-color: #fff; width: 19.5%; height: 44px; line-height: 44px; text-align: center; color: #666; position: relative; border: none;}
|
|
|
+.signature1 .right .step li span{display: inline-block; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #e5e5e5; line-height: 16px; text-align: center; font-size: 12px; margin-right: 10px;}
|
|
|
+.signature1 .right .step li.active{color: #157df1;}
|
|
|
+.signature1 .right .step li.active span{color: #157df1; border-color: #157df1;}
|
|
|
+
|
|
|
+.signature1 .right .step li:after, .signature1 .right .step li:before{left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1;}
|
|
|
+.signature1 .right .step li:before{border-color: rgba(255, 0, 0, 0); border-left-color: #f2f2f5; border-width: 30px; margin-top: -30px;}
|
|
|
+.signature1 .right .step li:after{border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 25px; margin-top: -25px; z-index: 1;}
|
|
|
+
|
|
|
+.signature1 .right .step-common{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; border-radius: 3px; /*margin-top: 10px;*/ color: #333; padding-bottom: 30px; /*min-height: 446px;*/}
|
|
|
+.signature1 .right .step-common .tit{line-height: 60px; border-bottom: 1px solid #e5e5e5; height: 60px; padding: 0 0 0 30px; margin-bottom: 20px;}
|
|
|
+.signature1 .right .step-common ul{padding: 0 30px 30px 30px;}
|
|
|
+
|
|
|
+.signature1 .right .step-common .download-way{margin-top: 7px; font-size: 12px;}
|
|
|
+.signature1 .right .step-common .download-way li{float: left; margin-right: 50px; cursor: pointer; color: #333; font-size: 14px;}
|
|
|
+.signature1 .right .step-common .download-way li .icon-radio{margin-right: 8px; top: 2px;}
|
|
|
+
|
|
|
+
|
|
|
+.signature1 .warn-prompt-wrap{padding-bottom: 20px; margin-top: -20px;}
|
|
|
+.signature1 .warn-prompt-wrap .warn-prompt{width: calc(100% - 16.66666667% - 10px);}
|
|
|
+.signature1 .warn-prompt-wrap .warn-prompt-1{width: calc(100% - 16.66666667% - 10px); margin-bottom: 0;}
|
|
|
+
|
|
|
+.release-app2 .warn-prompt-wrap{padding-bottom: 20px; margin-top: -20px;}
|
|
|
+.release-app2 .warn-prompt-wrap .warn-prompt{width: calc(100% - 16.66666667% - 10px);}
|
|
|
+.release-app2 .warn-prompt-wrap .warn-prompt-1{width: calc(100% - 16.66666667% - 10px); margin-bottom: 0;}
|
|
|
+
|
|
|
+/*对公转账*/
|
|
|
+.contrary-transfer{color: #666; padding: 0 25px; display: none;}
|
|
|
+.contrary-transfer .warn-prompt{margin-top: 0; margin-bottom: 15px;}
|
|
|
+.contrary-transfer dl dt{width: 60px; text-align: right; margin-right: 45px; padding-top: 7px;}
|
|
|
+.contrary-transfer dl dd{height: 34px; line-height: 34px;}
|
|
|
+.contrary-transfer .dl-input dd{height: auto; line-height: normal;}
|
|
|
+.contrary-transfer .dl-input{margin-top: 10px;}
|
|
|
+.contrary-transfer .dl-input .form-error+.error{display: block;}
|
|
|
+.contrary-transfer .dl-input .error{color: #ff4222; display: none;}
|
|
|
+
|
|
|
+.signature1 .right .step1 .upload-file{padding: 0; height: 436px; margin-top: 10px; text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.05);}
|
|
|
+.signature1 .right .step1 .qq-upload-button-selector{margin-top: 100px !important;}
|
|
|
+.signature1 .right .step1 .qq-upload-list-selector li{padding-left: 20px; padding-right: 20px;}
|
|
|
+
|
|
|
+.signature1 .right .step2 .form-group{margin-bottom: 30px;}
|
|
|
+.signature1 .right .step2 .form-group .col-sm-6{position: relative;}
|
|
|
+.signature1 .right .step2 .form-group .error-prompt{position: absolute; left: 15px; top: calc(100% + 3px); color: #f00; display: none;}
|
|
|
+.signature1 .right .step2 .form-group.form-error .error-prompt{display: block;}
|
|
|
+.signature1 .right .step2 ul{padding: 7px 15px 0;}
|
|
|
+
|
|
|
+.signature1 .right .step2 .form-group .col-sm-2{width: 14%;}
|
|
|
+
|
|
|
+.signature1 .right .step2 .app-name img{border: 1px solid #e5e5e5; border-radius: 15px; width: 60px; height: 60px;}
|
|
|
+.signature1 .right .step2 .app-name .col-sm-2:nth-of-type(1){line-height: 60px; padding-top: 0;}
|
|
|
+.signature1 .right .step2 .app-name .col-sm-2:nth-of-type(2){width: auto; padding-right: 0;}
|
|
|
+.signature1 .right .step2 .app-name .col-sm-4{line-height: 60px;}
|
|
|
+
|
|
|
+.signature1 .right .step3 .text{padding-left: 30px; margin-bottom: 20px;}
|
|
|
+.signature1 .right .step3 .text img{width: 30px; height: 30px; border: 1px solid #e5e5e5; border-radius: 6px;}
|
|
|
+.signature1 .right .step3 .text p{line-height: 30px; margin-left: 15px;}
|
|
|
+
|
|
|
+.signature1 .right .step3 .pay-money{padding-bottom: 0; padding-left: 30px;}
|
|
|
+.signature1 .right .step3 .pay-money .ms-btn{width: auto; padding: 6px 12px;}
|
|
|
+.signature1 .right .step3 .pay-money .ms-btn.color-hover{padding-left: 0;}
|
|
|
+.signature1 .right .step3 .pay-money .ms-btn-primary{width: 160px; padding: 9px 0;}
|
|
|
+
|
|
|
+.signature1 .right .step3 .choose-package li{height: 40px; line-height: 40px; text-align: center; width: 100px; border: 1px solid #e5e5e5; position: relative; border-radius: 3px; margin-right: 30px; float: left; cursor: pointer;}
|
|
|
+.signature1 .right .step3 .choose-package li .icon-checkbox{position: absolute; right: 0; bottom: 0; border-bottom-right-radius: 3px; display: none;}
|
|
|
+.signature1 .right .step3 .choose-package li.active{border-color: #157df1;}
|
|
|
+.signature1 .right .step3 .choose-package li.active .icon-checkbox{display: block;}
|
|
|
+.signature1 .right .step3 .tooltip .tooltip-inner{max-width: 300px;}
|
|
|
+
|
|
|
+.signature1 .right .step4{padding-bottom: 0;}
|
|
|
+.signature1 .right .step4 .top{padding: 30px; border-bottom: 1px solid #e5e5e5; min-height: 350px;}
|
|
|
+.signature1 .right .step4 .top img{border: 1px solid #e5e5e5; border-radius: 15px; width: 80px; height: 80px; margin-right: 20px;}
|
|
|
+
|
|
|
+.signature1 .right .step4 .top table{width: 45%; color: #333;}
|
|
|
+.signature1 .right .step4 .top table caption{color: #333; font-size: 24px; margin-bottom: 5px;}
|
|
|
+.signature1 .right .step4 .top table caption .tit1{position: relative;}
|
|
|
+.signature1 .right .step4 .top table caption .version{position: absolute; left: calc(100% + 2px); top: 0; background-color: #ed2027; font-size: 12px; width: 42px; color: #fff; text-align: center; border-radius: 3px;}
|
|
|
+.signature1 .right .step4 .top table td{padding: 2px 0; font-size: 12px;}
|
|
|
+
|
|
|
+.signature1 .right .step4 .top.signature-disabled img{-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1);}
|
|
|
+.signature1 .right .step4 .top.signature-disabled table{color: #999;}
|
|
|
+.signature1 .right .step4 .top.signature-disabled table caption{color: #999;}
|
|
|
+
|
|
|
+.signature1 .right .step4 .step-bottom{padding: 20px 50px 15px;}
|
|
|
+.signature1 .right .step4 .step-bottom table{width: 100%; }
|
|
|
+.signature1 .right .step4 .step-bottom table th{font-weight: 600; padding: 5px;}
|
|
|
+.signature1 .right .step4 .step-bottom table th span{display: inline-block; width: 3px; height: 16px; background-color: #157df1; position: relative; top: 3px; margin-right: 7px;}
|
|
|
+.signature1 .right .step4 .step-bottom table td{padding: 5px;}
|
|
|
+
|
|
|
+.signature1 .right .app-table{margin-bottom: 0;}
|
|
|
+.signature1 .right .app-table th{border-bottom-width: 1px;}
|
|
|
+.table-list .app-table tr:hover td{background-color: #ebf7ff;}
|
|
|
+.table-list .app-table td .app-icon-size{margin-right: 10px;}
|
|
|
+.table-list .app-table td .app-icon-size img{width: 45px; height: 45px; border-radius: 10px; border: 1px solid #e5e5e5;}
|
|
|
+.signature1 .right .app-table td .icon-download{font-size: 20px; cursor: pointer; color: #157df1;}
|
|
|
+/*.signature1 .right .app-table td .icon-download:hover{color: #157df1;}*/
|
|
|
+.signature1 .right .app-table .number{cursor: pointer;}
|
|
|
+.signature1 .right .app-table .number .text{position: relative;}
|
|
|
+.signature1 .right .app-table .number .glyphicon{color: #bbb; display: block; font-size: 13px; position: absolute; left: calc(100% + 3px);}
|
|
|
+.signature1 .right .app-table .number .glyphicon-triangle-top{top: -4px;}
|
|
|
+.signature1 .right .app-table .number .glyphicon-triangle-bottom{top: 4px;}
|
|
|
+
|
|
|
+.signature1 .right .app-table .number.sorted.ascending .glyphicon-triangle-top{color: #666;}
|
|
|
+
|
|
|
+.signature1 .right .app-table .number.sorted.descending .glyphicon-triangle-bottom{color: #666;}
|
|
|
+
|
|
|
+.signature1 .right .no-signature{background-color: #fff; min-height: 420px; text-align: center; padding-top: 130px; border: 1px solid #e5e5e5; border-top: none;}
|
|
|
+.signature1 .right .no-signature .text{margin-top: 20px;}
|
|
|
+
|
|
|
+/*.signature1 .release-app .app-table tr th:first-of-type{width: 80px;}*/
|
|
|
+.signature1 .release-app .app-table td .tit-ellipsis{width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; position: relative; top: 5px;}
|
|
|
+
|
|
|
+.signature1 .right .warn-prompt{margin-top: 20px;}
|
|
|
+
|
|
|
+/*----------/企业签名----------*/
|
|
|
+
|
|
|
+/*----------封装----------*/
|
|
|
+.encapsulation{padding: 30px; background-color: #fff;}
|
|
|
+.encapsulation .common .list2{padding: 7px 15px 0;}
|
|
|
+.encapsulation .common .list2 li{margin-right: 40px;}
|
|
|
+/*.encapsulation .version-number{margin-bottom: 20px !important;}*/
|
|
|
+.encapsulation .form-horizontal .form-group:last-of-type{margin-bottom: 0;}
|
|
|
+#device{position: relative;}
|
|
|
+#device .error{position: absolute; top: 35px; left: 15px; white-space: nowrap; font-size: 12px; color: #fd641d; display: none;}
|
|
|
+#device.form-error .error{display: block;}
|
|
|
+
|
|
|
+.encapsulation .upload-icon{position: relative; border: 1px solid #ddd; height: 100px; width: 100px; /*border-radius: 15px;*/ background: url("../img/icon-10.png") no-repeat center 23px; margin-bottom: 30px; overflow: hidden; margin-left: 15px;}
|
|
|
+.encapsulation .upload-icon img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*border-radius: 15px;*/ background-color: #fff; /*border: 1px solid #e5e5e5;*/}
|
|
|
+
|
|
|
+.encapsulation .upload-icon .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
|
|
|
+.encapsulation .upload-icon .thumbnail1{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
|
|
|
+.encapsulation .upload-icon .text{text-align: center; margin-top: 60px; font-size: 14px; font-weight: 600; color: #999;}
|
|
|
+.encapsulation .step2 .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
|
|
|
+.encapsulation .img-note .ms-btn{font-size: 14px;}
|
|
|
+.encapsulation .step2 .control-label{color: #333;}
|
|
|
+.encapsulation .upload-icon .reset{position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; background: rgba(0,0,0,.5); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
|
|
|
+.encapsulation .upload-icon .reset{display: none;}
|
|
|
+.encapsulation .upload-icon.uploaded .reset{display: none;}
|
|
|
+.encapsulation .upload-icon.uploaded:hover .reset{display: block;}
|
|
|
+
|
|
|
+.encapsulation .upload-img{height: 215px; width: 120px; background-position: center 45%; /*border-radius: 5px;*/ margin-bottom: 0;}
|
|
|
+.encapsulation .upload-img .text{text-align: center; margin-top: 120px;}
|
|
|
+.encapsulation .upload-img img{/*border-radius: 5px;*/}
|
|
|
+.encapsulation .step2 .img-note1{font-size: 12px; display: flex; align-items: flex-end; height: 215px; margin-left: 10px;}
|
|
|
+.encapsulation .step2 .img-note1 .ms-btn{font-size: 14px;}
|
|
|
+
|
|
|
+/*启动图 显示时间*/
|
|
|
+.encapsulation .step2 .start-time .tit{color: #333;}
|
|
|
+.encapsulation .step2 .start-time ul{padding-left: 0;}
|
|
|
+.encapsulation .step2 .start-time ul li{float: left; cursor: pointer; margin-right: 30px;}
|
|
|
+.encapsulation .step2 .start-time ul li .icon-radio{margin-right: 10px; top: 3px;}
|
|
|
+/*/启动图 显示时间*/
|
|
|
+
|
|
|
+/*启动图 显示跳过*/
|
|
|
+.encapsulation .step2 .show-skip .tit{color: #333;}
|
|
|
+.encapsulation .step2 .show-skip ul{padding-left: 0;}
|
|
|
+/*/启动图 显示跳过*/
|
|
|
+
|
|
|
+.encapsulation4{padding: 30px 0;}
|
|
|
+.encapsulation4 .common{margin-bottom: 10px;}
|
|
|
+.encapsulation4 .common .tit{padding: 0 30px 20px; border-bottom: 1px solid #e5e5e5; color: #333;}
|
|
|
+.encapsulation4 .common .list2{padding: 20px 30px 30px; color: #333;}
|
|
|
+.encapsulation4 .pay-money{padding-bottom: 0; margin-top: 0;}
|
|
|
+.encapsulation4 .pay-money .ms-btn.color-hover{width: auto; padding: 6px 12px;}
|
|
|
+
|
|
|
+.encapsulation5{padding: 0; background-color: transparent;}
|
|
|
+
|
|
|
+.encapsulation5 .e-details dt{color: #333; font-size: 24px;}
|
|
|
+.encapsulation5 .e-details dd{margin-top: 5px; font-size: 12px;}
|
|
|
+.encapsulation5 .e-details dt .tit1{position: relative;}
|
|
|
+.encapsulation5 .e-details .d-bottom>span{margin-right: 50px;}
|
|
|
+
|
|
|
+.encapsulation5 table{table-layout: fixed;}
|
|
|
+.encapsulation5 table .ellipsis-wrap{position: relative;}
|
|
|
+.encapsulation5 table .ellipsis-wrap .popover{max-width: 410px; width: 410px; top: 15px; font-size: 14px;}
|
|
|
+.encapsulation5 table .ellipsis-wrap .popover .popover-content span{color: #157df1; margin-left: 10px; cursor: pointer;}
|
|
|
+
|
|
|
+.encapsulation5 table .ellipsis-wrap .ellipsis{width: 80%;}
|
|
|
+.encapsulation5 table .ellipsis-wrap .popover.bottom>.arrow{left: 25px;}
|
|
|
+
|
|
|
+.encapsulation5 table .ellipsis-wrap:hover .popover{display: block;}
|
|
|
+
|
|
|
+.encapsulation-app1{padding: 0; background-color: transparent;}
|
|
|
+.encapsulation-app1 .app-table{color: #666;}
|
|
|
+.encapsulation-app1 .app-table .iconfont{color: #bbb;}
|
|
|
+.encapsulation-app1 .app-table tr th{padding-left: 10px; padding-right: 10px;}
|
|
|
+.encapsulation-app1 .app-table tr td{height: 60px; padding: 0 10px !important;}
|
|
|
+/*.encapsulation-app1 .app-table tr th:nth-of-type(2){text-align: left;}*/
|
|
|
+/*.encapsulation-app1 .app-table tr th:nth-of-type(3){text-align: left;}*/
|
|
|
+/*.encapsulation-app1 .app-table tr td:nth-of-type(3){text-align: left;}*/
|
|
|
+
|
|
|
+/*.encapsulation-app1 table tr td:nth-of-type(3) a{max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}*/
|
|
|
+.encapsulation-app1 .number{width: 120px;}
|
|
|
+.table-list .app-table .tr-disabled:hover td{background-color: #f7f7f7;}
|
|
|
+.table-list .app-table .td-disabled{color: #999; position: relative;}
|
|
|
+.table-list .app-table .td-disabled .icon-download{display: none;}
|
|
|
+.table-list .app-table .mask{position: absolute; background-color: red; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; cursor: not-allowed;}
|
|
|
+.table-list .app-table .td-disabled img{-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1);}
|
|
|
+
|
|
|
+.table-list .app-table .td-disabled.table-action-3 .table-btn{display: none;}
|
|
|
+
|
|
|
+.encapsulation-app1 .no-app{background-color: #fff; padding-top: .1px; min-height: 420px; border: 1px solid #e5e5e5; border-top: none;}
|
|
|
+
|
|
|
+.encapsulation-app1 .no-app .icon-zhuangxiang{margin-right: 5px; font-size: 18px;}
|
|
|
+.encapsulation-app1 .no-app .ms-btn .text{margin-top: 3px;}
|
|
|
+.no-app .big{display: none;}
|
|
|
+.big-bag .no-app .small{display: none;}
|
|
|
+.big-bag .no-app .big{display: block;}
|
|
|
+
|
|
|
+.table-list .app-table .ellipsis{max-width: 160px; width: auto;}
|
|
|
+.table-list .app-table .pack-name-ellipsis{max-width: 140px; width: auto;}
|
|
|
+
|
|
|
+.table-list .app-table .table-btn{padding: 4px 10px; border: 1px solid #157df1; border-radius: 3px; display: inline-block;}
|
|
|
+.table-list .app-table .table-btn + .table-btn{margin-left: 3px;}
|
|
|
+.table-list .app-table .table-btn:hover{background-color: #157df1; color: #fff;}
|
|
|
+.table-list .app-table .table-btn:focus{background-color: transparent; color: #157df1;}
|
|
|
+.table-list .app-table .table-btn:focus:hover{background-color: #157df1; color: #fff;}
|
|
|
+.table-list .app-table .table-btn[disabled=disabled]{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
|
|
|
+.table-list .app-table .table-btn[disabled=disabled]:focus{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
|
|
|
+.table-list .app-table .table-btn.disabled{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
|
|
|
+.table-list .app-table .table-btn.disabled:focus{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
|
|
|
+.table-list .app-table .table-btn.color-delete{border-color: #ee635d; margin-right: 0;}
|
|
|
+.table-list .app-table .table-btn.color-delete:hover{background-color: #ee635d; color: #fff;}
|
|
|
+.table-list .app-table .table-btn.color-delete:focus{background-color: transparent; color: #ee635d;}
|
|
|
+.table-list .app-table .table-btn.color-delete:focus:hover{background-color: #ee635d; color: #fff;}
|
|
|
+.table-list .app-table .table-btn.color-delete[disabled=disabled]{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
|
|
|
+.table-list .app-table .table-btn.color-delete[disabled=disabled]:focus:hover{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
|
|
|
+.table-list .app-table .table-btn.color-delete.disabled{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
|
|
|
+.table-list .app-table .table-btn.color-delete.disabled:focus:hover{color: #ccc; cursor: not-allowed; border-color: #e8e8e8; background-color: #e8e8e8;}
|
|
|
+.table-list .app-table .table-btn.disabled{color: #999; cursor: not-allowed;}
|
|
|
+.table-list .app-table .table-action-2{width: 190px;}
|
|
|
+
|
|
|
+.table-list .app-table .table-action-3{width: 225px;}
|
|
|
+
|
|
|
+.table-list .app-table .table-action-4{width: 265px;}
|
|
|
+
|
|
|
+.table-list .app-table td .tit2{max-width: 115px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #333; font-size: 14px; text-align: left; line-height: 14px; margin-top: 10px;}
|
|
|
+.table-list .app-table td .tit2:hover{color: #157df1;}
|
|
|
+.table-list .app-table td .tit3{color: #999; font-size: 12px; text-align: left; display: block; margin-top: 2px;}
|
|
|
+
|
|
|
+.table-list .app-table tr .angle-parent{position: relative;}
|
|
|
+.table-list .app-table tr .angle-parent .angle{position: absolute; left: 0; top: 0;}
|
|
|
+.app-details2 .angle-parent{position: relative;}
|
|
|
+.app-details2 .angle-parent .angle{position: absolute; left: 0; top: 0;}
|
|
|
+
|
|
|
+.encapsulation3{padding: 0;}
|
|
|
+.encapsulation3 .step3{padding-top: .1px;}
|
|
|
+.encapsulation3 .step3 .tit3{padding: 20px 30px; border-bottom: 1px solid #e5e5e5; color: #333;}
|
|
|
+.encapsulation3 .step3 .free-tool{padding-left: 30px; margin-top: 25px; color: #333;}
|
|
|
+.encapsulation3 .step3 .pay-tool{padding-left: 30px; color: #333;}
|
|
|
+
|
|
|
+.encapsulation3 .step3 .plugin-list{padding: 20px 30px 10px;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con{border: 1px solid #e5e5e5; border-radius: 5px; cursor: pointer; position: relative;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con img{margin: 10px auto 6px; height: 25px;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con .text3{text-align: center; margin-bottom: 10px; color: #666; font-size: 12px;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con .icon-checkbox{position: absolute; bottom: 0; right: 0; display: none;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con.active{border-color: #157df1;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con.active .icon-checkbox{display: block;}
|
|
|
+
|
|
|
+.encapsulation3 .step3 .plugin-list .row{margin-left: -10px; margin-right: -10px;}
|
|
|
+.encapsulation3 .step3 .plugin-list .row .col-sm-2{padding-left: 10px; padding-right: 10px;}
|
|
|
+
|
|
|
+.encapsulation3 .step3 .plugin-list .con .in-development{position: absolute; background-color: rgba(0,0,0,.7); left: 0; top: 0; width: 100%; height: 100%; color: #fff; border-radius: 5px; display: none; align-items: center; justify-content: center;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con:hover .in-development{display: flex;}
|
|
|
+
|
|
|
+.encapsulation3 .step3 .plugin-list .col-sm-2{width: 20%; margin-bottom: 20px;}
|
|
|
+/*.encapsulation3 .step3 .plugin-list .row .col-sm-2:nth-of-type(n+11){margin-bottom: 0;}*/
|
|
|
+
|
|
|
+.encapsulation3 .step3 .plugin-list .con .c-left{font-size: 12px; width: 60%;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con .c-left .img-hide{display: none;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con.active .c-left .img-hide{display: block;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con.active .c-left .img-show{display: none;}
|
|
|
+
|
|
|
+.encapsulation3 .step3 .plugin-list .con .c-right{padding: 15px 20px 15px 0; height: 68px; display: flex; align-items: center; justify-content: center;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con .c-right .line{border-left: 1px solid #e5e5e5; width: 1px; height: 100%; margin-right: 20px;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con .c-right .icon-checkbox-checked1{color: #157df1;}
|
|
|
+.encapsulation3 .step3 .plugin-list .con:hover{border-color: #157df1;}
|
|
|
+/*
|
|
|
+* table列表 优化
|
|
|
+* 2018/10/24
|
|
|
+*/
|
|
|
+.table-list-wrap{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; padding: 20px; min-height: 550px;}
|
|
|
+
|
|
|
+.new-encapsulation{}
|
|
|
+.new-encapsulation .right .step li{width: 32.5%;}
|
|
|
+
|
|
|
+.vip-encapsulation{}
|
|
|
+.vip-encapsulation .right .step li{width: 24.4%;}
|
|
|
+
|
|
|
+.new-encapsulation .right .step-common{min-height: 450px;}
|
|
|
+.new-encapsulation .right .step-common .form-group{margin-bottom: 30px;}
|
|
|
+.new-encapsulation .right .step-common .form-group1{margin-bottom: 20px;}
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .new-encapsulation .right .step-common .form-group .col-sm-2{width: 14%;}
|
|
|
+}
|
|
|
+.new-encapsulation .step-common .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
|
|
|
+.new-encapsulation .encapsulation .upload-icon{margin-bottom: 0;}
|
|
|
+
|
|
|
+.encapsulation .prev-step{padding: 6px 0; margin-right: 12px;}
|
|
|
+
|
|
|
+
|
|
|
+/*----------/封装----------*/
|
|
|
+
|
|
|
+/*----------封装 配置插件----------*/
|
|
|
+.plugin-modal .modal-dialog{width: 700px;}
|
|
|
+.plugin-modal .modal-title{color: #333;}
|
|
|
+.plugin-modal .modal-header{padding-left: 30px;}
|
|
|
+.plugin-modal .modal-footer{padding: 30px 15px;}
|
|
|
+.plugin-modal .modal-header .close{opacity: 1; color: #333; font-size: 26px;}
|
|
|
+.plugin-modal .modal-body{max-height: 600px; overflow-y: auto; position: relative;}
|
|
|
+.modal-aside .modal-body{min-height: 600px;}
|
|
|
+.plugin-modal .modal-body .more-gif{position: absolute; left: 50%; bottom: 0px; margin-left: -52px;}
|
|
|
+
|
|
|
+.plugin-modal .modal-aside{background-color: #f0f0f0; border-radius: 6px;}
|
|
|
+.plugin-modal .modal-aside .modal-aside-left{width: 35%;}
|
|
|
+.plugin-modal .modal-aside .modal-aside-left .tit1{color: #333; font-size: 16px; text-align: center; margin-top: 55px; margin-bottom: 25px;}
|
|
|
+.plugin-modal .modal-aside .modal-aside-right{width: 65%; background-color: #fff; /*min-height: 710px;*/ border-radius: 0 6px 6px 0;}
|
|
|
+
|
|
|
+.sp-button-container{width: 75px;}
|
|
|
+.sp-input{border: 1px solid #222;}
|
|
|
+
|
|
|
+/*浏览器*/
|
|
|
+.plugin-browser .select-browser{color: #157df1; font-size: 12px; margin-left: 125px;}
|
|
|
+.plugin-browser .select-browser:hover{text-decoration: underline;}
|
|
|
+/*/浏览器*/
|
|
|
+
|
|
|
+/*加载动画*/
|
|
|
+.config-plugin{}
|
|
|
+.config-plugin .plugin-common{padding: 15px 20px;}
|
|
|
+.config-plugin .plugin-common .sp-replacer{width: 100%;}
|
|
|
+.config-plugin .plugin-common .sp-preview{width: 90%;}
|
|
|
+.plugin-loading .tit3{color: #333; margin: 45px 0 15px;}
|
|
|
+
|
|
|
+.plugin-loading .con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 10px; position: relative; overflow: hidden; cursor: pointer;}
|
|
|
+.plugin-loading .con .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.plugin-loading .con.active{border-color: #157df1;}
|
|
|
+.plugin-loading .con.active .icon-checkbox{display: block;}
|
|
|
+.plugin-loading .con .tit1{padding: 15px 0;}
|
|
|
+.plugin-loading .con.active .tit1{color: #157df1;}
|
|
|
+
|
|
|
+.plugin-loading .con-1{border: 1px solid #e5e5e5; border-radius: 5px 5px 0 0; border-bottom: none; height: 140px;}
|
|
|
+.config-plugin .plugin-common .top{color: #333; text-align: center;}
|
|
|
+.config-plugin .plugin-common .top .time{font-size: 12px; font-weight: 600; padding-left: 20px; margin-top: 3px; display: inline-block;}
|
|
|
+.config-plugin .plugin-common .top .num{font-size: 12px; font-weight: 600; margin: 3px 5px 0 0;}
|
|
|
+.config-plugin .plugin-common .top .icon-signal{margin-left: 3px;}
|
|
|
+.config-plugin .plugin-common .top .icon-wifi{font-size: 15px; margin-left: 5px;}
|
|
|
+.config-plugin .plugin-common .top .icon-dianliang{font-size: 14px; margin-right: 3px;}
|
|
|
+
|
|
|
+.plugin-loading .con-1 .tit2{text-align: center; color: #157df1; font-weight: 600; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; position: relative;}
|
|
|
+.plugin-loading .con-1 .tit2 .progress1{position: absolute; left: 0; bottom: -1px; background: #157df1; height: 1px; width: 80%;}
|
|
|
+.plugin-loading .con-1 img{margin: 35px auto 0; width: 26px; height: 26px; display: block;}
|
|
|
+/*/加载动画*/
|
|
|
+
|
|
|
+/*清除缓存*/
|
|
|
+.config-plugin .plugin-common .common-ul li{float: left; width: 140px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #e5e5e5; position: relative; border-radius: 5px; margin-right: 25px; overflow: hidden; cursor: pointer;}
|
|
|
+.config-plugin .plugin-common .common-ul li .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.config-plugin .plugin-common .common-ul li.active{border: 1px solid #157df1; color: #157df1;}
|
|
|
+.config-plugin .plugin-common .common-ul li.active .icon-checkbox{display: block;}
|
|
|
+/*/清除缓存*/
|
|
|
+
|
|
|
+/*极光推送*/
|
|
|
+.config-plugin .plugin-common label{color: #333;}
|
|
|
+/*/极光推送*/
|
|
|
+
|
|
|
+/*退出提示*/
|
|
|
+.plugin-exit .con-1{position: relative;}
|
|
|
+.plugin-exit .con-1 .shadow{position: absolute; background-color: rgba(0,0,0,.7); left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px 5px 0 0; padding: 20px 30px;}
|
|
|
+.plugin-exit .con-1 .shadow .s-con{background-color: #fff; border-radius: 5px; height: 100%; text-align: center; font-size: 12px; color: #333; padding-top: .1px;}
|
|
|
+.plugin-exit .con-1 .shadow .s-con .s-tit{font-weight: 600; margin-top: 15px;}
|
|
|
+.plugin-exit .con-1 .shadow .s-con p{margin-top: 5px;}
|
|
|
+.plugin-exit .con-1 .shadow .s-con ol{margin-top: 15px;}
|
|
|
+.plugin-exit .con-1 .shadow .s-con ol li{float: left; color: #157df1; border-top: 1px solid #e5e5e5; width: 50%; height: 30px; line-height: 30px;}
|
|
|
+.plugin-exit .con-1 .shadow .s-con ol li:first-of-type{border-right: 1px solid #e5e5e5;}
|
|
|
+
|
|
|
+.plugin-exit .con-1 .shadow1{position: absolute; background-color: rgba(0,0,0,.7); left: 15%; top: 55%; width: 70%; height: 30px; border-radius: 5px; line-height: 30px; color: #fff; text-align: center; font-size: 12px;}
|
|
|
+.plugin-exit .mode dd{cursor: pointer;}
|
|
|
+.plugin-exit .mode dd{margin-bottom: 10px;}
|
|
|
+.plugin-exit .mode dd .text{margin-left: 3px;}
|
|
|
+p{}
|
|
|
+/*退出提示*/
|
|
|
+
|
|
|
+/*引导页*/
|
|
|
+#guideModal .modal-dialog{width: 1070px;}
|
|
|
+#guideModal .modal-aside-left .bg{background: url("../img/aside-10.png") no-repeat center; width: 268px; height: 564px; margin: 0 auto;}
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .plugin-guide .row{margin: 0 -10px;}
|
|
|
+ .plugin-guide .row .col-sm-3{width: 20%; padding: 0 10px;}
|
|
|
+}
|
|
|
+
|
|
|
+#guideModal .modal-aside-left .bg{position: relative;}
|
|
|
+#guideModal img[src=""], #guideModal img:not([src]){opacity: 0;}
|
|
|
+#guideModal .modal-aside-left .bg img{display: block; background-color: #fff; width: 240px; height: 425px; position: absolute; left: 14px; top: 70px;}
|
|
|
+#guideModal .modal-aside-left .bg .experience-btn{position: absolute; left: 50%; bottom: 110px; margin-left: -65px; width: 130px; height: 30px; text-align: center; line-height: 28px; color: #fff; border: 1px solid #fff; border-radius: 15px; z-index: 2;}
|
|
|
+
|
|
|
+.plugin-guide .upload-img{position: relative; border: 1px dashed #e5e5e5; height: 190px; width: 100%; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 40%; /*overflow: hidden;*/}
|
|
|
+.plugin-guide .upload-img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; background-color: #fff; border: 1px solid #e5e5e5;}
|
|
|
+.plugin-guide .upload-img .thumbnail{position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
|
|
|
+.plugin-guide .upload-img .text{text-align: center; margin-top: 100px; font-size: 12px;}
|
|
|
+.plugin-guide .upload-img .reset{position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px; background: rgba(0,0,0,.7); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
|
|
|
+.plugin-guide .upload-img .reset{display: none;}
|
|
|
+.plugin-guide .upload-img.uploaded .reset{display: none;}
|
|
|
+.plugin-guide .upload-img.uploaded:hover .reset{display: block;}
|
|
|
+
|
|
|
+/*删除*/
|
|
|
+.plugin-guide .upload-img .icon-delete2{position: absolute; color: #ff6565; right: -8px; top: -8px; right: 0\9; top: 0\9; display: none; cursor: pointer; z-index: 2;}
|
|
|
+.plugin-guide .upload-img.uploaded .icon-delete2{display: block;}
|
|
|
+
|
|
|
+.plugin-guide .experience{margin-top: 20px;}
|
|
|
+.plugin-guide .experience-color{margin-top: 45px;}
|
|
|
+.plugin-guide .experience .tit{color: #333; margin-bottom: 7px;}
|
|
|
+/*/引导页*/
|
|
|
+
|
|
|
+/*第三方分享*/
|
|
|
+.plugin-share .con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 10px; position: relative; overflow: hidden; cursor: pointer;}
|
|
|
+.plugin-share .con .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.plugin-share .con.active{border-color: #157df1;}
|
|
|
+.plugin-share .con.active .icon-checkbox{display: block;}
|
|
|
+.plugin-share .con .tit1{padding: 15px 0; color: #333;}
|
|
|
+.plugin-share .con.active .tit1{color: #157df1;}
|
|
|
+
|
|
|
+.plugin-share .con-1{border: 1px solid #e5e5e5; border-radius: 5px 5px 0 0; border-bottom: none; height: 140px;}
|
|
|
+.plugin-share .plugin-common .top{color: #333; text-align: center;}
|
|
|
+.plugin-share .plugin-common .top .time{font-size: 12px; font-weight: 600; padding-left: 20px; margin-top: 3px; display: inline-block;}
|
|
|
+.plugin-share .plugin-common .top .num{font-size: 12px; font-weight: 600; margin: 3px 5px 0 0;}
|
|
|
+.plugin-share .plugin-common .top .icon-signal{margin-left: 3px;}
|
|
|
+.plugin-share .plugin-common .top .icon-wifi{font-size: 15px; margin-left: 5px;}
|
|
|
+.plugin-share .plugin-common .top .icon-dianliang{font-size: 14px; margin-right: 3px;}
|
|
|
+
|
|
|
+.plugin-share .con-1 .tit2{text-align: center; color: #157df1; font-weight: 600; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; position: relative;}
|
|
|
+.plugin-share .con-1 .tit2 .share-left{position: absolute; left: 5px; bottom: 3px;}
|
|
|
+.plugin-share .con-1 .tit2 .share-right{position: absolute; right: 5px; bottom: 3px;}
|
|
|
+.plugin-share .con .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.plugin-share .con.active .icon-checkbox-small{display: block;}
|
|
|
+
|
|
|
+.plugin-share .s-tit{color: #333; margin-bottom: 8px;}
|
|
|
+.plugin-share .s-tit1{color: #fd641d; margin-top: 5px; font-size: 12px; display: none;}
|
|
|
+
|
|
|
+.plugin-share .s-way{margin-top: 0;}
|
|
|
+.plugin-share .s-way .w-top{margin-bottom: 8px;}
|
|
|
+.plugin-share .s-way .w-top .t-left{color: #333;}
|
|
|
+.plugin-share .s-way .w-top .t-right{color: #157df1; font-size: 12px;}
|
|
|
+/*第三方分享三期完成后 删除*/
|
|
|
+.plugin-share .s-way .w-con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 15px 12px 0; position: relative; cursor: pointer;}
|
|
|
+.plugin-share .s-way .w-con .s-tit2{color: #333; margin-bottom: 5px;}
|
|
|
+.plugin-share .s-way .w-con p{color: #666; font-size: 12px; margin-bottom: 10px; height: 34px;}
|
|
|
+.plugin-share .s-way .w-con.active{border-color: #157df1;}
|
|
|
+.plugin-share .s-way .w-con.active .s-tit2{color: #157df1;}
|
|
|
+.plugin-share .s-way .w-con .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.plugin-share .s-way .w-con.active .icon-checkbox-small{display: block;}
|
|
|
+/*/第三方分享三期完成后 删除*/
|
|
|
+.plugin-share .s-way .s-ul li{position: relative; overflow: visible;}
|
|
|
+.plugin-share .s-way .s-ul li .way-top{position: absolute; bottom: 100%; right: 0; color: #157df1; z-index: 2; font-size: 12px; height: 28px; line-height: 28px;}
|
|
|
+
|
|
|
+.plugin-share .s-way .s-ul li .recommended{position: absolute; left: 0; top: 0;}
|
|
|
+.plugin-share .s-way .s-ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.plugin-share .s-way .s-ul li.active .icon-checkbox-small{display: block;}
|
|
|
+
|
|
|
+.plugin-share .app-share{display: none; position: relative;}
|
|
|
+/*.plugin-share .app-share .label-wrap{margin-bottom: 8px;}*/
|
|
|
+.plugin-share .app-share .label-wrap label{color: #333;}
|
|
|
+.plugin-share .app-share .label-wrap a{color: #157df1; font-size: 12px; position: absolute; right: 0; top: -21px;}
|
|
|
+
|
|
|
+.plugin-share .s-con{border: 1px solid #e5e5e5; padding: 15px 20px 20px; border-radius: 4px;}
|
|
|
+.plugin-share .app-share .s-con{margin-top: 20px;}
|
|
|
+.plugin-share .s-con .s-tit3{color: #333;}
|
|
|
+.plugin-share .s-con dl{color: #333; margin-top: 10px;}
|
|
|
+.plugin-share .s-con dl dt{font-weight: 600; margin-bottom: 5px;}
|
|
|
+
|
|
|
+.plugin-share .s-con .save-txt{padding: 3px 5px 2px; font-size: 12px; line-height: 14px; margin-top: 5px; margin-bottom: 25px;}
|
|
|
+.plugin-share .app-share input{margin-top: 10px;}
|
|
|
+
|
|
|
+.plugin-share .form-group{margin-bottom: 30px;}
|
|
|
+.plugin-share .form-group:last-of-type{margin-bottom: 0;}
|
|
|
+.plugin-share .form-group .row .col-sm-8{margin-bottom: 10px;}
|
|
|
+
|
|
|
+.plugin-share .share-location{margin-top: 40px;}
|
|
|
+.plugin-share .share-location .s-tit4{color: #333; margin-bottom: 2px;}
|
|
|
+.plugin-share .share-location p{color: #fd641d;}
|
|
|
+
|
|
|
+.plugin-share .share-content{margin-top: 40px;}
|
|
|
+.plugin-share .share-content .tab .s-con{display: none;}
|
|
|
+.plugin-share .share-content .radio-round{margin-bottom: 20px; color: #333;}
|
|
|
+.plugin-share .share-content label{margin-bottom: 5px;}
|
|
|
+.plugin-share .share-content .form-group{margin-bottom: 15px;}
|
|
|
+.plugin-share .share-content .form-group .error{color: #fd641d; font-size: 12px; display: none;}
|
|
|
+.plugin-share .share-content .form-group.form-error .error{display: block;}
|
|
|
+.plugin-share .share-content .s-con .form-group:last-of-type{margin-bottom: 0;}
|
|
|
+/*/第三方分享*/
|
|
|
+
|
|
|
+/*状态栏*/
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ #stateModal .modal-dialog{width: 1070px;}
|
|
|
+}
|
|
|
+#stateModal .modal-aside-left .bg{background: url("../img/plugin-aside-3.png") no-repeat center top; width: 268px; height: 564px; margin: 0 auto; padding-top: .1px; position: relative;}
|
|
|
+
|
|
|
+.plugin-modal .common-top{height: 24px; line-height: 24px; background-color: #157df1; color: #fff;}
|
|
|
+.plugin-modal .common-top.white{color: #fff;}
|
|
|
+.plugin-modal .common-top.black{color: #333;}
|
|
|
+.plugin-modal .common-top .icon-signal{margin-left: 3px; font-size: 13px;}
|
|
|
+.plugin-modal .common-top .font12{font-size: 12px; transform: scale(.8);}
|
|
|
+.plugin-modal .common-top .icon-dianliang{margin-top: -1px; margin-right: 5px; font-size: 12px;}
|
|
|
+
|
|
|
+#stateModal .common-top{width: auto; margin: 71px 15px 0; height: 16px; line-height: 16px;}
|
|
|
+
|
|
|
+.plugin-state .tit1{color: #333; margin-bottom: 5px;}
|
|
|
+
|
|
|
+.config-plugin .plugin-common .bg-text-color ol li{width: 30px; height: 30px; background-color: #e5e5e5; border: 1px solid #999; border-radius: 5px; float: left; padding: 6px; cursor: pointer;}
|
|
|
+.config-plugin .plugin-common .bg-text-color ol li.active{border: 3px solid #157df1;}
|
|
|
+.config-plugin .plugin-common .bg-text-color ol li:last-of-type{margin-left: 10px;}
|
|
|
+.config-plugin .plugin-common .bg-text-color ol li:first-of-type span{display: block; background-color: #fff; width: 100%; height: 100%;}
|
|
|
+.config-plugin .plugin-common .bg-text-color ol li:last-of-type span{display: block; background-color: #333; width: 100%; height: 100%;}
|
|
|
+/*/状态栏*/
|
|
|
+
|
|
|
+/*标题栏*/
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ #titleModal .modal-dialog{width: 1070px;}
|
|
|
+}
|
|
|
+
|
|
|
+#titleModal .modal-aside-left .bg{background: url("../img/plugin-aside-1.png") no-repeat center top; width: 268px; height: 564px; margin: 0 auto; padding-top: .1px;}
|
|
|
+
|
|
|
+.plugin-title input{color: #333;}
|
|
|
+.plugin-title .tit1{color: #333; margin-bottom: 5px;}
|
|
|
+#titleModal .modal-aside-left .state-title-header{margin-top: 71px;}
|
|
|
+#titleModal .modal-aside-left .state-top{width: auto; margin: 0 15px; height: 16px; line-height: 16px;}
|
|
|
+#titleModal .modal-aside-left .title-top{height: 26px; line-height: 26px; position: relative; /*margin-top: 85px;*/ width: auto; margin-left: 15px; margin-right: 15px;}
|
|
|
+#titleModal .modal-aside-left .title-top .iconfont{font-size: 20px; display: none;}
|
|
|
+#titleModal .modal-aside-left .title-top .t-left .iconfont{margin-left: 5px; margin-top: 1px;}
|
|
|
+#titleModal .modal-aside-left .title-top .t-right .iconfont{margin-right: 5px; margin-top: 1px;}
|
|
|
+#titleModal .modal-aside-left .title-top .text{position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 100%; text-align: center; white-space: nowrap; font-size: 13px; line-height: 27px;}
|
|
|
+.plugin-title .form-group{margin-bottom: 40px;}
|
|
|
+.plugin-title .form-group:last-of-type{margin-bottom: 0;}
|
|
|
+.plugin-title .function-keys-wrap{margin-top: 40px;}
|
|
|
+.plugin-title .function-keys-wrap .form-group{margin-bottom: 20px;}
|
|
|
+.plugin-title .function-keys-wrap .form-group:last-of-type{margin-bottom: 0;}
|
|
|
+.plugin-title .function-keys li{float: left; margin-right: 25px; cursor: pointer; margin-bottom: 10px;}
|
|
|
+.plugin-title .function-keys li .icon{position: relative; top: 3px; margin-right: 5px;}
|
|
|
+.plugin-title .function-keys li .iconfont{position: relative; top: 1px; margin-right: 5px;}
|
|
|
+.plugin-title .function-keys li.disabled{background-color: transparent !important;}
|
|
|
+
|
|
|
+.plugin-title .function-keys li .icon-checkbox-checked1{color: #157df1;}
|
|
|
+
|
|
|
+.plugin-title .title-top dd .icon-text{display: none;}
|
|
|
+
|
|
|
+.plugin-title .title-top dd.vertical{background-color: rgba(21, 125, 241, .5); width: 100px; padding: 10px 0 10px 8px; margin-top: 4px;}
|
|
|
+.plugin-title .title-top .t-right dd.vertical{padding-left: 20px;}
|
|
|
+.plugin-title .title-top dd.vertical .icon-text{display: block;}
|
|
|
+.plugin-title .title-top dd.vertical .icon-wrap{width: 100%; height: 32px; line-height: 32px;}
|
|
|
+.plugin-title .title-top dd.vertical .icon-wrap .iconfont{margin-top: 0; margin-right: 5px;}
|
|
|
+/*.plugin-title .common-ul{margin-bottom: 40px;}*/
|
|
|
+
|
|
|
+.plugin-title .state-way{position: relative; margin-top: 40px;}
|
|
|
+.plugin-title .bg-text-color1{margin-top: 40px;}
|
|
|
+.plugin-title .bg-text-color1 ol li{width: 30px; height: 30px; background-color: #e5e5e5; border: 1px solid #999; border-radius: 5px; float: left; padding: 6px; cursor: pointer;}
|
|
|
+.plugin-title .bg-text-color1 ol li.active{border: 3px solid #157df1;}
|
|
|
+.plugin-title .bg-text-color1 ol li:last-of-type{margin-left: 10px;}
|
|
|
+.plugin-title .bg-text-color1 ol li:first-of-type span{display: block; background-color: #fff; width: 100%; height: 100%;}
|
|
|
+.plugin-title .bg-text-color1 ol li:last-of-type span{display: block; background-color: #333; width: 100%; height: 100%;}
|
|
|
+
|
|
|
+.plugin-title .state-bg-extension{display: none; padding-left: 15px;}
|
|
|
+.plugin-title .state-bg-extension .tit{color: #333; margin-bottom: 3px;}
|
|
|
+
|
|
|
+.plugin-title .state-way .way-popover{position: absolute; top: 0; left: 198px; color: #157df1; font-size: 12px;}
|
|
|
+.plugin-title .hr{margin-top: 50px; margin-bottom: 45px;}
|
|
|
+
|
|
|
+.plugin-title .state-way .extend-prompt{color: #fd641d; font-size: 12px; margin-top: 10px;}
|
|
|
+
|
|
|
+#titleModal .plugin-title .state-top-extension{background: url("../img/img-ys.png") no-repeat center top; width: 237px; height: 128px;}
|
|
|
+/*/标题栏*/
|
|
|
+
|
|
|
+/*导航栏*/
|
|
|
+/*改版完成后，删除*/
|
|
|
+.config-plugin .plugin-common .common-top.white .n-text{color: #fff;}
|
|
|
+.config-plugin .plugin-common .common-top.black .n-text{color: #333;}
|
|
|
+.config-plugin .plugin-common .common-top.white .n-icon{border-color: #fff; color: #fff;}
|
|
|
+.config-plugin .plugin-common .common-top.black .n-icon{border-color: #333; color: #333;}
|
|
|
+/*/改版完成后，删除*/
|
|
|
+#navModal .modal-dialog{width: 1070px;}
|
|
|
+#navModal .modal-aside-left .bg{background: url("../img/plugin-aside-2.png") no-repeat center top; width: 268px; height: 564px; margin: 0 auto; padding-top: .1px; position: relative;}
|
|
|
+
|
|
|
+.plugin-nav .nav-top{background-color: #157df1; height: 38px; line-height: normal; position: absolute; bottom: 74px; left: 15px; right: 15px; width: auto;}
|
|
|
+.plugin-nav .nav-top ul{width: 100%; /*height: 36px;*/ /*table-layout: fixed; display: table;*/}
|
|
|
+.plugin-nav .nav-top ul li{display: table-cell; text-align: center; width: 1%; height: 38px;}
|
|
|
+.plugin-nav .nav-top ul li:nth-of-type(n+3){display: none;}
|
|
|
+.plugin-nav .icon-null{border: 1px solid #ddd; width: 14px; height: 14px; border-radius: 50%; background-color: #fff; display: inline-block;}
|
|
|
+.plugin-nav .n-text{color: #333;}
|
|
|
+.plugin-nav .nav-top .n-icon{color: #ddd;}
|
|
|
+.plugin-nav .nav-top .n-text{color: #ddd;}
|
|
|
+.plugin-nav .nav-top ul li:first-of-type .n-icon{color: #fff; border-color: #fff;}
|
|
|
+.plugin-nav .nav-top ul li:first-of-type .n-text{color: #fff;}
|
|
|
+.plugin-nav .nav-top ul li .li-con{display: flex; justify-content: center; align-items: center; height: 100%;}
|
|
|
+
|
|
|
+/*.config-plugin .plugin-nav .tit1{color: #333; margin-bottom: 5px;}*/
|
|
|
+
|
|
|
+.config-plugin .plugin-nav .set-nav .tit2{color: #333;}
|
|
|
+.config-plugin .plugin-nav .set-nav .tit2 span{color: #999;}
|
|
|
+/*.config-plugin .plugin-nav .set-nav .tit2 span{color: #f00;}*/
|
|
|
+.config-plugin .plugin-nav .set-nav .reset{font-size: 12px; color: #157df1; line-height: 20px; cursor: pointer;}
|
|
|
+
|
|
|
+.config-plugin .plugin-nav .set-nav .set-con{border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 5px;}
|
|
|
+/*配置插件 导航改版完成后将此处删除*/
|
|
|
+/*
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li{float: left; padding: 0 15px; height: 54px; background-color: #f9f9f9; border: 1px solid #e5e5e5; border-top: none; border-left: none; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; position: relative;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li:nth-of-type(n+3):not(.add-li){display: none;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li.active{border-bottom-color: transparent; background-color: #fff;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li.active .n-text{color: #333;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li.bg-error{background-color: #fd641d; color: #fff; border-bottom-color: #fd641d;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li.bg-error .n-text{color: #fff;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li.bg-error .iconfont{color: #fff !important;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li.add-li{padding: 0; width: 54px;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li .icon-null{margin-top: 0;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li.add-li .iconfont{color: #e5e5e5; font-size: 30px; margin-top: 7px; display: inline-block;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li .mask{position: absolute; right: 0; top: -1px; background-color: rgba(0,0,0,.5); color: #fff; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; display: none;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li .mask .iconfont{font-size: 14px;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li:hover .mask{display: flex;}
|
|
|
+
|
|
|
+.config-plugin .plugin-nav .set-nav .set-ul li .li-con{}
|
|
|
+
|
|
|
+.config-plugin .plugin-nav .set-nav .tab{padding: 25px 10px 10px;}
|
|
|
+
|
|
|
+.config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .col-sm-7{width: auto;}
|
|
|
+.config-plugin .plugin-nav .set-nav .tab .add-icon-wrap .add-link{margin-top: 10px;}
|
|
|
+.config-plugin .plugin-nav .set-nav .tab .add-icon{border: 1px solid #e5e5e5; border-radius: 3px; width: 40px; height: 40px; text-align: center; cursor: pointer;}
|
|
|
+.config-plugin .plugin-nav .set-nav .tab .add-icon .iconfont{color: #e5e5e5; font-size: 22px; margin-top: 2px; margin-left: 2px; display: inline-block;}
|
|
|
+.config-plugin .plugin-nav .set-nav .tab .col-sm-2{width: 60px ; padding-right: 0;}
|
|
|
+.config-plugin .plugin-nav .set-nav .tab .col-sm-2 .control-label{width: 100%;}
|
|
|
+.config-plugin .plugin-nav .set-nav .tab .t-con{display: none;}
|
|
|
+
|
|
|
+#navModal .error{display: none;}
|
|
|
+#navModal .form-error .error{font-size: 12px; color: #fd641d; display: block; margin-left: 0px;}!*导航栏改版完成后，再改回50px*!
|
|
|
+*/
|
|
|
+/*/配置插件 导航改版完成后将以上删除*/
|
|
|
+
|
|
|
+.config-plugin .plugin-nav .set-nav .set-bottom{margin-top: 40px;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-bottom .b-tit{color: #333; margin-bottom: 5px;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-bottom ul li{float: left; margin-right: 40px; cursor: pointer;}
|
|
|
+.config-plugin .plugin-nav .set-nav .set-bottom ul li .icon-radio{position: relative; top: 3px; margin-right: 5px;}
|
|
|
+
|
|
|
+.plugin-modal .icons li{float: left; text-align: center; cursor: pointer; margin: 5px; color: #666;}
|
|
|
+.plugin-modal .icons li div{font-size: 12px; }
|
|
|
+.plugin-modal .icons li .iconfont{font-size: 36px;}
|
|
|
+
|
|
|
+.plugin-modal .icons li:hover{color: #157df1;}
|
|
|
+
|
|
|
+/*2018/10/30 重构*/
|
|
|
+/*.plugin-nav .plugin-common{padding: 15px 40px;}*/
|
|
|
+/*.plugin-nav .bg-text-color{margin-top: 40px;}*/
|
|
|
+.plugin-nav .tit1{margin-bottom: 5px; color: #333;}
|
|
|
+.plugin-nav .nav-font-color1{margin-top: 40px;}
|
|
|
+.plugin-nav .nav-font-color2{margin-top: 40px;}
|
|
|
+
|
|
|
+.plugin-nav .n-nav{background-color: #e5e5e5; height: 36px; line-height: 36px; padding-left: 70px;}
|
|
|
+.plugin-nav .n-nav li{float: left; margin: 0 5px; text-align: center;}
|
|
|
+.plugin-nav .n-nav .nav-fun{width: 140px;}
|
|
|
+.plugin-nav .n-nav .nav-name{width: 90px;}
|
|
|
+.plugin-nav .n-nav .nav-icon{width: 34px; margin-left: 0;}
|
|
|
+
|
|
|
+.plugin-nav .n-list{padding: 20px; color: #333;}
|
|
|
+.plugin-nav .n-list dd{margin-bottom: 30px; position: relative;}
|
|
|
+.plugin-nav .n-list dd:nth-of-type(n+3){display: none;}
|
|
|
+.plugin-nav .n-list .n-num{margin-right: 15px; padding-top: 7px;}
|
|
|
+.plugin-nav .n-list .n-text{margin-right: 10px; width: 90px; padding: 6px;}
|
|
|
+.plugin-nav .n-list select{margin-right: 10px; width: 140px; padding: 6px; color: #999;}
|
|
|
+.plugin-nav .n-list .add-icon{border: 1px solid #e5e5e5; border-radius: 3px; width: 34px; height: 34px; text-align: center; cursor: pointer; margin-right: 10px;}
|
|
|
+.plugin-nav .n-list .add-icon .iconfont{color: #e5e5e5; font-size: 22px; /*margin-top: 2px;*/ margin-left: 3px; display: inline-block;}
|
|
|
+
|
|
|
+.plugin-nav .n-list .n-link{margin-right: 20px; width: 175px; padding: 6px; visibility: hidden;}
|
|
|
+.plugin-nav .n-list .n-delete{font-size: 24px; color: #f17d78; cursor: pointer; display: none;}
|
|
|
+.plugin-nav .n-list dd:hover .n-delete{display: block;}
|
|
|
+
|
|
|
+.plugin-nav .n-list dd .error{color: #ff4222; position: absolute; left: 50px; top: 100%; display: none;}
|
|
|
+.plugin-nav .n-list dd.form-error .error{display: block;}
|
|
|
+/*2018/10/30 重构*/
|
|
|
+/*导航栏*/
|
|
|
+
|
|
|
+/*升级提示*/
|
|
|
+.plugin-upgrade-prompt .u-con{margin-bottom: 40px;}
|
|
|
+.plugin-upgrade-prompt .u-tit{color: #333; margin-bottom: 5px;}
|
|
|
+.plugin-upgrade-prompt ul li{float: left; color: #333; cursor: pointer;}
|
|
|
+.plugin-upgrade-prompt ul li+li{margin-left: 30px;}
|
|
|
+.plugin-upgrade-prompt ul li .icon-radio{position: relative; top: 3px; margin-right: 8px;}
|
|
|
+
|
|
|
+.plugin-upgrade-prompt .u-con select+input[type=text]{display: none;}
|
|
|
+
|
|
|
+.plugin-upgrade-prompt .style li{text-align: center; color: #666;}
|
|
|
+.plugin-upgrade-prompt .style li .s-con{position: relative; margin-bottom: 5px; border-radius: 5px; overflow: hidden; border: 1px solid transparent;}
|
|
|
+.plugin-upgrade-prompt .style li .s-con .icon-checkbox{position: absolute; bottom: 0; right: 0; display: none;}
|
|
|
+.plugin-upgrade-prompt .style li.active .s-con{border-color: #157df1;}
|
|
|
+.plugin-upgrade-prompt .style li.active .s-con .icon-checkbox{display: block;}
|
|
|
+
|
|
|
+.plugin-upgrade-prompt .download-address{margin-bottom: 0;}
|
|
|
+/*/升级提示*/
|
|
|
+
|
|
|
+/*左侧栏*/
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ #asideModal .modal-dialog{width: 1070px;}
|
|
|
+}
|
|
|
+#asideModal .modal-content{overflow: hidden; background-color: #f0f0f0;}
|
|
|
+#asideModal .aside-modal .a-left{width: 35%; float: left; /*background-color: #f0f0f0; padding-bottom: 100px;*/}
|
|
|
+#asideModal .aside-modal .a-right{width: 65%; float: right; background-color: #fff;}
|
|
|
+
|
|
|
+#asideModal .aside-modal .a-left .phone{background: url("../img/aside-phone.png") no-repeat; width: 268px; height: 564px; position: relative; margin: 30px auto 0;}
|
|
|
+#asideModal .aside-modal .a-left .phone .bg{position: absolute; left: 13px; top: 70px; width: 241px; height: 422px; background-color: rgb(0,0,0); padding: 30px 20px;}
|
|
|
+#asideModal .aside-modal .a-left .l-tit{text-align: center; margin-top: 60px; color: #333; font-size: 16px;}
|
|
|
+#asideModal .aside-modal .a-left .phone .bg .aside-icon{margin-bottom: 18px;}
|
|
|
+#asideModal .aside-modal .a-left .phone .bg .aside-icon img{border-radius: 3px; width: 40px; height: 40px;}
|
|
|
+
|
|
|
+#asideModal .aside-modal .a-left .phone .bg .aside-nav li{border-bottom: 1px solid #e5e5e5; padding: 4px 0; display: none;}
|
|
|
+#asideModal .aside-modal .a-left .phone .bg .aside-nav li .iconfont{font-size: 20px; color: #333;}
|
|
|
+#asideModal .aside-modal .a-left .phone .bg .aside-nav li .text{margin-left: 5px; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 95px; color: #333;}
|
|
|
+/*#asideModal .aside-modal .a-left .phone .bg .aside-nav.white licolor: #fff;}*/
|
|
|
+/*#asideModal .aside-modal .a-left .phone .bg .aside-nav.black li{color: #000;}*/
|
|
|
+
|
|
|
+#asideModal .aside-modal .a-left .phone .bg .b-right{position: absolute; top: 0; right: 0;}
|
|
|
+#asideModal .aside-modal .a-left .phone .bg .b-right img{display: none;}
|
|
|
+#asideModal .plugin-remind{display: block; margin-top: 20px;}
|
|
|
+
|
|
|
+.plugin-aside .set-bottom ul li{float: left; margin-right: 40px; cursor: pointer;}
|
|
|
+.plugin-aside .set-nav .set-bottom ul li .icon-radio{position: relative; top: 3px; margin-right: 5px;}
|
|
|
+
|
|
|
+.plugin-aside .tit1{color: #333; margin-bottom: 5px;}
|
|
|
+.plugin-aside .set-nav .tit2{color: #333;}
|
|
|
+.plugin-aside .set-nav .tit2 span{color: #999;}
|
|
|
+.plugin-aside .set-nav .reset{font-size: 12px; color: #157df1; line-height: 20px; cursor: pointer;}
|
|
|
+.plugin-aside .set-nav .set-con{border: 1px solid #e5e5e5; border-radius: 3px; margin-top: 5px;}
|
|
|
+
|
|
|
+.plugin-aside .set-nav .set-bottom{margin-top: 40px;}
|
|
|
+.plugin-aside .set-nav .set-bottom .b-tit{color: #333; margin-bottom: 5px;}
|
|
|
+.plugin-aside .set-nav .set-bottom ul li{float: left; margin-right: 40px; cursor: pointer; color: #333;}
|
|
|
+.plugin-aside .set-nav .set-bottom ul li .icon-radio{position: relative; top: 3px; margin-right: 5px;}
|
|
|
+
|
|
|
+.plugin-aside .n-nav{background-color: #e5e5e5; height: 36px; line-height: 36px; padding-left: 65px;}
|
|
|
+.plugin-aside .n-nav li{float: left; margin: 0 5px; text-align: center;}
|
|
|
+.plugin-aside .n-nav .nav-fun{width: 140px;}
|
|
|
+.plugin-aside .n-nav .nav-name{width: 90px;}
|
|
|
+.plugin-aside .n-nav .nav-icon{width: 34px;}
|
|
|
+
|
|
|
+.plugin-aside .n-list{padding: 20px; color: #333;}
|
|
|
+.plugin-aside .n-list dd{margin-bottom: 30px; position: relative;}
|
|
|
+.plugin-aside .n-list dd:nth-of-type(n+2){display: none;}
|
|
|
+.plugin-aside .n-list .n-num{margin-right: 10px; padding-top: 7px; width: 45px;}
|
|
|
+.plugin-aside .n-list .n-text{margin-right: 10px; width: 90px; padding: 6px;}
|
|
|
+.plugin-aside .n-list select{margin-right: 10px; width: 135px; padding: 6px; color: #999;}
|
|
|
+.plugin-aside .n-list .add-icon{border: 1px solid #e5e5e5; border-radius: 3px; width: 34px; height: 34px; text-align: center; cursor: pointer; margin-right: 10px;}
|
|
|
+.plugin-aside .n-list .add-icon .iconfont{color: #e5e5e5; font-size: 22px; /*margin-top: 2px;*/ margin-left: 2px; display: inline-block;}
|
|
|
+
|
|
|
+.plugin-aside .n-list .n-link{margin-right: 20px; width: 170px; padding: 6px; visibility: hidden;}
|
|
|
+.plugin-aside .n-list .n-delete{font-size: 24px; color: #f17d78; cursor: pointer; display: none;}
|
|
|
+.plugin-aside .n-list dd:hover .n-delete{display: block;}
|
|
|
+
|
|
|
+.plugin-aside .n-list dd .error{color: #ff4222; margin-left: 50px; /*position: absolute; left: 50px; top: 100%;*/ display: none;}
|
|
|
+.plugin-aside .n-list dd.form-error .error{display: block;}
|
|
|
+
|
|
|
+.plugin-modal .icons li{float: left; text-align: center; cursor: pointer; width: calc(100% / 12); /*margin: 5px 4px;*/ color: #666;}
|
|
|
+.plugin-modal .icons li div{font-size: 12px; }
|
|
|
+.plugin-modal .icons li .iconfont{font-size: 36px;}
|
|
|
+
|
|
|
+.plugin-modal .icons li:hover{color: #157df1;}
|
|
|
+
|
|
|
+.plugin-aside .error{display: none;}
|
|
|
+.plugin-aside .form-error .error{font-size: 12px; color: #fd641d; display: block;}
|
|
|
+
|
|
|
+.plugin-aside .top-show{margin-top: 40px;}
|
|
|
+.plugin-aside .top-show .b-tit{color: #333; margin-bottom: 5px;}
|
|
|
+.plugin-aside .top-show ul li{float: left; width: 140px; padding: 9px 12px; position: relative; margin-right: 20px;}
|
|
|
+.plugin-aside .top-show ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.plugin-aside .top-show ul li.active{border-color: #157df1;}
|
|
|
+.plugin-aside .top-show ul li.active .icon-checkbox-small{display: block;}
|
|
|
+
|
|
|
+.plugin-aside .con{border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 10px; position: relative; overflow: hidden; cursor: pointer;}
|
|
|
+.plugin-aside .con .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.plugin-aside .con.active{border-color: #157df1;}
|
|
|
+.plugin-aside .con.active .icon-checkbox{display: block;}
|
|
|
+.plugin-aside .con .tit1{padding: 15px 0;}
|
|
|
+.plugin-aside .con.active .tit1{color: #157df1;}
|
|
|
+
|
|
|
+.plugin-aside .con-1{border: 1px solid #e5e5e5; border-radius: 5px 5px 0 0; border-bottom: none; height: 140px;}
|
|
|
+.plugin-aside .con-1 .a-icon{color: #333; padding: 0 5px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+.plugin-aside .con-1 .a-icon .iconfont{font-size: 20px;}
|
|
|
+.plugin-aside .con-1 .tit2{text-align: center; color: #157df1; margin-top: 5px;}
|
|
|
+
|
|
|
+.plugin-aside .con .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.plugin-aside .con.active .icon-checkbox-small{display: block;}
|
|
|
+
|
|
|
+.plugin-remind{margin-top: 45px; display: none;}
|
|
|
+.plugin-remind .r-tit{color: #333; margin-bottom: 2px;}
|
|
|
+.plugin-remind p{color: #fd641d;}
|
|
|
+.plugin-remind1{margin-top: 45px; display: none;}
|
|
|
+.plugin-remind1 .r-tit{color: #333; margin-bottom: 2px;}
|
|
|
+.plugin-remind1 p{color: #fd641d;}
|
|
|
+/*/左侧栏*/
|
|
|
+
|
|
|
+/*制作启动图*/
|
|
|
+#startPicModal .modal-dialog{width: 1010px;}
|
|
|
+#startPicModal .modal-content{overflow: hidden;}
|
|
|
+#startPicModal .modal-body{max-height: 630px; min-height: 630px; padding: 20px 30px;}
|
|
|
+#startPicModal .aside-modal{background-color: #f0f0f0;}
|
|
|
+#startPicModal .aside-modal .a-left{width: 35%; float: left; padding-top: 30px;}
|
|
|
+#startPicModal .aside-modal .a-right{width: 65%; float: right; background-color: #fff;}
|
|
|
+
|
|
|
+#startPicModal .aside-modal .a-left .l-tit{text-align: center; /*margin-top: 60px;*/ color: #333; font-size: 16px;}
|
|
|
+
|
|
|
+#startPicModal .aside-modal .a-left .phone{background: url("../img/aside-phone1.png") no-repeat; width: 304px; height: 640px; position: relative; margin: 30px auto 0;}
|
|
|
+#startPicModal .aside-modal .a-left .phone .bg{position: absolute; left: 17px; top: 70px; width: 270px; height: 480px; overflow: hidden; /*padding: 60px 20px;*/ background-position: center; background-size: cover;}
|
|
|
+#startPicModal .aside-modal .a-left .phone .bg img{border: 1px solid #e5e5e5;}
|
|
|
+
|
|
|
+#startPicModal .aside-modal .a-left .phone .s-app-icon{text-align: center; margin-bottom: 7px;}
|
|
|
+#startPicModal .aside-modal .a-left .phone .s-app-icon img{width: 65px; height: 65px; border-radius: 5px;}
|
|
|
+#startPicModal .aside-modal .a-left .phone .s-app-name{text-align: center; color: #fff; position: absolute; left: 0; top: 132px; width: 100%;}
|
|
|
+#startPicModal .aside-modal .a-left .phone .s-app-introduce{color: #fff; font-size: 12px; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; text-align: center; position: absolute; left: 0; top: 152px;}
|
|
|
+
|
|
|
+/*#startPicModal .making-startup{padding: 10px 35px;}*/
|
|
|
+#startPicModal .making-startup .s-tit{color: #333; margin-bottom: 5px;}
|
|
|
+#startPicModal .making-startup .pic-list{width: 460px; margin-bottom: 40px;}
|
|
|
+#startPicModal .making-startup .pic-list li{float: left; position: relative; border: 1px solid #e5e5e5; margin-right: 10px; margin-bottom: 10px; cursor: pointer;}
|
|
|
+#startPicModal .making-startup .pic-list li.active{border-color: #157df1;}
|
|
|
+#startPicModal .making-startup .pic-list li .icon-checkbox{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+#startPicModal .making-startup .pic-list li.active .icon-checkbox{display: block;}
|
|
|
+
|
|
|
+#startPicModal .making-startup .radio-tick{margin-bottom: 45px;}
|
|
|
+
|
|
|
+#startPicModal .a-left .phone .bg-3 .s-app-icon{margin-top: 100px;}
|
|
|
+#startPicModal .a-left .phone .bg-3 .s-app-name{color: #333; top: 232px;}
|
|
|
+#startPicModal .a-left .phone .bg-3 .s-app-introduce{color: #333; top: 252px;}
|
|
|
+
|
|
|
+/*#startPicModal .aside-modal .a-left .phone .bg-4{height: 475px;}*/
|
|
|
+#startPicModal .a-left .phone .bg-4 .s-app-wrap{position: absolute; bottom: 10px; left: 5px; width: 100%;}
|
|
|
+#startPicModal .a-left .phone .bg-4 .s-app-icon{float: left;}
|
|
|
+#startPicModal .a-left .phone .bg-4 .s-name-wrap{float: left; width: 70%; margin-top: 13px; margin-left: 5px;}
|
|
|
+#startPicModal .a-left .phone .bg-4 .s-app-name{color: #333; text-align: left; position: static;}
|
|
|
+#startPicModal .a-left .phone .bg-4 .s-app-introduce{color: #333; position: static; text-align: left;}
|
|
|
+
|
|
|
+#startPicModal .a-left .phone .bg-5{border: 1px solid #e5e5e5;}
|
|
|
+#startPicModal .a-left .phone .bg-5 .s-app-icon{margin-top: 30px;}
|
|
|
+#startPicModal .a-left .phone .bg-5 .s-app-name{color: #333; top: 163px;}
|
|
|
+#startPicModal .a-left .phone .bg-5 .s-app-introduce{color: #333; top: 183px;}
|
|
|
+
|
|
|
+#startPicModal .a-left .phone .bg-6 .s-app-name{color: #333;}
|
|
|
+#startPicModal .a-left .phone .bg-6 .s-app-introduce{color: #333;}
|
|
|
+
|
|
|
+#startPicModal .a-left .phone .bg-7 .s-app-name{color: #333;}
|
|
|
+#startPicModal .a-left .phone .bg-7 .s-app-introduce{color: #333;}
|
|
|
+
|
|
|
+/*#startPicModal .aside-modal .a-left .phone .bg-8{height: 475px;}*/
|
|
|
+#startPicModal .a-left .phone .bg-8 .s-app-wrap{position: absolute; bottom: 10px; left: 5px; width: 100%;}
|
|
|
+#startPicModal .a-left .phone .bg-8 .s-app-icon{float: left;}
|
|
|
+#startPicModal .a-left .phone .bg-8 .s-name-wrap{float: left; width: 70%; margin-top: 13px; margin-left: 5px;}
|
|
|
+#startPicModal .a-left .phone .bg-8 .s-app-name{color: #333; text-align: left; position: static;}
|
|
|
+#startPicModal .a-left .phone .bg-8 .s-app-introduce{color: #333; position: static; text-align: left;}
|
|
|
+
|
|
|
+#startPicModal .a-left .phone .bg-9 .s-app-name{color: #333;}
|
|
|
+#startPicModal .a-left .phone .bg-9 .s-app-introduce{color: #333;}
|
|
|
+/*/制作启动图*/
|
|
|
+
|
|
|
+/*制作图标*/
|
|
|
+/*2019/4/9/ 改版*/
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ #makeIconsModal .modal-dialog{width: 1010px;}
|
|
|
+ #makeIconsModal .modal-dialog .modal-body{padding: 20px 30px; min-height: 410px;}
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+#makeIconsModal .m-tit{color: #333; margin-bottom: 10px;}
|
|
|
+#makeIconsModal .m-icon{background-position: center; width: 150px; height: 150px; background-size: cover; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
|
|
|
+#makeIconsModal .m-icon img{width: 150px; height: auto; display: block; border-radius: 15px;}
|
|
|
+#makeIconsModal .m-icon .m-name{color: #fff; max-width: 120px; text-align: center;}
|
|
|
+
|
|
|
+#makeIconsModal .icon-bg{border: 1px solid #e5e5e5; padding: 30px 25px; border-radius: 5px; margin-bottom: 50px;}
|
|
|
+
|
|
|
+#makeIconsModal .icon-bg dl dt{color: #333; margin-right: 20px;}
|
|
|
+#makeIconsModal .m-icon-bg1{margin-bottom: 20px;}
|
|
|
+#makeIconsModal .m-icon-bg1 dt{line-height: 30px;}
|
|
|
+#makeIconsModal .m-icon-bg1 dd{width: 40%;}
|
|
|
+
|
|
|
+#makeIconsModal .m-icon-bg2 dt{line-height: 40px;}
|
|
|
+
|
|
|
+.make-img-common .tab{border-right: 1px solid #e5e5e5;}
|
|
|
+.make-img-common .tab li{float: left; width: 16.66666667%; text-align: center; line-height: 32px; border: 1px solid #e5e5e5; color: #333; background-color: #fbfbfb; cursor: pointer;}
|
|
|
+.make-img-common .tab li+li{border-left-color: transparent;}
|
|
|
+.make-img-common .tab li:last-of-type{border-right-color: transparent;}
|
|
|
+.make-img-common .tab li.active{background-color: #fff; border-bottom-color: transparent;}
|
|
|
+/*#makeIconsModal .foreground-map .tab li:first-of-type{border-radius: 5px 0 0 0;}*/
|
|
|
+/*#makeIconsModal .foreground-map .tab li:last-of-type{border-radius: 0 5px 0 0;}*/
|
|
|
+
|
|
|
+.make-img-common .tab-con{border: 1px solid #e5e5e5; margin-top: -1px;}
|
|
|
+.make-img-common .tab-con>div{display: none;}
|
|
|
+
|
|
|
+.make-img-common .tab-common{padding: 30px 40px;}
|
|
|
+.make-img-common .tab-common ul{/*height: 204px; overflow-y: auto;*/}
|
|
|
+.make-img-common .tab-common ul li{width: calc((100% - 24px) / 7); position: relative; margin-right: 4px; margin-bottom: 4px; float: left; cursor: pointer; border: 1px solid #e5e5e5;}
|
|
|
+#startPicModal .make-img-common .tab-common ul li{width: calc((100% - 16px) / 5);}
|
|
|
+#makeIconsModal .make-img-common .tab-common ul li:nth-child(7n){margin-right: 0;}
|
|
|
+#startPicModal .make-img-common .tab-common ul li:nth-child(5n){margin-right: 0;}
|
|
|
+.make-img-common .tab-common ul li .icon-checkbox-small{position: absolute; right: 0; bottom: 0; display: none;}
|
|
|
+.make-img-common .tab-common ul li.active{}
|
|
|
+.make-img-common .tab-common ul li.active .icon-checkbox-small{display: block;}
|
|
|
+
|
|
|
+.make-img-common .tab-common ul li .t-con{}
|
|
|
+.make-img-common .tab-common ul li.active{border-color: #157df1;}
|
|
|
+
|
|
|
+
|
|
|
+#makeIconsModal .error{font-size: 12px; color: #fd641d; margin-top: 5px; display: none;}
|
|
|
+#makeIconsModal .form-error .error{display: block;}
|
|
|
+/*/制作图标*/
|
|
|
+
|
|
|
+/*网页缩放*/
|
|
|
+.plugin-web-zoom .tit{color: #333; margin-bottom: 5px;}
|
|
|
+/*/网页缩放*/
|
|
|
+
|
|
|
+/*手势配置*/
|
|
|
+.plugin-gestures .tit{color: #333; margin-bottom: 3px;}
|
|
|
+.plugin-gestures .gestures-list1{margin-bottom: 40px;}
|
|
|
+.plugin-gestures .gestures-list1 li{float: left; margin-right: 40px; cursor: pointer;}
|
|
|
+
|
|
|
+.plugin-gestures .gestures-list2 .tit{margin-bottom: 5px;}
|
|
|
+
|
|
|
+.plugin-gestures .gestures-list2 p{color: #fd641d; margin-top: 10px;}
|
|
|
+/*/手势配置*/
|
|
|
+
|
|
|
+/*浏览器UA*/
|
|
|
+.plugin-ua .ua{margin-bottom: 40px;}
|
|
|
+.plugin-ua .ua:last-of-type{margin-bottom: 10px;}
|
|
|
+.plugin-ua .ua .tit{color: #333; margin-bottom: 5px;}
|
|
|
+.plugin-ua .ua-con{border: 1px solid #e5e5e5; padding: 30px 0;}
|
|
|
+.plugin-ua .ua-con .form-control{margin-bottom: 8px;}
|
|
|
+.plugin-ua .ua-con .form-group{margin: 0 -5px 25px;}
|
|
|
+.plugin-ua .ua-con .form-group:last-of-type{margin-bottom: 0;}
|
|
|
+.plugin-ua .ua-con .col-sm-3{padding: 10px 5px 0;}
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .plugin-ua .ua-con .col-sm-3{width: 22%;}
|
|
|
+}
|
|
|
+.plugin-ua .ua-con .col-sm-8{padding: 0 5px;}
|
|
|
+.plugin-ua .ua-con label{font-size: 12px; color: #333;}
|
|
|
+
|
|
|
+.plugin-ua .ua-con p{font-size: 12px;}
|
|
|
+.plugin-ua .ua-con p span{color: #157df1;}
|
|
|
+.plugin-ua .ua-con .error{font-size: 12px; color: #fd641d; margin-top: 5px; display: none;}
|
|
|
+.plugin-ua .ua-con .form-error .error{display: block;}
|
|
|
+/*/浏览器UA*/
|
|
|
+
|
|
|
+/*保存账户密码*/
|
|
|
+.plugin-save-pwd .tit{color: #333; margin-bottom: 5px;}
|
|
|
+/*/保存账户密码*/
|
|
|
+/*----------/封装 配置插件----------*/
|
|
|
+
|
|
|
+/*----------应用发布 改版----------*/
|
|
|
+.release-app2>.row{margin: 0 0 20px; overflow: hidden; height: 100%;}
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .release-app2>.row>.col-sm-2{padding: 0 0 9999px; margin-bottom: -9999px;}
|
|
|
+}
|
|
|
+.release-app2>.row>.col-sm-2{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
|
|
|
+.release-app2>.row>.col-sm-10{padding: 0 0 0 10px;}
|
|
|
+
|
|
|
+/*
|
|
|
+.release-app2>.row{margin-left: -5px; margin-right: -5px;}
|
|
|
+.release-app2>.row>.col-sm-2,.release-app2>.row>.col-sm-10{padding-left: 5px; padding-right: 5px;}
|
|
|
+*/
|
|
|
+
|
|
|
+aside.aside-left{padding-top: 15px;}
|
|
|
+aside.aside-left ul li{margin-bottom: 10px;}
|
|
|
+aside.aside-left ul li a{padding-left: 25px; display: block; height: 50px; line-height: 50px; border-left: 4px solid transparent; color: #333;}
|
|
|
+aside.aside-left ul li a .iconfont{margin-right: 10px; color: #157df1;}
|
|
|
+aside.aside-left ul li.active a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
|
|
|
+aside.aside-left ul li.active a .iconfont{color: #157df1;}
|
|
|
+aside.aside-left ul li.active a .icon-upload1{font-size: 18px;}
|
|
|
+aside.aside-left ul li:hover a{background-color: #e7f2fe; border-color: #157df1; color: #157df1;}
|
|
|
+aside.aside-left ul li:hover a .iconfont{color: #157df1;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .a-top{margin-bottom: 5px;}
|
|
|
+.release-app2 .aside-right .a-top.mb10{margin-bottom: 10px;}
|
|
|
+.release-app2 .aside-right .a-top .app-icon{width: 100px; border-radius: 20px; background-color: #fff; cursor: pointer; border: 1px solid #e5e5e5; overflow: hidden;}
|
|
|
+.release-app2 .aside-right .a-top .app-icon li{float: left; width: 50%; height: 38px; display: flex; justify-content: center; align-items: center; border-right: 1px solid #e5e5e5;}
|
|
|
+.release-app2 .aside-right .a-top .app-icon li:last-of-type{border-right-color: transparent;}
|
|
|
+.release-app2 .aside-right .a-top .app-icon li .iconfont{font-size: 22px; color: #bbb;}
|
|
|
+.release-app2 .aside-right .a-top .app-icon li.active{background-color: #157df1;}
|
|
|
+.release-app2 .aside-right .a-top .app-icon li.active .iconfont{color: #fff;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .search{position: relative; margin-left: 30px;}
|
|
|
+.release-app2 .aside-right .search .iconfont{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}
|
|
|
+.release-app2 .aside-right .search input{height: 40px; line-height: 38px; width: 160px; border: 1px solid #e5e5e5; padding-left: 40px; background-color: transparent; color: #333;}
|
|
|
+.release-app2 .aside-right .search input::-webkit-input-placeholder{color: #333 !important;}
|
|
|
+.release-app2 .aside-right .search input::-moz-placeholder{color: #333 !important;}
|
|
|
+.release-app2 .aside-right .search input::-ms-input-placeholder{color: #333 !important;}
|
|
|
+.release-app2 .aside-right .search .btn-search{line-height: 40px; color: #157df1; margin-left: 15px;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .how-many dl dd{text-align: right; position: relative; padding-right: 20px; margin-right: 20px;}
|
|
|
+.release-app2 .aside-right .how-many dl dd .p1{font-size: 12px; float: left; color: #999;}
|
|
|
+.release-app2 .aside-right .how-many dl dd .icon-prompt1{font-size: 14px; color: #999; float: left; margin: -3px 0 0 3px;}
|
|
|
+.release-app2 .aside-right .how-many dl dd .icon-prompt{margin-left: 5px; float: left;}
|
|
|
+.release-app2 .aside-right .how-many dl dd .p2{color: #333; float: right; font-size: 19px;}
|
|
|
+.release-app2 .aside-right .how-many dl dd .p2 i{font-size: 12px; color: #999;}
|
|
|
+.release-app2 .aside-right .how-many dl dd .p2 span{float: right;}
|
|
|
+.release-app2 .aside-right .how-many dl dd .p2 span:last-child{margin-right: 10px;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .how-many dl dd .right-line{position: absolute; top: 6px; right: 0; background-color: #e5e5e5; width: 1px; height: 30px;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .how-many .ms-btn-primary.w60{padding: 3px 12px; margin-top: 6px;}
|
|
|
+.release-app2 .aside-right .how-many .big-bag-btn{background-color: #fd9817; border-color: #fd9817; color: #fff;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .app-table-wrap{/*min-height: 502px;*/ margin-top: 5px; /*margin-bottom: 40px;*/ /*background-color: #fff;*/ /*border: 1px solid #e5e5e5; border-top: none;*/}
|
|
|
+.release-app2 .aside-right .app-table{border: 1px solid #e5e5e5; font-size: 12px; margin-bottom: 0;}
|
|
|
+.release-app2 .aside-right .app-table tr th{text-align: center; font-weight: 600; color:#666; padding: 15px 0; background-color: #f7f7fa; border-color: #e5e5e5;}
|
|
|
+.release-app2 .aside-right .app-table tr td{text-align: center; padding: 0 10px; vertical-align: middle; border-color: #e5e5e5; color: #666; height: 60px;}
|
|
|
+/*.release-app2 .aside-right .app-table tr .app-th-name{width: 160px;}*/
|
|
|
+.release-app2 .aside-right .app-table>tbody>tr>td.color-danger{color: #fd641d;}
|
|
|
+.release-app2 .aside-right .app-table>tbody>tr>td.color-999{color: #999;}
|
|
|
+.release-app2 .aside-right .app-table>tbody>tr>td td{text-align: left;}
|
|
|
+.release-app2 .aside-right .app-table tr:hover td{background-color: #ebf7ff;}
|
|
|
+.release-app2 .aside-right .app-table .app-icon1{border-radius: 15px; border: 1px solid #e5e5e5; width: 50px; height: 50px;}
|
|
|
+.table-list .app-table .download-code{/*display: inline-block;*/}
|
|
|
+.table-list .app-table .download-code-wrap{line-height: 16px; height: 16px;}
|
|
|
+.table-list .app-table .download-code1{display: inline-block;}
|
|
|
+.table-list .app-table .download-code .ellipsis{color: #157df1;}
|
|
|
+.table-list .app-table .download-code .ellipsis:hover{text-decoration: underline;}
|
|
|
+.table-list .app-table .download-code .icon-small-code{margin-top: 1px; margin-left: 3px;}
|
|
|
+.release-app2 .aside-right .app-table .app-name1{display: block; color: #666; max-width: 96px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .app-table .app-icon-name{position: relative;}
|
|
|
+.release-app2 .aside-right .app-table .app-icon-name .big-package-1{position: absolute; left: -11px; top: -10px; background-color: #fd9817; height: 16px; line-height: 16px; padding: 0 3px 0 1px; border-radius: 0 10px 10px 0; color: #fff; font-size: 12px; display: none;}
|
|
|
+.release-app2 .aside-right .app-table .app-icon-name .app-expired{position: absolute; left: -11px; top: -10px; background-color: #fd641d; height: 16px; line-height: 16px; padding: 0 3px 0 1px; border-radius: 0 10px 10px 0; color: #fff; font-size: 12px; z-index: 2; display: none;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .app-table tr td.disabled{background-color: #fff !important;}
|
|
|
+.release-app2 .aside-right .app-table tr td.disabled img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
|
|
|
+.release-app2 .aside-right .app-table tr td.disabled .tit2{color: #999;}
|
|
|
+.release-app2 .aside-right .app-table tr td.disabled .ellipsis{color: #ccc;}
|
|
|
+
|
|
|
+.version-history-table{border: 1px solid #e5e5e5;}
|
|
|
+.version-history-table th{border: none !important; text-align: center; font-weight: normal; color: #666; height: 40px; background-color: #f5f6f7; font-size: 12px; vertical-align: middle !important;}
|
|
|
+.version-history-table tr td{padding: 0 15px !important; height: 50px; vertical-align: middle !important; font-size: 12px; text-align: center;}
|
|
|
+.version-history-table tr td .bundle-length{display: block;}
|
|
|
+.version-history-table tr td .iconfont{font-size: 20px; cursor: pointer;}
|
|
|
+
|
|
|
+/*.release-app2 .aside-right .no-app{min-height: 326px; border: 1px solid #e5e5e5; border-top: none;}*/
|
|
|
+.release-app2 .aside-right .no-app .iconfont{font-size: 20px;}
|
|
|
+.release-app2 .aside-right .no-app .text{margin: 4px 0 0 5px;}
|
|
|
+
|
|
|
+/*.app-details{margin-bottom: 40px;}*/
|
|
|
+.app-details .details-top{padding: 25px 20px; background-color: #fff; margin-bottom: 20px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
|
|
|
+
|
|
|
+.app-details .details-top>img{border: 1px solid #e5e5e5; border-radius: 12px; width: 60px; height: 60px;}
|
|
|
+.app-details .details-top .information{margin-left: 15px;}
|
|
|
+.app-details .details-top .information dt{color: #333; margin-bottom: 2px; margin-top: -5px;}
|
|
|
+.app-set1 .details-top .information dt{margin-top: 0;}
|
|
|
+.app-details .details-top .information dt .i-tit{position: relative;}
|
|
|
+.app-details .details-top .information dt .i-tit .iconfont{color: #bbb; font-size: 21px;}
|
|
|
+.app-details .details-top .information dt .text{font-size: 20px;}
|
|
|
+/*.app-details .details-top .information dt .iconfont{position: absolute; right: -20px; top: 0;}*/
|
|
|
+.app-details .details-top .information dt .version{position: absolute; left: calc(100% + 5px); top: -10px; background-color: #fc4e54; font-size: 12px; width: 42px; height: 18px; line-height: 18px; color: #fff; text-align: center; border-radius: 3px;}
|
|
|
+.app-details .details-top .information dt .version-private{background-color: #fd641d;}
|
|
|
+.app-details .details-top .information dt .no-flash-back{background-color: #2fc302; width: 52px;}
|
|
|
+
|
|
|
+.app-details .details-top .information dd{color: #999;}
|
|
|
+/*.app-details .details-top .information dd:first-of-type{margin-bottom: 3px;}*/
|
|
|
+.app-details .details-top .information dd span{margin-right: 30px;}
|
|
|
+.app-details .details-top .information dd i{margin-left: 10px;}
|
|
|
+
|
|
|
+.add-notes-wrap{cursor: pointer; margin-right: 0 !important;}
|
|
|
+.add-notes-wrap span{margin-right: 0 !important;}
|
|
|
+.add-notes .icon-compile{cursor: pointer; margin-top: -1px;}
|
|
|
+.add-notes .icon-compile:hover{color: #157df1;}
|
|
|
+.add-notes .text{max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 3px !important;}
|
|
|
+/*.add-notes>span:last-of-type:hover{color: #157df1;}*/
|
|
|
+.add-notes:hover>span:last-of-type{color: #157df1;}
|
|
|
+.add-notes:hover .icon-compile{color: #157df1;}
|
|
|
+.add-notes-wrap input[name='remark']{display: inline-block; width: 200px; height: 26px; display: none;}
|
|
|
+
|
|
|
+
|
|
|
+#notesModal .modal-content .close{position: absolute; right: 10px; top: 10px; z-index: 2; color: #333; opacity: 1; font-size: 24px;}
|
|
|
+
|
|
|
+#notesModal .modal-footer{border-top: none; padding: 20px 30px 30px;}
|
|
|
+#notesModal .modal-body{padding: 25px 30px 0;}
|
|
|
+#notesModal .modal-body .tit{margin-bottom: 15px; color: #333;}
|
|
|
+#notesModal .modal-footer .ms-btn-primary{width: 130px; padding: 9px;}
|
|
|
+
|
|
|
+.app-list-notes-wrap{line-height: 100%;}
|
|
|
+.app-list-notes:empty{display: none;}
|
|
|
+.app-list-notes{margin-top: 3px; font-size: 12px; color: #999; display: block;}
|
|
|
+.app-list-notes2{margin-top: 6px; display: inline-block;}
|
|
|
+
|
|
|
+.app-details .details-bottom{padding: 10px 0; /*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/}
|
|
|
+.app-details .details-bottom table{width: 100%; table-layout: fixed;}
|
|
|
+.app-details .details-bottom table th{font-weight: normal; padding: 20px 10px 10px 0; color: #333; white-space: nowrap; vertical-align: middle;}
|
|
|
+.app-details .details-bottom table th .th-line{border-left: 4px solid #157df1; height: 22px; line-height: 22px; display: inline-block; padding-left: 10px;}
|
|
|
+.app-details .details-bottom table th .icon-prompt{position: relative; margin-left: 3px; top: -3px;}
|
|
|
+.app-details .details-bottom table th .icon-prompt1{position: relative; margin-left: 0px; top: 0;}
|
|
|
+.app-details .details-bottom table th .icon-prompt .popover1-content{width: 210px; font-size: 12px;}
|
|
|
+.app-details .details-bottom table th .icon-prompt1 .popover1-content{width: 220px; font-size: 12px; white-space: normal;}
|
|
|
+.app-details .details-bottom table td{padding: 10px 0 10px 15px; vertical-align: top; white-space: nowrap; color: #999;}
|
|
|
+
|
|
|
+
|
|
|
+.app-details .details-bottom .d-table-wrap{position: relative;}
|
|
|
+.app-details .details-bottom .points-line{position: absolute; left: 50%; height: calc(100% - 20px); width: 1px; background-color: #e5e5e5; top: 50%; transform: translateY(-50%);}
|
|
|
+.app-details .details-bottom .points-line-l{left: 33.33%;}
|
|
|
+.app-details .details-bottom .points-line-r{right: 33.33%; left: auto;}
|
|
|
+
|
|
|
+.app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(1){left: 25%;}
|
|
|
+.app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2){left: 50%;}
|
|
|
+.app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3){left: 75%;}
|
|
|
+
|
|
|
+.app-details .bundle-length{max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
|
|
|
+
|
|
|
+.app-details .details-bottom .d-table-wrap .test-download{}
|
|
|
+.app-details .details-bottom .d-table-wrap .link{max-width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
|
|
|
+/*.app-details .details-bottom .d-table-wrap .test-download img{margin: 0 5px;}*/
|
|
|
+.app-details .details-bottom .d-table-wrap .more{color: #157df1;}
|
|
|
+.app-details .details-bottom .d-table-wrap .more:hover{text-decoration: underline;}
|
|
|
+
|
|
|
+.app-details .details-bottom .d-table-wrap .private-equipment-wrap{display: inline-block;}
|
|
|
+.app-details .details-bottom .d-table-wrap .private-equipment{max-width: 170px; width: auto;}
|
|
|
+
|
|
|
+.app-details2 .bundle-length1{max-width: 255px !important;}
|
|
|
+.app-details2 .bundle-length2{max-width: 292px !important;}
|
|
|
+.app-details2 .bundle-length3{max-width: 310px !important;}
|
|
|
+/*下载明细*/
|
|
|
+.download-details{background-color: #fff; padding: 20px; min-height: 360px;}
|
|
|
+.download-details .date{float: left; width: 140px; position: relative;}
|
|
|
+.download-details .date1{margin-right: 10px;}
|
|
|
+.download-details .date2{margin-right: 20px;}
|
|
|
+.download-details .date input{position: relative; z-index: 1; background-color: transparent; cursor: pointer;}
|
|
|
+.download-details .date .icon-date{color: #aaa; position: absolute; right: 10px; top: 4px; z-index: 0;}
|
|
|
+.download-details .date:hover .icon-date{color: #157df1;}
|
|
|
+
|
|
|
+.download-details .d-top{margin-bottom: 15px;}
|
|
|
+.download-details .d-top .form-control{height: 30px;}
|
|
|
+.download-details .d-top .line{margin-right: 10px; color: #aaa;}
|
|
|
+.download-details .d-top .query{font-size: 13px; padding: 5px 12px;}
|
|
|
+.download-details .d-top .num{line-height: 34px; margin-left: 30px; color: #333; font-size: 13px;}
|
|
|
+.download-details .d-top .num i{color: #157df1;}
|
|
|
+
|
|
|
+.download-details .table{border: 1px solid #e5e5e5; table-layout: fixed;}
|
|
|
+.download-details .table tr th{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; background-color: #f5f6f7; font-weight: 600; font-size: 12px; color: #333;}
|
|
|
+.download-details .table tr td{border-top-color: #e5e5e5 !important; height: 50px; vertical-align: middle; text-align: center; font-size: 12px; color: #666;}
|
|
|
+.download-details .table tr:hover{background: #ebf7ff;}
|
|
|
+
|
|
|
+.download-details .no{text-align: center; margin-top: 100px;}
|
|
|
+/*/下载明细*/
|
|
|
+
|
|
|
+/*详情页 签名*/
|
|
|
+.app-details .d-signature{/*background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);*/ padding: 30px 20px; position: relative;}
|
|
|
+.app-details .d-signature dl{color: #333;}
|
|
|
+.app-details .d-signature dl dd{color: #666;}
|
|
|
+.app-details .d-signature dl dd span{color: #157df1; position: relative; top: -1px; margin-right: 3px;}
|
|
|
+.app-details .d-signature .signature-link{position: absolute; right: 30px; top: 50%; padding: 6px 21px; border-radius: 20px; transform: translateY(-50%);}
|
|
|
+/*/详情页 签名*/
|
|
|
+
|
|
|
+.release-app2 .aside-right .version-history-table td{position: relative; height: 50px; border-color: #e5e5e5;}
|
|
|
+.release-app2 .aside-right .version-history-table td .angle{position: absolute; left: 0; top: 0;}
|
|
|
+/*
|
|
|
+.release-app2 .aside-right .app-details .downloads{padding: 10px 0; background-color: #fff; margin-bottom: 20px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
|
|
|
+.release-app2 .aside-right .app-details .downloads li{float: left; width: 50%; height: 70px; line-height: 70px; padding-left: 20px; color: #333;}
|
|
|
+.release-app2 .aside-right .app-details .downloads li .d-left{background-color: #7fb8f7; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; color: #fff; margin-top: 13px;}
|
|
|
+.release-app2 .aside-right .app-details .downloads li .d-left .iconfont{font-size: 20px;}
|
|
|
+.release-app2 .aside-right .app-details .downloads li .d-text{margin-left: 10px;}
|
|
|
+.release-app2 .aside-right .app-details .downloads li .d-num{margin-left: 15px; font-size: 16px;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .app-details .downloads li:first-of-type{border-right: 1px solid #e5e5e5;}
|
|
|
+.release-app2 .aside-right .app-details .downloads li:last-of-type .d-left{background-color: #a59bf6;}
|
|
|
+*/
|
|
|
+
|
|
|
+.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap{position: relative;}
|
|
|
+.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover{max-width: 410px; width: 410px; top: 15px; font-size: 14px;}
|
|
|
+.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover .popover-content span{color: #157df1; margin-left: 10px; cursor: pointer;}
|
|
|
+.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .ellipsis{width: 80%;}
|
|
|
+.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap .popover.bottom>.arrow{left: 25px;}
|
|
|
+.release-app2 .aside-right .app-details .details-bottom .ellipsis-wrap:hover .popover{display: block;}
|
|
|
+
|
|
|
+.release-app2 .app-details .app-set{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; margin-top: 20px; padding-bottom: 15px; min-height: 360px;}
|
|
|
+.release-app2 .app-details .app-set .tab{background-color: #f2f2f5; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+.release-app2 .app-details .app-set .tab li{float: left; padding: 0 20px; cursor: pointer; color: #333;}
|
|
|
+.release-app2 .app-details .app-set .tab li.active{background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin-left: -1px; color: #157df1;}
|
|
|
+
|
|
|
+.release-app2 .app-details .app-set .tab-con{margin-top: 30px;}
|
|
|
+.release-app2 .app-details .app-set .col-sm-1{width: 13%;}
|
|
|
+.release-app2 .app-details .app-set .tab-con label{color: #333;}
|
|
|
+.release-app2 .app-details .app-set .tab-con .form-control{color: #333;}
|
|
|
+.release-app2 .app-details .app-set .tab-con>div{display: none;}
|
|
|
+.release-app2 .app-details .app-set .tab-con .form-group{margin-bottom: 30px;}
|
|
|
+
|
|
|
+.release-app2 .app-details .app-set .trust{margin-top: 7px; font-size: 12px;}
|
|
|
+.release-app2 .app-details .app-set .trust li{float: left; margin-right: 50px; margin-top: 2px; cursor: pointer; color: #333;}
|
|
|
+.release-app2 .app-details .app-set .trust li .icon-radio{margin-right: 8px; top: 0;}
|
|
|
+
|
|
|
+.release-app2 .app-details .app-set .download-way{margin-top: 7px; font-size: 12px;}
|
|
|
+.release-app2 .app-details .app-set .download-way li{float: left; margin-right: 50px; cursor: pointer; color: #333; font-size: 14px;}
|
|
|
+.release-app2 .app-details .app-set .download-way li .icon-radio{margin-right: 8px; top: 2px;}
|
|
|
+
|
|
|
+.release-app2 .app-details .app-set .short-link>.col-sm-6>.col-sm-6{padding-left: 0; padding-right: 0;}
|
|
|
+.release-app2 .app-details .app-set .short-link .form-control{border-radius: 0 4px 4px 0; border-left: none;}
|
|
|
+.release-app2 .app-details .app-set .short-link .link{padding: 6px 12px !important; height: 34px; background-color: #f2f2f5; border: 1px solid #e5e5e5; border-radius: 4px 0 0 4px; color: #333;}
|
|
|
+
|
|
|
+.release-app2 .app-details .app-set .language .control-label{padding-top: 0;}
|
|
|
+.release-app2 .app-details .app-set .language .radio-round{color: #333;}
|
|
|
+
|
|
|
+
|
|
|
+.release-app2 .app-screenshots .example-image-link{position: relative; margin-right: 20px; float: left; border: 1px solid #e5e5e5;}
|
|
|
+.release-app2 .app-screenshots .example-image-link .icon{position: absolute; color: #ff6565; right: -8px; top: -8px; right: 0\9; top: 0\9;}
|
|
|
+
|
|
|
+.release-app2 .app-screenshots a{width: 90px\9; height: 160px\9; overflow: hidden\9;} /*\9为ie9以上，除ie11*/
|
|
|
+.release-app2 .app-screenshots a img{max-width: 90px; max-height: 160px; width: 90px\9; height: 160px\9;}
|
|
|
+.release-app2 .upload-screenshots{position: relative; border: 1px solid #e5e5e5; height: 80px; width: 80px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 20px; overflow: hidden; /*margin-left: 15px;*/}
|
|
|
+.release-app2 .upload-screenshots .thumbnail-s{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
|
|
|
+.release-app2 .upload-screenshots .text{text-align: center; margin-top: 55px; font-size: 12px;}
|
|
|
+
|
|
|
+.upload-icon-common{position: relative; border: 1px solid #e5e5e5; height: 80px; width: 80px; border-radius: 15px; background: url("../img/icon-10.png") no-repeat center 20px; overflow: hidden; /*margin-left: 15px;*/}
|
|
|
+.upload-icon-common img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 15px; background-color: #fff;}
|
|
|
+.upload-icon-common .thumbnail{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
|
|
|
+.upload-icon-common .text{text-align: center; margin-top: 55px; font-size: 12px;}
|
|
|
+.release-app2 .app-details .app-set .img-note{font-size: 12px; display: flex; align-items: flex-end; height: 90px; margin-left: 10px;}
|
|
|
+
|
|
|
+.upload-icon-common .reset{position: absolute; left: 0; bottom: 0; height: 24px; line-height: 24px; background: rgba(0,0,0,.6); width: 100%; color: #fff; text-align: center; font-size: 12px; display: none;}
|
|
|
+.upload-icon-common.uploaded .reset{display: none;}
|
|
|
+.upload-icon-common.uploaded:hover .reset{display: block;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .app-set .basic input::-webkit-input-placeholder{color: #333 !important;}
|
|
|
+.release-app2 .aside-right .app-set .basic input::-moz-placeholder{color: #333 !important;}
|
|
|
+.release-app2 .aside-right .app-set .basic input::-ms-input-placeholder{color: #333 !important;}
|
|
|
+
|
|
|
+.release-app2 .aside-right .app-set .download-template ul li{float: left; margin-right: 30px; text-align: center; margin-bottom: 20px;}
|
|
|
+.release-app2 .aside-right .app-set .download-template .t-checked-wrap{width: 125px; height: 155px; position: relative; border: 1px solid #e5e5e5; overflow: hidden; margin-bottom: 10px; cursor: pointer;}
|
|
|
+.release-app2 .aside-right .app-set .download-template .text{color: #157df1;}
|
|
|
+.release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked{position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.6); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; display: none;}
|
|
|
+.release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont{color: #fff; font-size: 32px;}
|
|
|
+
|
|
|
+.release-app2 .upload-file{padding: 0; padding-top: 0; margin-top: 0;}
|
|
|
+.release-app2 .warn-prompt{margin-top: 0;}
|
|
|
+.release-app2 .tag-box{padding: 0 !important; height: 404px !important;}
|
|
|
+.release-app2 .qq-upload-button-selector{margin-top: 180px !important; margin-bottom: 0;}
|
|
|
+.release-app2 .tag-box-v5{border: none; margin-top: 0;}
|
|
|
+
|
|
|
+/*侧栏增加大包上传入口*/
|
|
|
+.big-bag-upload{margin-bottom: 40px; display: block;}
|
|
|
+.big-bag .aside-left{height: 500px; margin-bottom: 40px;}
|
|
|
+.big-bag aside.aside-left ul li a .iconfont{margin-right: 10px; color: #fd9817;}
|
|
|
+.big-bag aside.aside-left ul li.active a{background-color: #fff4e7; border-color: #fd9817; color: #fd9817;}
|
|
|
+.big-bag aside.aside-left ul li.active a .iconfont{color: #fd9817;}
|
|
|
+.big-bag aside.aside-left ul li.active a .icon-upload1{font-size: 18px;}
|
|
|
+.big-bag aside.aside-left ul li:hover a{background-color: #fff4e7; border-color: #fd9817; color: #fd9817;}
|
|
|
+.big-bag aside.aside-left ul li:hover a .iconfont{color: #fd9817;}
|
|
|
+
|
|
|
+.big-bag .upload-file .upload-btn .iconfont{}
|
|
|
+.big-bag .upload-file .upload-btn{background-color: #fd9817; border-color: #fd9817;}
|
|
|
+.big-bag .aside-right .a-top .app-icon li.active{background-color: #fd9817;}
|
|
|
+.big-bag .aside-right .search .btn-search{color: #fd9817;}
|
|
|
+
|
|
|
+.big-bag .ms-btn-primary.btn-new-release{background-color: #fd9817; border-color: #fd9817;}
|
|
|
+
|
|
|
+/*大包立即购买按钮*/
|
|
|
+.upload-file .upload-buy{width: 240px; padding: 0; height: 60px; font-size: 18px; line-height: 58px; margin: 0 auto; display: block; position: relative; background-color: #fd9817; border-color: #fd9817;}
|
|
|
+.upload-file .upload-buy .iconfont{font-size: 24px; margin-right: 5px; position: relative; top: 1px;}
|
|
|
+
|
|
|
+.details-upload-new-version{background-color: #157df1; color: #fff; border-radius: 25px; padding: 10px 20px; height: 50px; align-items: center; box-shadow: 0 5px 10px rgba(202,225,252,.5);}
|
|
|
+.details-upload-new-version:hover{background-color: #348dee; color: #fff;}
|
|
|
+.details-upload-new-version:focus{background-color: #348dee; color: #fff;}
|
|
|
+.details-upload-new-version .iconfont{margin-right: 10px;}
|
|
|
+.details-upload-new-version .icon-upload1{font-size: 20px; position: relative; top: 2px;}
|
|
|
+.details-upload-new-version .icon-upload1+.text{position: relative; top: -1px;}
|
|
|
+.details-upload-new-version .icon-xiazai{font-size: 24px; margin-right: 5px; position: relative; top: -3px;}
|
|
|
+.details-upload-new-version .icon-xiazai+.text{position: relative; top: -6px;}
|
|
|
+
|
|
|
+.details-preview{width: 50px; height: 50px; padding: 0; text-align: center; line-height: 50px; border-radius: 50%; border: 1px solid #1a80f1; color: #1a80f1;}
|
|
|
+.details-preview:focus{background-color: transparent; color: #1a80f1;}
|
|
|
+.details-preview:hover{background-color: #1a80f1; color: #fff;}
|
|
|
+.details-preview:focus:hover{background-color: #1a80f1; color: #fff;}
|
|
|
+.details-merge{width: 50px; height: 50px; padding: 0; text-align: center; border-radius: 50%; border: 1px solid #ee635d; color: #ee635d; white-space: normal; padding: 0 5px; line-height: 14px;}
|
|
|
+.details-merge.details-renewal{line-height: 50px;}
|
|
|
+
|
|
|
+.details-merge:focus{background-color: transparent;}
|
|
|
+.details-merge:hover{background-color: #ee635d; color: #fff;}
|
|
|
+.details-merge.btn-success:focus{border-color: #ee635d; color: #ee635d; background-color: transparent;}
|
|
|
+.details-merge.btn-success:hover{border-color: #ee635d;}
|
|
|
+/*----------/应用发布 改版----------*/
|
|
|
+
|
|
|
+/*----------应用发布 改版2019/1/22----------*/
|
|
|
+.app-details2{background-color: #fff; min-height: 450px;}
|
|
|
+.app-details2 .details-top{background-color: transparent; box-shadow: none; margin-bottom: 0;}
|
|
|
+
|
|
|
+.app-details2 .details-top .d-right{margin-top: 5px;}
|
|
|
+
|
|
|
+.app-details2 .app-information{padding: 0 20px;}
|
|
|
+.app-details2 .app-information .more-wrap{position: relative;}
|
|
|
+.app-details2 .app-information .more-wrap img{width: 50px; height: 50px; position: absolute; left: 90px; top: -30px; transition: all 500ms; background-color: #fff;}
|
|
|
+.app-details2 .app-information .test-download2 img{left: 175px; top: -35px;}
|
|
|
+.app-details2 .app-information .more-wrap img:hover{width: 125px; height: 125px; position: absolute; left: 70px; top: -80px;}
|
|
|
+.app-details2 .app-information .test-download2 img:hover{position: absolute; left: 150px; top: -80px;}
|
|
|
+
|
|
|
+.app-details2 .table-list{padding: 25px 20px 30px;}
|
|
|
+.app-details2 .version-tit{color: #333; font-size: 16px; margin-bottom: 15px;}
|
|
|
+.app-details2 .version-tit .iconfont{font-size: 18px; margin-right: 5px; position: relative; top: 1px;}
|
|
|
+
|
|
|
+.app-details2 .version-history-table .bundle-length{max-width: 150px; display: inline-block; position: relative; top: 3px;}
|
|
|
+.app-details2 .version-history-table td .iconfont{font-size: 24px; margin-left: 8px;}
|
|
|
+
|
|
|
+.app-details2 .version-history-table td .icon-shanchu:hover{color: #fd641d;}
|
|
|
+.app-details2 .version-history-table tr:hover td{background-color: #ebf7ff;}
|
|
|
+
|
|
|
+.app-details2 .icon-prompt1{font-size: 14px; color: #999; position: relative; margin-left: 3px;}
|
|
|
+
|
|
|
+.app-details2 .upload-icon-common{width: 60px; height: 60px; border-radius: 12px;}
|
|
|
+.app-details2 .countdown-btn{border-radius: 30px; height: 50px; padding: 0 20px; line-height: 48px; color: #fd641d; background-color: #e8e8e8; border-color: #e8e8e8;}
|
|
|
+
|
|
|
+.app-details .details-bottom{padding: 5px 0 15px;}
|
|
|
+.app-details2 .d-table-wrap table td{padding: 0 0 0 15px;}
|
|
|
+.app-details .d-table-wrap table th{padding: 20px 0 2px 0;}
|
|
|
+
|
|
|
+.app-details2 .details-top .information{width: 60%;}
|
|
|
+.app-details2 .copy.top-5{font-size: 12px;}
|
|
|
+
|
|
|
+#app_setting_form .app-details2{background-color: transparent;}
|
|
|
+#app_setting_form .app-details2 .details-top{background-color: #fff;}
|
|
|
+
|
|
|
+#updateModal .modal-header h4{color: #333;}
|
|
|
+#updateModal .modal-header .close{color: #333; font-size: 26px; opacity: 1;}
|
|
|
+#updateModal .modal-body{padding: 25px 10px 25px 0;}
|
|
|
+#updateModal .app-details-update{color: #333;}
|
|
|
+#updateModal .app-details-update .form-group{margin-bottom: 25px;}
|
|
|
+#updateModal .app-details-update .form-group:last-of-type{margin-bottom: 0;}
|
|
|
+#updateModal .app-details-update .control-label{text-align: right; padding-right: 10px;}
|
|
|
+#updateModal .app-details-update ul li{margin-right: 25px; cursor: pointer;}
|
|
|
+#updateModal .app-details-update ul li .icon-radio{position: relative; top: 2px;}
|
|
|
+
|
|
|
+/*
|
|
|
+#updateModal .app-details-update dl dt{margin-right: 25px; margin-bottom: 25px;}
|
|
|
+#updateModal .app-details-update dl dd{margin-right: 25px; cursor: pointer;}
|
|
|
+#updateModal .app-details-update dl dd .icon-radio{position: relative; top: 2px;}
|
|
|
+#updateModal .app-details-update dl dd textarea{}
|
|
|
+*/
|
|
|
+.app-details2 .no-flash-back-js{padding: 25px 20px 30px;}
|
|
|
+.app-details2 .no-flash-back-js .tit{color: #333; margin-bottom: 8px;}
|
|
|
+.app-details2 .no-flash-back-js .tit a{color: #157df1;}
|
|
|
+.app-details2 .no-flash-back-js pre{background-color: #fff; border-radius: 0; border-color: #eee; padding: 5px; color: #666;}
|
|
|
+.app-details2 .no-flash-back-js #copy1{margin-bottom: 8px;}
|
|
|
+.app-details2 .no-flash-back-js .color-danger{margin-bottom: 15px; font-size: 12px;}
|
|
|
+.app-details2 .no-flash-back-js .copy{margin-left: 0; color: #fff; margin-bottom: 20px;}
|
|
|
+
|
|
|
+.app-details2 .no-flash-back-js .tit1{color: #333; margin-bottom: 3px;}
|
|
|
+.app-details2 .no-flash-back-js p{line-height: 1.8;}
|
|
|
+
|
|
|
+
|
|
|
+/*----------/应用发布 改版2019/1/22----------*/
|
|
|
+
|
|
|
+/*----------推广页----------*/
|
|
|
+/*nav*/
|
|
|
+.promote-nav .logo img{width: 138px; height: 60px;}
|
|
|
+.promote-nav{padding: 2px 0;}
|
|
|
+.promote-nav ul{margin: 16px 0 0 20px;}
|
|
|
+.promote-nav ul li{float: left; margin: 0 15px;}
|
|
|
+.promote-nav ul li:last-of-type{margin-right: 0;}
|
|
|
+.promote-nav ul li a{padding: 0 10px 5px; border-bottom: 2px solid transparent; color: #333;}
|
|
|
+.promote-nav ul li.active a{border-bottom-color: #157df1; color: #157df1;}
|
|
|
+.promote-nav ul li:hover a{border-bottom-color: #157df1;}
|
|
|
+
|
|
|
+/*footer*/
|
|
|
+.promote-footer-wrap{border-top: 1px solid #e5e5e5; padding: 50px 0;}
|
|
|
+.promote-footer{color: #333; padding: 0 60px;}
|
|
|
+.promote-footer .p-con dl dt{font-size: 14px; margin-bottom: 12px; margin-top: 10px;}
|
|
|
+.promote-footer .p-con dl dd{font-size: 12px; margin-bottom: 12px;}
|
|
|
+.promote-footer .p-con dl dd a{color: #333;}
|
|
|
+.promote-footer .p-con .f-logo{margin-left: 270px; margin-top: 30px;}
|
|
|
+
|
|
|
+.promote-footer .p-con .promote-code{text-align: center;}
|
|
|
+.promote-footer .p-con .promote-code .img-wrap{width: 115px; height: 115px; border: 1px solid #e5e5e5;}
|
|
|
+.promote-footer .p-con .promote-code p{margin-top: 5px;}
|
|
|
+
|
|
|
+.promote-footer>p{text-align: center; margin-top: 40px;}
|
|
|
+/*签名*/
|
|
|
+
|
|
|
+/*banner*/
|
|
|
+.promote-signature-banner{height: 430px; background: url("../img/tg-banner-1.jpg") no-repeat center;}
|
|
|
+.signature-banner1{color: #fff;}
|
|
|
+.signature-banner1 .s-left{padding: 90px 0 0 90px;}
|
|
|
+.signature-banner1 h1{font-size: 40px; font-weight: 600;}
|
|
|
+.signature-banner1 h5{font-size: 20px; margin-top: 15px;}
|
|
|
+.signature-banner1 ul{margin-top: 25px;}
|
|
|
+.signature-banner1 ul li{float: left; margin-right: 35px; font-size: 15px;}
|
|
|
+.signature-banner1 ul li .iconfont{font-size: 14px; position: relative; top: -1px; margin-right: 5px;}
|
|
|
+
|
|
|
+.signature-banner1 .s-left .ms-btn{width: 110px; border-color: #fff; color: #fff; margin-top: 35px;}
|
|
|
+/*/banner*/
|
|
|
+
|
|
|
+.signature-list{padding: 60px 0;}
|
|
|
+.signature-list .row .col-sm-3:nth-of-type(n+5){margin-top: 35px;}
|
|
|
+.promote-thumbnail{text-align: center;}
|
|
|
+.promote-thumbnail h4{color: #333; font-size: 18px; margin-top: 20px; margin-bottom: 5px;}
|
|
|
+.promote-thumbnail .img-wrap{height: 59px; display: flex; align-items: flex-end;}
|
|
|
+.promote-thumbnail img{margin: 0 auto;}
|
|
|
+.promote-thumbnail .blue-line{margin: 0 auto 15px; width: 30px;}
|
|
|
+.promote-thumbnail p{line-height: 24px; height: 48px; color: #333; font-size: 13px;}
|
|
|
+
|
|
|
+.solve-certificate-wrap{background-color: #f7f8fc; padding: 70px 0;}
|
|
|
+.solve-certificate h1{text-align: center; color: #333; font-size: 32px; margin-bottom: 20px;}
|
|
|
+.solve-certificate img.fr{margin-right: 30px;}
|
|
|
+
|
|
|
+.promote-common{padding: 70px 0; text-align: center;}
|
|
|
+.promote-common .blue-line{margin: 0 auto 20px;}
|
|
|
+.promote-common h1{font-size: 32px; color: #333; margin-bottom: 8px;}
|
|
|
+.promote-common h3{font-size: 16px; color: #666; margin-bottom: 55px;}
|
|
|
+
|
|
|
+.how-operate-wrap{background: url("../img/promote-bg-1.jpg") no-repeat center; height: 378px;}
|
|
|
+.how-operate h1{margin-top: 60px;}
|
|
|
+.how-operate h3{margin-bottom: 45px;}
|
|
|
+.how-operate .ms-btn-secondary{padding: 9px; width: 100px;}
|
|
|
+
|
|
|
+.signature-process1 ul{padding-left: 125px;}
|
|
|
+.signature-process1 ul li{float: left; text-align: center; padding: 0 40px;}
|
|
|
+
|
|
|
+.signature-process1 ul li:nth-of-type(even){background: url("../img/promote-icon-23.png") no-repeat center; width: 61px; height: 85px;}
|
|
|
+
|
|
|
+.signature-process1 ul li .img-wrap{height: 85px; display: flex; align-items: center; justify-content: center;}
|
|
|
+.signature-process1 ul li .tit1{font-size: 16px; color: #333; font-weight: 600; margin-top: 25px;}
|
|
|
+/*/签名*/
|
|
|
+
|
|
|
+/*内测分发*/
|
|
|
+.promote-distribution-banner{background: url("../img/promote-banner-1.jpg") no-repeat center; height: 430px;}
|
|
|
+.distribution-banner1 img{margin-left: 120px; margin-top: 55px;}
|
|
|
+.distribution-banner1 .d-right{color: #fff;}
|
|
|
+
|
|
|
+.distribution-banner1 .d-right{margin-left: 80px;}
|
|
|
+.distribution-banner1 .d-right h1{font-size: 40px; margin-top: 110px; margin-bottom: 15px;}
|
|
|
+.distribution-banner1 .d-right .p1{font-size: 16px; line-height: 30px;}
|
|
|
+.distribution-banner1 .d-right .p1 span{font-size: 20px;}
|
|
|
+.distribution-banner1 .d-right .ms-btn{width: 110px; border-color: #fff; color: #fff; margin-top: 35px;}
|
|
|
+
|
|
|
+.distribution-list{padding: 70px 0;}
|
|
|
+.distribution-list .promote-thumbnail .blue-line{margin-bottom: 5px;}
|
|
|
+
|
|
|
+.provide-services-wrap{background: url("../img/tg-37.jpg") no-repeat center; height: 340px; padding: 60px 0;}
|
|
|
+.provide-services{padding: 0;}
|
|
|
+.provide-services h1{color: #fff;}
|
|
|
+.provide-services .blue-line{margin-bottom: 40px;}
|
|
|
+.provide-services .row{margin: 0 -10px;}
|
|
|
+.provide-services .row .col-sm-4{padding: 0 10px;}
|
|
|
+.provide-services .p-con{background-color: #fff; border-radius: 5px; padding: 20px 0 20px 15px;}
|
|
|
+.provide-services .p-con .p-text{width: 71%; text-align: left; padding-left: 10px;}
|
|
|
+.provide-services .p-con .p-text dt{color: #333; font-size: 18px; font-weight: 600;}
|
|
|
+.provide-services .p-con .p-text dt span{font-size: 12px; height: 60px;}
|
|
|
+.provide-services .p-con .p-text dd{color: #333; margin-top: 5px;}
|
|
|
+
|
|
|
+.web-encapsulation .promote-thumbnail .img-wrap{height: 51px; display: flex; align-items: flex-end; justify-content: center;}
|
|
|
+.web-encapsulation .w-list{padding: 0 140px;}
|
|
|
+.web-encapsulation .w-list .row .col-sm-3:nth-of-type(n+5){margin-top: 65px;}
|
|
|
+.web-encapsulation .promote-common h3{margin-bottom: 45px;}
|
|
|
+
|
|
|
+.promote-signature-wrap{background: url("../img/tg-29.jpg") no-repeat center; height: 700px;}
|
|
|
+
|
|
|
+.promote-signature h1{font-size: 32px; color: #fff; text-align: center; margin-top: 55px;}
|
|
|
+.promote-signature h3{font-size: 16px; color: #fff; text-align: center; margin-top: 15px; margin-bottom: 50px;}
|
|
|
+.promote-signature .text li{background: url("../img/promote-bg-3.png") no-repeat; width: 263px; height: 79px; float: left; margin-right: 125px; padding: 0 15px; color: #fff; padding-top: 7px;}
|
|
|
+.promote-signature .text li:last-of-type{margin-right: 0;}
|
|
|
+.promote-signature .text li dt{font-size: 18px; font-weight: 600; font-family: "Microsoft YaHei UI Light";}
|
|
|
+.promote-signature .text li dd{font-size: 12px; margin-top: 3px;}
|
|
|
+/*/内测分发*/
|
|
|
+
|
|
|
+/*封装*/
|
|
|
+.promote-encapsulation-banner{background: url("../img/promote-banner-2.jpg") no-repeat center; height: 430px;}
|
|
|
+.encapsulation-banner1 h1{text-align: center; font-size: 40px; color: #fff; font-weight: 600; margin-top: 90px;}
|
|
|
+.encapsulation-banner1 h5{text-align: center; font-size: 18px; color: #fff; line-height: 30px; margin-top: 15px;}
|
|
|
+.encapsulation-banner1 .ms-btn{color: #6c4409; background-color: #ffec06; font-size: 16px; font-weight: 600; width: 110px; margin-top: 25px;}
|
|
|
+.encapsulation-banner1 img{margin: 45px auto 0;}
|
|
|
+
|
|
|
+.encapsulation-banner1 ol{margin-left: 55px;}
|
|
|
+.encapsulation-banner1 ol li{float: left; text-align: center; padding: 0 20px;}
|
|
|
+.encapsulation-banner1 ol li .e-text{color: #333; font-size: 12px; font-weight: 600; margin-top: 5px;}
|
|
|
+
|
|
|
+.feature-plugin h1{color: #333; font-size: 32px; text-align: center;}
|
|
|
+.feature-plugin .blue-line{margin: 10px auto 0;}
|
|
|
+.feature-plugin .f-list{padding: 0 120px; margin-top: 35px;}
|
|
|
+
|
|
|
+.feature-plugin .f-list .promote-thumbnail .img-wrap{height: 51px; display: flex; align-items: flex-end;}
|
|
|
+
|
|
|
+.feature-plugin .f-list li{float: left; width: 20%; position: relative; padding-bottom: 25px; cursor: pointer;}
|
|
|
+.feature-plugin .f-list li .icon-arrow-top2{position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); font-size: 30px; color: #68a4e8; display: none;}
|
|
|
+
|
|
|
+.feature-tab-wrap{background: url("../img/promote-bg-4.jpg") no-repeat center; height: 460px;}
|
|
|
+.feature-tab img{display: none; margin: 50px auto 0;}
|
|
|
+
|
|
|
+.our-advantages img{margin: 40px auto 0;}
|
|
|
+
|
|
|
+.price-introduced-wrap{background-color: #f7f8fc;}
|
|
|
+
|
|
|
+.price-introduced .promote-common .blue-line{margin-bottom: 40px;}
|
|
|
+.price-introduced .table{background-color: #fff; table-layout: fixed; margin-bottom: 0;}
|
|
|
+.price-introduced .table tr th{background-color: #157df1; padding: 20px; color: #fff; text-align: center; font-size: 18px;}
|
|
|
+.price-introduced .table tr td{padding: 20px; color: #333; text-align: center; vertical-align: middle; font-size: 16px;}
|
|
|
+
|
|
|
+.price-introduced .table tr td .text1{text-align: left; display: inline-block;}
|
|
|
+.price-introduced .table tr td .text{font-size: 24px; position: relative; display: inline-block;}
|
|
|
+
|
|
|
+.price-introduced .table tr td .text span{position: absolute; top: -5px; left: calc(100% + 2px); background: #ffcd20 url("../img/promote-arrrow.jpg") no-repeat left center; padding: 0 5px 0 15px; height: 17px; font-size: 12px; white-space: nowrap;}
|
|
|
+
|
|
|
+.good-case .promote-common{padding-left: 120px; padding-right: 120px;}
|
|
|
+
|
|
|
+.good-case .g-con{box-shadow: 0 7px 20px rgba(21,125,241,.2); padding-top: .1px;}
|
|
|
+
|
|
|
+.good-case .g-con .tab-list{padding-left: 200px; margin-top: 40px;}
|
|
|
+.good-case .g-con .tab-list li{float: left; height: 28px; line-height: 28px; padding: 0 15px; border-radius: 15px; font-size: 16px; margin-right: 90px; cursor: pointer; color: #333;}
|
|
|
+.good-case .g-con .tab-list li.active{background-color: #157df1; color: #fff;}
|
|
|
+
|
|
|
+.good-case .tab-con{padding: 30px 125px 45px;}
|
|
|
+.good-case .tab-con ul{display: none;}
|
|
|
+.good-case .tab-con ul li{float: left; margin-right: 40px;}
|
|
|
+.good-case .tab-con ul li:last-of-type{margin-right: 0;}
|
|
|
+
|
|
|
+.package-number{color: #fff; background: url("../img/promote-bg-6.jpg") no-repeat center; height: 100px; line-height: 100px; font-size: 24px; text-align: center;}
|
|
|
+.package-number span{font-size: 36px;}
|
|
|
+
|
|
|
+.encapsulation-process ul{margin-left: 70px; margin-top: 40px;}
|
|
|
+.encapsulation-process ul li{float: left; text-align: left; padding: 15px 15px 0;}
|
|
|
+.encapsulation-process ul li:nth-of-type(odd){width: 180px; height: 155px; box-shadow: 0 0 20px rgba(21,125,241,.2);}
|
|
|
+.encapsulation-process ul li:nth-of-type(even){height: 155px; width: 110px; background: url("../img/promote-icon-23.png") no-repeat center;}
|
|
|
+.encapsulation-process ul li dt{font-size: 18px; color: #333; font-weight: 600;}
|
|
|
+.encapsulation-process ul li dd{font-size: 16px; color: #333; margin-top: 10px;}
|
|
|
+
|
|
|
+.promote-function-of{padding-top: 0; padding-bottom: 60px;}
|
|
|
+.promote-function-of .tit{margin-bottom: 8px; color: #333; font-size: 32px;}
|
|
|
+.promote-blue-line{margin: 0 auto 20px; width: 35px; height: 2px; background-color: #157df1;}
|
|
|
+.promote-function-of .promote-blue-line{margin-bottom: 30px;}
|
|
|
+.promote-function-of ul li .text{color: #333; font-size: 16px;}
|
|
|
+
|
|
|
+.promote-our-advantages-wrap{background-color: #f7f8fc;}
|
|
|
+
|
|
|
+.promote-meal{padding: 70px 0 0;}
|
|
|
+
|
|
|
+.promote-meal>h1{color: #333; margin-bottom: 8px; text-align: center; font-size: 32px;}
|
|
|
+.promote-meal>p{color: #666; font-size: 16px; margin-bottom: 40px; text-align: center;}
|
|
|
+
|
|
|
+.promote-meal .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: 0;}
|
|
|
+.promote-meal .table th{text-align: center; height: 50px; color: #333; border-top: none; position: relative; vertical-align: middle; border-left: 1px solid #ddd; font-weight: 600; font-size: 15px; background-color: #f5f6f7;}
|
|
|
+.promote-meal .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
|
|
|
+.promote-meal .table th:first-of-type{border-left-color: transparent;}
|
|
|
+.promote-meal .table th:last-of-type{border-right-color: transparent;}
|
|
|
+.promote-meal .table td:first-of-type{border-left-color: transparent;}
|
|
|
+.promote-meal .table td:last-of-type{border-right-color: transparent;}
|
|
|
+.promote-meal .table tr:last-of-type td{border-bottom: none;}
|
|
|
+.promote-meal .table tr:nth-of-type(odd) td{background-color: transparent;}
|
|
|
+.promote-meal .table .recommend-wrap1{position: relative;}
|
|
|
+.promote-meal .table .recommend-wrap1 .recommended{position: absolute; top: -9px; background: url("../img/price-tip1.png") no-repeat; width: 32px; height: 22px; color: #fff; font-size: 12px; line-height: 20px; background-size: contain; font-weight: normal;}
|
|
|
+.promote-meal .table .recommend-wrap1 .recommended{background: url("../img/price-tip2.png") no-repeat; width: 60px; height: 22px; background-size: contain; font-size: 12px; line-height: 22px; font-weight: normal;}
|
|
|
+.promote-meal .table td .num{font-size: 18px;}
|
|
|
+
|
|
|
+.promote-pack-meal{padding-top: 0; padding-bottom: 70px;}
|
|
|
+.promote-pack-meal .table .basis-pack{background: url("../img/tg-1.jpg") no-repeat center; height: 50px; color: #fff;}
|
|
|
+.promote-pack-meal .table .senior-pack{background: url("../img/tg-2.jpg") no-repeat center; height: 50px; color: #fff;}
|
|
|
+
|
|
|
+.promote-sign-meal{padding-top: 0; padding-bottom: 70px;}
|
|
|
+.promote-sign-meal .table .recommend-wrap1 .recommended{position: absolute; top: -9px; background: url("../img/price-tip1.png") no-repeat; width: 32px; height: 22px; color: #fff; font-size: 12px; line-height: 20px; background-size: contain; font-weight: normal;}
|
|
|
+
|
|
|
+.promote-sign-meal .table .basis-sign{background: url("../img/tg-3.jpg") no-repeat center; height: 50px; color: #fff;}
|
|
|
+.promote-sign-meal .table .senior-sign{background: url("../img/tg-4.jpg") no-repeat center; height: 50px; color: #fff;}
|
|
|
+.promote-sign-meal .table .independent-sign{background: url("../img/tg-5.jpg") no-repeat center; height: 50px; color: #fff;}
|
|
|
+
|
|
|
+.promote-meal .blue-line{margin: 0 auto 20px;}
|
|
|
+/*/封装*/
|
|
|
+
|
|
|
+.promote-help{padding-bottom: 45px;}
|
|
|
+.promote-help h1{text-align: center; color: #333; font-size: 32px; margin-bottom: 8px;}
|
|
|
+.promote-help .promote-blue-line{margin-bottom: 30px;}
|
|
|
+
|
|
|
+/*---------- /推广页----------*/
|
|
|
+
|
|
|
+/*----------分发落地页----------*/
|
|
|
+.template-common .form-control{height: 40px;}
|
|
|
+.passwords .template-common{padding: 0 320px;}
|
|
|
+.template-common{padding: 0 235px;}
|
|
|
+.template-common hr{border-top-color: #e5e5e5; margin-top: 25px; display: none;}
|
|
|
+.template-common .t-icon{background-color: #fff; width: 180px; height: 180px; border-radius: 25px; box-shadow: 0 0 10px rgba(0,0,0,.2); display: flex; align-items: center; margin: 0 auto;}
|
|
|
+.template-common .t-icon img{width: 120px; height: 120px; border-radius: 30px; border: 1px solid #e5e5e5; margin: 0 auto;}
|
|
|
+.template-common .template-btn-wrap{text-align: center;}
|
|
|
+.template-common .template-btn{color: #fff; background-color: #157df1; height: 50px; padding: 0 38px; line-height: 48px; font-size: 18px; margin: 10px auto 10px!important; display: inline-block;}
|
|
|
+.template-common .decoding{color: #fff; background-color: #157df1; height: 50px; padding: 0; width: 180px; text-align: center; line-height: 48px; font-size: 18px; margin: 30px auto 20px; display: block;}
|
|
|
+.template-common .template-btn span:last-of-type{line-height: 50px;}
|
|
|
+.template-common .template-btn .iconfont{font-size: 36px; margin-left: -5px;}
|
|
|
+.template-common .t-apply{color: #666; text-align: center;}
|
|
|
+.template-common .t-code{color: #666; width: 200px; overflow: hidden; margin: 35px auto 0; text-align: center;}
|
|
|
+.template-common .t-code img{border: 1px solid #e5e5e5; width: 150px; height: 150px; margin: 0 auto 5px;}
|
|
|
+
|
|
|
+.template-common .t-name{color: #333; text-align: center;}
|
|
|
+.template-common .t-name .name-info span{margin-right: 10px; color: #666;}
|
|
|
+.template-common .t-name .tit{font-size: 28px; margin-bottom: 10px; margin-top: 15px;}
|
|
|
+.template-common .t-introduce{color: #333;}
|
|
|
+.template-common .t-introduce .tit{font-size: 20px; margin-top: 25px;}
|
|
|
+.template-common .t-introduce p{margin-top: 15px;}
|
|
|
+.template-common .t-contact{color: #333; margin-top: 20px;}
|
|
|
+.template-common .t-contact .tit{font-size: 20px; margin-bottom: 15px;}
|
|
|
+.template-common .t-contact dl{margin-bottom: 5px;}
|
|
|
+.template-common .t-contact dl dt{margin-right: 10px;}
|
|
|
+
|
|
|
+.template-pwd{border: 1px solid #e5e5e5; border-radius: 3px; padding: 45px 35px; margin-top: 45px; /*margin-bottom: 50px;*/ display: none;}
|
|
|
+.template-pwd label{color: #3e4753; text-align: center; display: block;}
|
|
|
+.template-pwd .form-control{margin-top: 15px;}
|
|
|
+
|
|
|
+.passwords+.template-footer{margin-top: 50px;}
|
|
|
+.template-footer{margin-top: 30px;}
|
|
|
+.template-footer .methods-tutorial-full{background-color: #ff6666;}
|
|
|
+.template-footer .methods-tutorial-full a{color: #fff;}
|
|
|
+.template-footer .methods-tutorial-full a.fl{height: 50px; line-height: 50px;}
|
|
|
+.template-footer .methods-tutorial-full a.fl:hover{text-decoration: underline;}
|
|
|
+.template-footer .methods-tutorial-full a.fr{width: 22px; height: 22px; line-height: 22px; border: 1px solid #fff; border-radius: 50%; text-align: center; margin-top: 14px;}
|
|
|
+.template-footer .methods-tutorial-full a.fr .iconfont{color: #fff;}
|
|
|
+
|
|
|
+.template-footer .t-footer{text-align: center; margin-top: 30px; padding-bottom: 30px;}
|
|
|
+.template-footer .t-footer a{color: #157df1;}
|
|
|
+.template-footer .t-footer a:hover{text-decoration: underline;}
|
|
|
+
|
|
|
+/*应用截图*/
|
|
|
+.template-common .app-screen{margin-top: 20px;}
|
|
|
+.template-common .app-screen .tit{font-size: 20px; margin-bottom: 15px; color: #333;}
|
|
|
+.template-common .app-screen .s-responsive{overflow: hidden; height: 405px; width: 100%; overflow-x: auto;}
|
|
|
+/*.template-common .app-screen ul{height: 405px;}*/
|
|
|
+.template-common .app-screen ul li{float: left; margin-right: 20px;}
|
|
|
+.template-common .app-screen ul li img{width: auto; height: auto; max-width: 800px; max-height: 405px;}
|
|
|
+.template-common .app-screen ul li:last-of-type{margin-right: 0;}
|
|
|
+
|
|
|
+/*模板1*/
|
|
|
+.template-1 .t-bg-1{background: #157df1 url("../img/t-04.png") repeat-x center bottom; height: 175px;}
|
|
|
+.template-1 .content{margin-top: -125px; padding: 0 80px;}
|
|
|
+.template-1 .template-common{padding: 0;}
|
|
|
+.template-1 .template-common .t-icon{box-shadow: none; width: auto; height: auto; background-color: transparent;}
|
|
|
+.template-1.passwords .template-common .t-code{width: 125px; margin-top: 35px;}
|
|
|
+.template-1 .template-common .t-code{width: 200px; margin-top: 15px;}
|
|
|
+.template-1 .template-common .t-code img{width: 125px; height: 125px; margin: 0 auto;}
|
|
|
+.template-1 .template-common .t-name{text-align: left;}
|
|
|
+.template-1 .template-common .t-name .name-info span{color: #fff;}
|
|
|
+.template-1+.template-footer{margin-top: 140px;}
|
|
|
+.template-1 .template-common .template-btn{margin-top: 30px; margin-bottom: 15px; padding: 0 15px;}
|
|
|
+
|
|
|
+.template-1 .content .c-left{background: url("../img/t-05.png") no-repeat center; width: 308px; height: 608px; padding-top: 110px;}
|
|
|
+.template-1.passwords .content .c-left{padding-top: 140px;}
|
|
|
+.template-1.passwords .content .c-right{margin-left: 130px; width: auto;}
|
|
|
+.template-1 .content .c-right{margin-left: 100px; width: 630px;}
|
|
|
+.template-1 .content .c-right .t-name{color: #fff; margin-bottom: 100px;}
|
|
|
+.template-1 .template-common .t-name .tit{margin-top: 5px;}
|
|
|
+.template-1 .content .c-right .t-introduce{/*margin-top: 100px;*/ margin-bottom: 45px;}
|
|
|
+.template-1 .content .c-right .t-contact{margin-top: 0; margin-bottom: 45px;}
|
|
|
+
|
|
|
+.template-1 .template-pwd{width: 500px; height: 230px; background-color: #fafafa; margin-top: 90px; padding: 60px 30px 0; position: relative; border-radius: 5px; display: none; border: none;}
|
|
|
+.template-1 .template-pwd .form-group{text-align: center;}
|
|
|
+.template-1 .template-pwd .form-group label{color: #3e4753;}
|
|
|
+
|
|
|
+.template-1 .template-pwd .form-group .form-control{border-color: #e5e5e5; margin-top: 5px;}
|
|
|
+.template-1 .template-pwd .form-group .form-control:focus{border-color: #66afe9;}
|
|
|
+.template-1 .template-pwd .top-pwd{position: absolute; left: 50%; top: -20px; margin-left: -30px; width: 60px; height: 60px; border: 1px solid #157df1; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fafafa;}
|
|
|
+.template-1 .template-pwd .top-pwd .iconfont{color: #157df1; font-size: 30px;}
|
|
|
+
|
|
|
+.template-1 .template-common .app-screen .s-responsive{width: 730px;}
|
|
|
+/*/模板1*/
|
|
|
+
|
|
|
+/*模板2*/
|
|
|
+.template-2 .t-bg-2{background: url("../img/t-06.jpg") center; height: 130px;}
|
|
|
+.template-2 .content{margin-top: -90px;}
|
|
|
+/*/模板2*/
|
|
|
+
|
|
|
+/*模板3*/
|
|
|
+.template-3 .t-bg-3{background: url("../img/t-07.jpg") center; height: 160px;}
|
|
|
+.template-3 .content{margin-top: 20px;}
|
|
|
+.template-3 .template-common .t-icon{width: 160px; height: 160px; border-radius: 50%;}
|
|
|
+.template-3 .template-common .t-icon img{width: 105px; height: 105px;}
|
|
|
+/*/模板3*/
|
|
|
+
|
|
|
+/*模板4*/
|
|
|
+.template-4 .t-bg-4{background: url("../img/t-09.png") no-repeat center; height: 485px;}
|
|
|
+.template-4 .t-left{width: 255px; margin-left: 265px; margin-top: 150px;}
|
|
|
+.template-4 .t-right{margin-left: 225px; margin-top: 45px;}
|
|
|
+.template-4 .content4 .template-common{padding: 0;}
|
|
|
+.template-4 .content4 .template-common .t-icon{width: auto; height: auto; background-color: transparent; box-shadow: none;}
|
|
|
+.template-4 .content4 .template-common .t-icon img{border: none;}
|
|
|
+.template-4 .content4 .template-common .t-name .tit{color: #fff; margin-top: 25px; margin-bottom: 20px;}
|
|
|
+.template-4 .content4 .template-common .t-name .name-info span{display: block; text-align: center; margin-right: 0; color: #fff; line-height: 24px;}
|
|
|
+.template-4 .template-common .template-btn{margin-bottom: 20px;}
|
|
|
+.template-4 .content>.template-common{padding: 80px 100px 0;}
|
|
|
+.template-4 .template-common .t-code{width: 200px;}
|
|
|
+.template-4 .template-common .t-code img{width: 120px; height: 120px; margin-left: auto; margin-right: auto;}
|
|
|
+.template-4 .template-common .decoding{width: 100%; margin-top: 30px;}
|
|
|
+
|
|
|
+.template-4 .template-pwd{border: none; padding: 0; width: 490px; margin: 0 auto;}
|
|
|
+
|
|
|
+.template-4+.template-footer{margin-top: 100px;}
|
|
|
+
|
|
|
+.template-4 .content>.template-common .app-screen{width: 730px;}
|
|
|
+/*/模板4*/
|
|
|
+
|
|
|
+/*模板5*/
|
|
|
+.template-5 .left-bg{position: absolute; left: 0; top: 0; background: url("../img/t11.png") no-repeat left top; width: 283px; height: 1012px;}
|
|
|
+.template-5 .right-bg{position: absolute; right: 0; top: 0; background: url("../img/t12.png") no-repeat right top; width: 283px; height: 1012px;}
|
|
|
+
|
|
|
+.template-5 .content{padding-top: 100px;}
|
|
|
+.template-5 .template-common{padding: 0 235px;}
|
|
|
+.template-5 .template-common .t-icon{border-radius: 50%; position: relative; margin-left: 180px;}
|
|
|
+.template-5 .template-common .t-icon .bg-shadow{position: absolute; left: -20px; top: 70px; border-radius: 90px; width: 360px; height: 180px; background-color: #eff2f2; z-index: -1; transform: rotate(45deg);}
|
|
|
+
|
|
|
+.template-5 .template-common .t-icon .code{position: absolute; top: 160px; right: -160px; transition: all 500ms;}
|
|
|
+.template-5 .template-common .t-icon .code img{border-radius: 0; border: none; width: 110px; height: 110px; transition: all 500ms;}
|
|
|
+.template-5 .template-common .t-icon .code:hover{width: 240px; height: 240px; right: -190px; top: 130px;}
|
|
|
+.template-5 .template-common .t-icon .code:hover img{width: 160px; height: 160px;}
|
|
|
+.template-5 .template-common .t-name-wrap{width: 350px; margin-left: auto; margin-right: auto;}
|
|
|
+.template-5 .template-common .t-name-wrap .t-name{text-align: left;}
|
|
|
+.template-5 .template-common .t-name-wrap .template-btn{margin: 45px 0 20px}
|
|
|
+.template-5 .template-common .t-name{margin-top: 200px;}
|
|
|
+.template-5 .template-common .t-name .tit{margin-bottom: 20px;}
|
|
|
+.template-5 .template-common .t-name .name-info{text-align: left; line-height: 24px;}
|
|
|
+.template-5 .template-common .t-apply{text-align: left; padding-left: 15px;}
|
|
|
+.template-5 .template-common .template-btn{padding: 0 53px;}
|
|
|
+
|
|
|
+.template-5 .template-common hr{margin-top: 50px;}
|
|
|
+.template-5 .template-common .t-introduce .tit{margin-top: 50px;}
|
|
|
+.template-5 .template-common .t-contact{margin-top: 25px;}
|
|
|
+
|
|
|
+.template-5.passwords+.template-footer{margin-top: 99px;}
|
|
|
+.template-5+.template-footer{margin-top: 40px;}
|
|
|
+
|
|
|
+.template-5 .template-pwd{width: 555px; height: 245px; margin: 80px auto 0; padding: 60px 30px 0; position: relative; border-radius: 5px;}
|
|
|
+
|
|
|
+.template-5 .template-pwd .top-pwd{position: absolute; left: 50%; top: -30px; margin-left: -30px; width: 60px; height: 60px; border: 1px solid #157df1; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fafafa;}
|
|
|
+.template-5 .template-pwd .top-pwd .iconfont{color: #157df1; font-size: 30px;}
|
|
|
+
|
|
|
+.template-5 .template-pwd .decoding{width: 100%; margin-top: 30px; margin-bottom: 30px;}
|
|
|
+/*/模板5*/
|
|
|
+
|
|
|
+/*模板6*/
|
|
|
+.template-6 .t-bg-6{background-color: #f4f4f4; height: 80px; line-height: 80px;}
|
|
|
+.template-6 .t-top .tit{font-size: 30px; color: #333;}
|
|
|
+.template-6 .t-top .name-info{font-size: 18px; color: #666;}
|
|
|
+.template-6 .t-top .name-info span{margin-left: 10px;}
|
|
|
+
|
|
|
+.template-6 .content{margin-top: 55px;}
|
|
|
+.template-6 .template-common .template-btn{margin-bottom: 15px;}
|
|
|
+.template-6 .template-common .show-hr{display: block; margin-top: 40px;}
|
|
|
+.template-6 .template-common .t-code{margin-top: 40px;}
|
|
|
+/*/模板6*/
|
|
|
+
|
|
|
+/*密码显示控制*/
|
|
|
+.passwords .template-pwd{display: block;}
|
|
|
+.passwords .pc-pwd{display: none !important;}
|
|
|
+.passwords .template-pwd{display: block;}
|
|
|
+/*----------/分发落地页----------*/
|
|
|
+
|
|
|
+/*----------通知中心----------*/
|
|
|
+.user-center1 .message-list .no-msg{display: flex; align-items: center; justify-content: center; height: 550px;}
|
|
|
+.user-center1 .message-list .no-msg .no{display: inline-block; text-align: center;}
|
|
|
+.user-center1 .message-list .no-msg .no .no-text{margin-top: 15px;}
|
|
|
+
|
|
|
+.user-center1 .message-list{box-shadow: 0 0 5px rgba(0,0,0,.05); background-color: #fff; min-height: 550px; padding-bottom: 20px;}
|
|
|
+.user-center1 .message-list dt{background-color: #f5f6f7; padding: 12px 30px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+.user-center1 .message-list dt .all{color: #333;}
|
|
|
+.user-center1 .message-list dt .all:hover{color: #157df1;}
|
|
|
+.user-center1 .message-list dt .all .icon-checkbox1{margin-top: 2px; color: #999; margin-right: 10px; cursor: pointer;}
|
|
|
+.user-center1 .message-list dt .all:hover .icon-checkbox1{color: #157df1;}
|
|
|
+.user-center1 .message-list dt .all .icon-checkbox-checked1{margin-top: 2px; color: #157df1; margin-right: 10px;}
|
|
|
+.user-center1 .message-list dt .all .text{padding-top: 6px; margin-right: 20px;}
|
|
|
+.user-center1 .message-list dt button{padding: 4px 12px; line-height: normal; margin-right: 10px;}
|
|
|
+.user-center1 .message-list .list li{float: left; font-size: 12px;}
|
|
|
+
|
|
|
+.user-center1 .message-list dd{padding: 20px 30px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+.user-center1 .message-list dd .list{height: 22px;}
|
|
|
+.user-center1 .message-list dd .checkbox-li .iconfont{margin-right: 20px;}
|
|
|
+.user-center1 .message-list dd .checkbox-li .icon-checkbox-checked1{color: #157df1;}
|
|
|
+.user-center1 .message-list dd .msg-icon .iconfont{margin-right: 30px;}
|
|
|
+.user-center1 .message-list dd .msg-icon .icon-unread{color: #fed735;}
|
|
|
+.user-center1 .message-list dd .msg-icon .icon-read{color: #999; font-size: 20px; position: relative; top: -3px;}
|
|
|
+
|
|
|
+.user-center1 .message-list dd .li-msg-con{line-height: 24px;}
|
|
|
+.user-center1 .message-list dd .li-msg-con span{float: left; line-height: 22px;}
|
|
|
+.user-center1 .message-list dd .li-msg-con .text1{color: #333; font-weight: 600;}
|
|
|
+.user-center1 .message-list dd.read{background-color: #f9f9f9;}
|
|
|
+.user-center1 .message-list dd.read .li-msg-con .text1{font-weight: normal;}
|
|
|
+.user-center1 .message-list dd .li-msg-con .text2{color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 500px;}
|
|
|
+.user-center1 .message-list dd .li-msg-con .text3{margin: 0 5px;}
|
|
|
+/*.user-center1 .message-list dd .li-msg-con a:hover {color: #157df1;}*/
|
|
|
+
|
|
|
+.user-center1 .message-list dd .time{float: right; line-height: 22px; color: #666;}
|
|
|
+
|
|
|
+.user-center1 .message-details{padding: 40px; height: 550px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);}
|
|
|
+.user-center1 .message-details .details-tit{color: #333; font-size: 26px; text-align: center; margin-bottom: 10px;}
|
|
|
+.user-center1 .message-details .details-time{color: #666; font-size: 12px; text-align: center; margin-bottom: 25px;}
|
|
|
+.user-center1 .message-details .details-p{color: #333; font-size: 14px; /*margin-bottom: 25px;*/ line-height: 24px;}
|
|
|
+
|
|
|
+.user-center1 .message-details .details-con-wrap{border: 1px solid #e5e5e5; border-radius: 3px; padding: 30px; margin-top: 25px;}
|
|
|
+.user-center1 .message-details .details-con dt{color: #333; font-weight: 600; margin-bottom: 18px; margin-left: 45px;}
|
|
|
+.user-center1 .message-details .details-con.text-lg dt{color: #333; font-weight: 600; margin-bottom: 18px; margin-left: 95px;}
|
|
|
+.user-center1 .message-details .details-con dd{font-size: 12px; margin-bottom: 12px;}
|
|
|
+.user-center1 .message-details .details-con dd .d-left{color: #333; float: left; width: 60px; font-weight: 600; text-align: right;}
|
|
|
+.user-center1 .message-details .details-con.text-lg dd .d-left{color: #333; float: left; width: 110px; font-weight: 600; text-align: right;}
|
|
|
+.user-center1 .message-details .details-con dd .d-right{color: #333; margin-left: 85px; display: block;}
|
|
|
+.user-center1 .message-details .details-con dd .d-right.color-danger{color: #fd641d;}
|
|
|
+.user-center1 .message-details .details-con dd .d-right.color-hover{color: #157df1;}
|
|
|
+.user-center1 .message-details .details-con dd .d-right.color-hover{color: #157df1;}
|
|
|
+.user-center1 .message-details .details-con dd .d-right.color-666{color: #666;}
|
|
|
+.user-center1 .message-details .details-con.text-lg dd .d-right{margin-left: 135px;}
|
|
|
+
|
|
|
+.user-center1 .message-details .ms-btn-secondary{padding: 6px 20px;}
|
|
|
+/*/----------通知中心----------*/
|
|
|
+
|
|
|
+/*----------文档中心----------*/
|
|
|
+/*列表*/
|
|
|
+.doc-banner{background: url("../img/document-1.jpg?20190116") no-repeat center; height: 200px; padding-top: .1px;}
|
|
|
+.doc-banner .tit{color: #fff; font-size: 28px; height: 100%; display: flex; justify-content: center; align-items: center; font-weight: 600;}
|
|
|
+.doc-banner .b-con{width: 480px; margin: 50px auto 0;}
|
|
|
+.doc-banner .b-con p{color: #fff; margin-top: 5px;}
|
|
|
+
|
|
|
+.doc-banner .url-text{background-color: rgba(255,255,255,.2); height: 50px; padding: 6px; border-radius: 10px; color: #333;}
|
|
|
+.doc-banner .url-text input{background-color: #fff; border: none; width: 75%; height: 100%; border-radius: 5px 0 0 5px; padding-left: 30px;}
|
|
|
+.doc-banner .url-text .submit{background-color: #157df1; border: none; width: 25%; height: 100%; border-radius: 0 5px 5px 0; text-align: center; font-size: 17px; color: #fff; line-height: 38px;}
|
|
|
+
|
|
|
+.doc-list-wrap{padding: 35px 50px 20px;}
|
|
|
+.doc-list .tit{font-size: 24px; color: #157df1; margin-bottom: 15px;}
|
|
|
+.doc-list .tit .icon{margin-right: 10px; position: relative; top: 2px;}
|
|
|
+.doc-list .tit .icon-document2{top: 4px;}
|
|
|
+.doc-list .tit .icon-document3{top: 4px;}
|
|
|
+.doc-list .con{border: 1px solid #e5e5e5; padding: 25px 25px 15px; margin-bottom: 60px;}
|
|
|
+.doc-list .con .common{margin-bottom: 8px;}
|
|
|
+.doc-list .con .common .arrow{float: left; color: #333; font-size: 14px;}
|
|
|
+.doc-list .con .common .tit1{margin-left: 15px; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
|
|
|
+.doc-list .con .common .tit1:hover{color: #157df1;}
|
|
|
+.doc-list .con:last-of-type{margin-bottom: 20px;}
|
|
|
+.doc-list .advice{color: #333; text-align: center;}
|
|
|
+.doc-list .advice a{color: #157df1;}
|
|
|
+
|
|
|
+.doc-list .tit .icon-document2{top: 4px;}
|
|
|
+.doc-list .tit .icon-document3{top: 4px;}
|
|
|
+
|
|
|
+/*banner添加教程*/
|
|
|
+.doc-tutorial{padding: 0 105px; margin: -40px 0 20px;}
|
|
|
+.doc-tutorial .con{background-color: #fff; padding: 20px 40px; border: 1px solid #f5f5f5;}
|
|
|
+.doc-tutorial .con .ms-thumbnail:hover .ms-caption .tit{color: #157df1;}
|
|
|
+.doc-tutorial .con .ms-thumbnail img{margin-bottom: 10px;}
|
|
|
+.doc-tutorial .con .ms-thumbnail .ms-caption .tit{margin-bottom: 0;}
|
|
|
+/*/列表*/
|
|
|
+
|
|
|
+/*详情*/
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .doc-details .row{margin: 0 -5px;}
|
|
|
+ .doc-details .col-sm-2{padding: 0 5px;}
|
|
|
+ .doc-details .col-sm-10{padding: 0 5px;}
|
|
|
+}
|
|
|
+.doc-details .details-left{border: 1px solid #e5e5e5; border-bottom: none; border-radius: 3px; margin-bottom: 40px;}
|
|
|
+.doc-details .details-left dt{border-left: 4px solid transparent; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5; color: #333; padding-left: 10px; cursor: pointer;}
|
|
|
+.doc-details .details-left dt .icon{position: relative; top: 2px; margin-right: 8px;}
|
|
|
+.doc-details .details-left dt .iconfont{margin-right: 7px;}
|
|
|
+.doc-details .details-left dt .icon-arrow-up{display: none;}
|
|
|
+.doc-details .details-left dt.active{border-left-color: #157df1; background-color: #d0e5fc;}
|
|
|
+.doc-details .details-left dt.active .icon-arrow-up{display: block;}
|
|
|
+.doc-details .details-left dt.active .icon-arrow-down{display: none;}
|
|
|
+/*.doc-details .details-left dt.active+dd{display: block;}*/
|
|
|
+.doc-details .details-left dt .icon-sdk2{color: #157df1;}
|
|
|
+
|
|
|
+.doc-details .details-left dd{display: none;}
|
|
|
+.doc-details .details-left dd a{display: block; padding: 10px 20px; border-bottom: 1px solid #e5e5e5; font-size: 12px;}
|
|
|
+.doc-details .details-left dd a.active{color: #157df1;}
|
|
|
+
|
|
|
+.details-right{border: 1px solid #e5e5e5; border-radius: 3px; min-height: 600px; margin-bottom: 40px;}
|
|
|
+.details-right .article-tit{color: #333; border-bottom: 1px solid #e5e5e5; padding: 18px 20px; font-size: 16px;}
|
|
|
+.details-right .article-con{padding: 25px 40px; line-height: 24px; color: #333;}
|
|
|
+.details-right .article-con img{max-width: 700px;}
|
|
|
+/*/详情*/
|
|
|
+
|
|
|
+/*更新日志*/
|
|
|
+.update-log-banner{background: url("../img/time-2.jpg") no-repeat center; height: 170px; color: #fff; font-size: 28px; font-weight: 600; display: flex; justify-content: center; align-items: center;}
|
|
|
+.update-log-wrap{padding: 70px 240px;}
|
|
|
+.update-log-wrap .update-log:first-of-type{padding-top: 70px;}
|
|
|
+.update-log{background: url("../img/time-1.png") no-repeat 115px top;}
|
|
|
+
|
|
|
+.update-log .con{padding-bottom: 35px;}
|
|
|
+.update-log .u-left{width: 100px; text-align: right;}
|
|
|
+.update-log .u-left dt{color: #333; font-size: 16px; margin-bottom: 2px;}
|
|
|
+.update-log .u-left dd{color: #333; font-size: 12px;}
|
|
|
+
|
|
|
+.update-log .u-right{width: 590px; margin-left: 24px;}
|
|
|
+.update-log .u-right .u-icon{border: 1px solid #157df1; border-radius: 50px; width: 13px; height: 13px; padding: 2px; position: relative; top: 2px;}
|
|
|
+.update-log .u-right .u-icon span{display: block; background-color: #157df1; border-radius: 50%; width: 100%; height: 100%;}
|
|
|
+.update-log .u-right dl{margin-left: 30px;}
|
|
|
+.update-log .u-right dt{color: #333; font-size: 16px; font-weight: 600; margin-bottom: 5px;}
|
|
|
+.update-log .u-right dd{color: #333; line-height: 24px;}
|
|
|
+/*/更新日志*/
|
|
|
+
|
|
|
+/*反馈 建议*/
|
|
|
+.feedback-wrap{padding: 25px 150px 40px;}
|
|
|
+.feedback{border-radius: 5px; background-color: #fff; padding: 25px 30px 30px;}
|
|
|
+.feedback .tit{font-size: 18px; color: #333; font-weight: 600; margin-bottom: 20px;}
|
|
|
+.feedback .form-group{margin-bottom: 35px;}
|
|
|
+.feedback label{color: #333; margin-bottom: 10px;}
|
|
|
+.feedback label span{color: #fd641d; margin-right: 10px;}
|
|
|
+
|
|
|
+.feedback .type li{float: left; margin-right: 40px; cursor: pointer;}
|
|
|
+.feedback .type li .icon-radio{top: 3px;}
|
|
|
+.feedback .submit{padding-left: 40px; padding-right: 40px;}
|
|
|
+
|
|
|
+.feedback .uploaded-img{border: 1px solid #e5e5e5; width: 90px; height: 90px; position: relative; border-radius: 5px; margin-right: 20px;}
|
|
|
+.feedback .uploaded-img img{width: 100%; height: 100%; border-radius: 5px;}
|
|
|
+.feedback .uploaded-img .delete-img{position: absolute; right: -9px; top: -9px; right: 0\9; top: 0\9; cursor: pointer; z-index: 2;}
|
|
|
+
|
|
|
+.feedback .upload-img{position: relative; border: 1px dashed #e5e5e5; width: 90px; height: 90px; border-radius: 5px; background: url("../img/icon-10.png") no-repeat center 20px; overflow: hidden;}
|
|
|
+.feedback .upload-img input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
|
|
|
+.feedback .upload-img .text{text-align: center; font-size: 12px; color: #666; margin-top: 60px;}
|
|
|
+/*/反馈 建议*/
|
|
|
+/*----------/文档中心列表----------*/
|
|
|
+
|
|
|
+/*----------工具箱----------*/
|
|
|
+.tool-banner{background: url("../img/tool-banner.jpg?20181228") no-repeat center; height: 200px; background-size: cover;}
|
|
|
+.tool-banner .con{color: #fff; font-size: 28px; padding-left: 100px; font-weight: 600; padding-top: 55px;}
|
|
|
+.tool-banner .con .p2{text-indent: 2em;}
|
|
|
+
|
|
|
+.tool-classs{padding: 60px 80px;}
|
|
|
+.tool-classs .con{box-shadow: 0 0 20px rgba(21,125,241,.2); background-color: #fff; border-radius: 5px;}
|
|
|
+.tool-classs .con ul li{float: left; width: 33.333333%; text-align: center; padding-top: 20px;}
|
|
|
+.tool-classs .con ul li:nth-of-type(1){padding-left: 20px;}
|
|
|
+.tool-classs .con ul li:nth-of-type(3){padding-right: 20px;}
|
|
|
+.tool-classs .con ul li .t-con{border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px; padding-top: 20px;}
|
|
|
+.tool-classs .con ul li:hover{box-shadow: 0 3px 10px rgba(193,220,251,.8);}
|
|
|
+.tool-classs .con ul li .img-wrap{height: 66px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
|
|
|
+.tool-classs .con ul li .tit{font-size: 24px; color: #333; margin-bottom: 10px;}
|
|
|
+.tool-classs .con ul li p{margin-bottom: 15px; height: 80px; padding: 0 50px;}
|
|
|
+
|
|
|
+.tool-classs .con ul li .ms-btn{padding: 3px 35px; border-radius: 15px;}
|
|
|
+.tool-classs .con ul li:nth-of-type(n+4){padding-top: 0; padding-bottom: 20px;}
|
|
|
+.tool-classs .con ul li:nth-of-type(3n) .t-con{border-right-color: transparent;}
|
|
|
+.tool-classs .con ul li:nth-of-type(n+4) .t-con{border-bottom-color: transparent; padding-top: 30px; padding-bottom: 20px;}
|
|
|
+.tool-classs .con ul li:hover .ms-btn{background-color: #157df1; color: #fff;}
|
|
|
+/*----------/工具箱----------*/
|
|
|
+
|
|
|
+/*----------新价格页----------*/
|
|
|
+.new-price-btn{width: 150px; height: 40px; line-height: 40px; border-radius: 20px; background: linear-gradient(to right, #ff3794, #fc753b); display: block; color: #fff; text-align: center; margin: 0 auto;}
|
|
|
+.new-price-btn:hover{/*box-shadow: 0 2px 5px rgba(255,55,148,.5);*/ color: #fff; background: linear-gradient(to right, #fe1064, #ff9c00)}
|
|
|
+.new-price-btn:focus{color: #fff;}
|
|
|
+.new-price-banner{background: url("../img/price-banner-1.jpg") no-repeat center; height: 200px;}
|
|
|
+.new-price-banner .banner-con{color: #fff; padding: 65px 0 0 110px;}
|
|
|
+.new-price-banner .banner-con h3{font-size: 30px; font-weight: 600; margin-bottom: 10px;}
|
|
|
+.new-price-banner .banner-con p{font-size: 16px;}
|
|
|
+
|
|
|
+.new-price-list{padding: 0 110px; margin: 85px 0;}
|
|
|
+.new-price-list li{width: 33.33%; float: left; text-align: center; padding: 35px 20px; background-color: #fff; box-shadow: 0 0 10px rgba(112,61,231,.1); height: 695px; transition: transform 100ms;}
|
|
|
+.new-price-list li>img{width: 30px}
|
|
|
+.new-price-list li.active{transform: scale(1.02); z-index: 2; position: relative;}
|
|
|
+
|
|
|
+.new-price-list li h3{color: #333; margin-top: 20px;}
|
|
|
+.new-price-list li p{color: #666; margin-top: 10px; line-height: 24px; margin-bottom: 5px;}
|
|
|
+.new-price-list li .amount{font-size: 18px; color: #fd9817;}
|
|
|
+.new-price-list li .amount .num{font-size: 30px;}
|
|
|
+
|
|
|
+.new-price-list li .more{margin: 10px auto 20px;}
|
|
|
+.new-price-list li dl dd{line-height: 32px; color: #333;}
|
|
|
+
|
|
|
+.new-price-details{margin-top: 30px;}
|
|
|
+.new-price-details h1{color: #157df1; text-align: center; margin-bottom: 10px;}
|
|
|
+.new-price-details p{color: #666; font-size: 16px; text-align: center; margin-bottom: 80px;}
|
|
|
+.new-price-details .new-price-btn{margin-bottom: 80px;}
|
|
|
+
|
|
|
+.new-price-details .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: 0;}
|
|
|
+.new-price-details .table th{text-align: center; height: 50px; color: #333; font-size: 16px; font-weight: 600; border-top: none; position: relative; vertical-align: middle;}
|
|
|
+.new-price-details .table th:nth-of-type(2){border-left: 1px solid #ddd;}
|
|
|
+.new-price-details .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
|
|
|
+.new-price-details .table th:first-of-type{border-left-color: transparent;}
|
|
|
+.new-price-details .table th:last-of-type{border-right-color: transparent;}
|
|
|
+.new-price-details .table td:first-of-type{border-left-color: transparent;}
|
|
|
+.new-price-details .table td:last-of-type{border-right-color: transparent;}
|
|
|
+.new-price-details .table tr:last-of-type td{border-bottom: none;}
|
|
|
+.new-price-details .table tr:nth-of-type(odd) td{background-color: #f5f6f7;}
|
|
|
+/*.new-price-details .table tr:nth-of-type(even) td:first-of-type{border-left-color: #ddd; border-right-color: #ddd;}*/
|
|
|
+/*.new-price-details .table tr:nth-of-type(even) td:last-of-type{border-right-color: #ddd;}*/
|
|
|
+
|
|
|
+.new-price-details .table th .th-con{position: absolute; width: 100%; height: 90px; left: 0; bottom: 0; background: no-repeat center; color: #fff; padding-top: 15px;}
|
|
|
+.new-price-details .table th .th-con .tit{font-size: 24px; font-weight: normal; margin-bottom: 5px; position: relative;}
|
|
|
+.new-price-details .table th .th-con .tit .unit{font-size: 12px;}
|
|
|
+.new-price-details .table th .th-con .tit .recommended{position: absolute; top: -8px; background: url("../img/price-tip1.png") no-repeat; width: 40px; height: 24px; color: #fff; font-size: 14px; line-height: 24px;}
|
|
|
+.new-price-details .table th .th-con .level{font-size: 16px;}
|
|
|
+
|
|
|
+/*.new-price-details .table .icon-wrap{height: 20px; line-height: 20px;}*/
|
|
|
+.new-price-details .table .icon-duihao{color: #13c960; font-size: 22px;}
|
|
|
+.new-price-details .help{padding-bottom: 40px;}
|
|
|
+.new-price-details .help h1{margin-bottom: 40px;}
|
|
|
+.new-price-details .help dl .right{margin-left: 30px; width: calc(100% - 30px);}
|
|
|
+
|
|
|
+.new-publish-price .help{padding: 0; margin-bottom: 30px; padding: 55px 70px 0;}
|
|
|
+.new-publish-price .help h1{margin-bottom: 40px; color: #157df1; text-align: center;}
|
|
|
+.new-publish-price .help dl .right{margin-left: 30px; width: calc(100% - 30px);}
|
|
|
+
|
|
|
+.new-pack-price .table th .level0{background-image: url("../img/price-4.jpg");}
|
|
|
+.new-pack-price .table th .level1{background-image: url("../img/price-5.jpg");}
|
|
|
+.new-pack-price .table th .level2{background-image: url("../img/price-6.jpg");}
|
|
|
+.new-pack-price .table th .th-con .tit .recommended{position: absolute; top: -8px; background: url("../img/price-tip2.png") no-repeat; width: 70px; height: 24px; color: #fff; font-size: 14px; line-height: 24px;}
|
|
|
+
|
|
|
+.new-sign-price .table th .level0{background-image: url("../img/price-5.jpg");}
|
|
|
+.new-sign-price .table th .level1{background-image: url("../img/price-6.jpg");}
|
|
|
+.new-sign-price .table th .level2{background-image: url("../img/price-7.jpg");}
|
|
|
+.new-sign-price .table tr td:first-of-type{font-weight: 600;}
|
|
|
+.new-sign-price .table tr:last-of-type td{border-bottom: 1px solid #ddd;}
|
|
|
+
|
|
|
+/*.new-publish-price{margin-bottom: 60px;}*/
|
|
|
+.new-publish-price .tab{width: 490px; height: 40px; line-height: 40px; margin: 40px auto;}
|
|
|
+.new-publish-price .tab li{float: left; text-align: center; width: 50%; color: #333; cursor: pointer; border: 1px solid #e5e5e5;}
|
|
|
+.new-publish-price .tab li:first-of-type{border-radius: 20px 0 0 20px; border-right-color: transparent;}
|
|
|
+.new-publish-price .tab li:last-of-type{border-left-color: transparent; border-radius: 0 20px 20px 0;}
|
|
|
+.new-publish-price .tab li.active{background-color: #157df1; border-color: #157df1; color: #fff;}
|
|
|
+/*.new-publish-price .tab li:first-of-type.active{border-radius: 25px 0 0 25px;}*/
|
|
|
+/*.new-publish-price .tab li:last-of-type.active{border-radius:0 25px 25px 0;}*/
|
|
|
+
|
|
|
+.new-publish-price .tab-con>div{display: none;}
|
|
|
+.new-publish-price .tab-con .con-wrap{padding: 0 70px;}
|
|
|
+.new-publish-price .tab-con h1{text-align: center; color: #157df1; margin-bottom: 20px;}
|
|
|
+.new-publish-price .tab-con .big-package h1{color: #fd9817;}
|
|
|
+.new-publish-price .tab-con .p1{text-align: center; font-size: 16px; color: #666; margin-bottom: 35px;}
|
|
|
+
|
|
|
+.new-publish-price .tab-con .con{border: 1px solid #e5e5e5; padding-bottom: 40px; position: relative;}
|
|
|
+.new-publish-price .tab-con .con:hover{box-shadow: 0 3px 10px rgba(21,125,241,.2);}
|
|
|
+.new-publish-price .tab-con .big-package .con:hover{box-shadow: 0 3px 10px rgba(253,152,23,.2);}
|
|
|
+.new-publish-price .tab-con .gradient{height: 8px;}
|
|
|
+.new-publish-price .tab-con .gradient1{background: linear-gradient(to right, #5caafd, #57d4f8);}
|
|
|
+.new-publish-price .tab-con .gradient2{background: linear-gradient(to right, #507dfb, #5598fa);}
|
|
|
+.new-publish-price .tab-con .gradient3{background: linear-gradient(to right, #5958d9, #8e1fe5);}
|
|
|
+.new-publish-price .tab-con .big-package .gradient1{background: linear-gradient(to right, #fea63f, #ffcd35);}
|
|
|
+.new-publish-price .tab-con .big-package .gradient2{background: linear-gradient(to right, #fc853e, #fe9f30);}
|
|
|
+.new-publish-price .tab-con .big-package .gradient3{background: linear-gradient(to right, #fc7738, #ff339a);}
|
|
|
+
|
|
|
+.new-publish-price .tab-con .downloads{text-align: center; padding: 35px 0 30px;}
|
|
|
+.new-publish-price .tab-con .downloads .text{color: #666; font-size: 16px;}
|
|
|
+
|
|
|
+.new-publish-price .tab-con .downloads .num{color: #333; font-size: 50px;}
|
|
|
+.new-publish-price .tab-con .downloads .num span{font-size: 16px;}
|
|
|
+.new-publish-price .tab-con .con .recommended{position: absolute; top: 0; right: 0; display: none;}
|
|
|
+
|
|
|
+.new-publish-price .tab-con .instructions{padding: 0 30px;}
|
|
|
+.new-publish-price .tab-con .instructions dl{border-top: 1px solid #e5e5e5; text-align: left; color: #666; padding-top: 25px; height: 195px;}
|
|
|
+.new-publish-price .tab-con .instructions dl dd{margin: 10px 0; color: #666;}
|
|
|
+.new-publish-price .tab-con .instructions dl dd .icon-gou{color: #5cb4f6;}
|
|
|
+.new-publish-price .tab-con .big-package .instructions dl dd .icon-gou{color: #fd9817;}
|
|
|
+.new-publish-price .tab-con .instructions dl dd .icon-gou{margin-right: 10px; font-size: 14px;}
|
|
|
+.new-publish-price .tab-con .instructions dl dd .icon-prompt{position: relative; margin-left: 5px; top: -3px; cursor: pointer;}
|
|
|
+.new-publish-price .tab-con .p-price{font-size: 16px; color: #157df1; text-align: center; margin-bottom: 25px;}
|
|
|
+.new-publish-price .tab-con .big-package .p-price{color: #fd9817;}
|
|
|
+.new-publish-price .tab-con .p-price span{font-size: 40px;}
|
|
|
+
|
|
|
+.new-publish-price .tab-con .p-pay{text-align: center;}
|
|
|
+.new-publish-price .tab-con .p-pay .btn-buy{padding: 10px 12px; width: 120px;}
|
|
|
+
|
|
|
+.new-publish-price .tab-con .big-package .p-pay .btn-buy{color: #fd9817; border: 1px solid #fd9817;}
|
|
|
+.new-publish-price .tab-con .big-package .p-pay .btn-buy:hover{color: #fff; border: 1px solid #fd9817; background-color: #fd9817;}
|
|
|
+
|
|
|
+.new-price-meal{padding: 20px 0 25px;}
|
|
|
+.new-price-meal>h1{color: #157df1; margin-bottom: 15px; text-align: center;}
|
|
|
+.new-price-meal>p{color: #666; font-size: 16px; margin-bottom: 20px; text-align: center;}
|
|
|
+.new-price-meal .new-price-btn{margin-bottom: 50px;}
|
|
|
+
|
|
|
+.new-price-meal .table{table-layout: fixed; box-shadow: 0 0 10px rgba(0,0,0,.1);}
|
|
|
+.new-price-meal .table th{text-align: center; height: 50px; color: #333; border-top: none; position: relative; vertical-align: middle; border-left: 1px solid #ddd; font-weight: 600; font-size: 15px; background-color: #f5f6f7;}
|
|
|
+.new-price-meal .table td{text-align: center; border: 1px solid #ddd; height: 50px; color: #333; vertical-align: middle;}
|
|
|
+.new-price-meal .table th:first-of-type{border-left-color: transparent;}
|
|
|
+.new-price-meal .table th:last-of-type{border-right-color: transparent;}
|
|
|
+.new-price-meal .table td:first-of-type{border-left-color: transparent;}
|
|
|
+.new-price-meal .table td:last-of-type{border-right-color: transparent;}
|
|
|
+.new-price-meal .table tr:last-of-type td{border-bottom: none;}
|
|
|
+.new-price-meal .table tr:nth-of-type(odd) td{background-color: transparent;}
|
|
|
+.new-price-meal .table .recommend-wrap1{position: relative;}
|
|
|
+.new-price-meal .table .recommend-wrap1 .recommended{position: absolute; top: -9px; background: url("../img/price-tip1.png") no-repeat; width: 32px; height: 22px; color: #fff; font-size: 12px; line-height: 20px; background-size: contain; font-weight: normal;}
|
|
|
+.new-pack-meal .table .recommend-wrap1 .recommended{background: url("../img/price-tip2.png") no-repeat; width: 60px; height: 22px; background-size: contain; font-size: 12px; line-height: 22px; font-weight: normal;}
|
|
|
+.new-price-meal .table td .num{font-size: 18px;}
|
|
|
+
|
|
|
+.new-price-meal .help{padding: 0;}
|
|
|
+.new-price-meal .help>h1{color: #157df1; text-align: center; margin-bottom: 50px;}
|
|
|
+/*----------/新价格页----------*/
|
|
|
+
|
|
|
+/*----------SDK----------*/
|
|
|
+.sdk-banner-wrap{background: url("../img/sdk-banner.jpg") no-repeat center; height: 200px;}
|
|
|
+.sdk-banner{padding-top: 60px;}
|
|
|
+.sdk-banner h1{color: #fff; font-size: 30px; text-align: center; line-height: 40px; font-weight: normal;}
|
|
|
+
|
|
|
+.sdk-common{padding: 70px 0;}
|
|
|
+.sdk-common>h1{color: #157df1; text-align: center; margin-bottom: 20px; font-weight: normal;}
|
|
|
+.sdk-common>h3{color: #666; font-size: 16px; text-align: center; margin-bottom: 50px; font-weight: normal;}
|
|
|
+
|
|
|
+.sdk-system .list .con{text-align: center;}
|
|
|
+.sdk-system .list .con1{border-right: 1px solid #e5e5e5;}
|
|
|
+.sdk-system .list .con img{margin: 0 auto 20px;}
|
|
|
+.sdk-system .list .con>h3{text-align: center; color: #333; margin-bottom: 15px; font-weight: normal;}
|
|
|
+.sdk-system .list .con .s-btn{width: 165px; padding: 0; height: 46px; line-height: 46px; border-radius: 30px; display: block; margin: 0 auto; font-size: 18px; margin-bottom: 15px;}
|
|
|
+.sdk-system .list .con .s-btn2{background-color: #13c960; color: #fff;}
|
|
|
+.sdk-system .list .con .s-btn2:hover{background-color: #72dd9f;}
|
|
|
+.sdk-system .list .con .instructions{color: #666; font-size: 18px;}
|
|
|
+.sdk-system .list .con .instructions1:hover{color: #157df1; text-decoration: underline;}
|
|
|
+.sdk-system .list .con .instructions2:hover{color: #13c960; text-decoration: underline;}
|
|
|
+
|
|
|
+.sdk-solve .ms-thumbnail .img-wrap{height: 190px; margin-bottom: 20px;}
|
|
|
+
|
|
|
+.sdk-statistical{padding: 70px 0;}
|
|
|
+.sdk-statistical .ms-thumbnail .img-wrap{height: 155px; display: flex; align-items: flex-end;}
|
|
|
+
|
|
|
+.sdk-statistical .ms-thumbnail .tit{margin-bottom: 0;}
|
|
|
+
|
|
|
+.sdk-help>h1{text-align: center; color: #157df1; margin-bottom: 50px; font-weight: normal;}
|
|
|
+/*----------/SDK----------*/
|
|
|
+
|
|
|
+/*----------免责声明----------*/
|
|
|
+.disclaimer{padding: 75px 60px; min-height: 580px;}
|
|
|
+.disclaimer h1{text-align: center; color: #333; margin-bottom: 50px;}
|
|
|
+.disclaimer p{line-height: 1.8; color: #333; font-size: 16px; margin-bottom: 35px;}
|
|
|
+/*----------/免责声明----------*/
|
|
|
+
|
|
|
+/*----------推广大使----------*/
|
|
|
+/*2019/4/1日改版*/
|
|
|
+.ambassador-common{padding: 70px 0;}
|
|
|
+.ambassador-common .h1{color: #333; text-align: center; margin-bottom: 20px;}
|
|
|
+.ambassador-common .h5{font-size: 16px; text-align: center; margin-bottom: 45px; line-height: 24px;}
|
|
|
+
|
|
|
+.ambassador-banner-wrap{background: url("../img/tt-0.jpg?20190401") no-repeat center; height: 430px; display: block; padding-top: 110px;}
|
|
|
+.ambassador-banner{color: #fff; padding-left: 40px;}
|
|
|
+.ambassador-banner .h1{font-weight: 600; margin-bottom: 15px; text-shadow: 2px 2px 0 #0b58b6;}
|
|
|
+.ambassador-banner .h1 span{color: #ffe401; font-size: 44px;}
|
|
|
+.ambassador-banner p{font-size: 18px; margin-bottom: 25px;}
|
|
|
+.ambassador-banner .b-btn{color: #157df1; width: 100px; padding: 9px; background-color: #fff; font-size: 16px;}
|
|
|
+
|
|
|
+.ambassador-join .ms-thumbnail .ms-caption p{height: 60px;}
|
|
|
+
|
|
|
+.ambassador-service-wrap{background: url("../img/ttt-banner.jpg?2019") no-repeat center;}
|
|
|
+.ambassador-service .h1{color: #fff;}
|
|
|
+.ambassador-service .h5{color: #fff;}
|
|
|
+
|
|
|
+.ambassador-service .ms-thumbnail{background-color: #fff; padding: 40px 0;}
|
|
|
+.ambassador-service .ms-thumbnail .ms-caption p{height: 40px;}
|
|
|
+
|
|
|
+
|
|
|
+/*.promote-process-wrap{background-color: #ecf4fd;}*/
|
|
|
+
|
|
|
+.promote-process .h1{margin-bottom: 60px;}
|
|
|
+.promote-process ul li{float: left; height: 220px; padding-top: 30px;}
|
|
|
+.promote-process ul li:nth-child(even){width: 60px; background: url("../img/tt-8.png") no-repeat center;}
|
|
|
+.promote-process ul li:nth-child(odd){width: calc((100% - 180px) / 4); background-color: #fff; box-shadow: 0 0 10px rgba(18,112,246,.2);}
|
|
|
+
|
|
|
+.promote-process .ms-thumbnail .ms-caption{padding: 0 20px;}
|
|
|
+.promote-process .ms-thumbnail .ms-caption .tit{font-size: 16px; margin-bottom: 10px;}
|
|
|
+.promote-process .ms-thumbnail .ms-caption .tit img{margin-bottom: 0; vertical-align: text-bottom; display: inline-block;}
|
|
|
+/*.promote-process .ms-thumbnail .ms-caption .tit img{float: left;}*/
|
|
|
+
|
|
|
+.ambassador-help .tit{color: #333;}
|
|
|
+
|
|
|
+.join-ambassador{background: url("../img/tt-9.jpg") no-repeat center; height: 200px; display: block; text-align: center; padding-top: 55px;}
|
|
|
+.join-ambassador .h1{font-weight: 600; margin-bottom: 25px; color: #fff; letter-spacing: 10px;}
|
|
|
+.join-ambassador .h1 span{margin: 0 20px;}
|
|
|
+.join-ambassador .ms-btn{width: 110px; font-size: 16px; border: 1px solid #fff; color: #fff;}
|
|
|
+/*----------/推广大使----------*/
|
|
|
+
|
|
|
+
|
|
|
+/*右侧悬停*/
|
|
|
+.fixed-right{position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 999;/* display: none;*/}
|
|
|
+.fixed-right li{width: 50px; color: #304DD9; padding: 16px; border: 1px solid #e5e5e5; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff; cursor: pointer; position: relative;}
|
|
|
+.fixed-right li+li{border-top: transparent;}
|
|
|
+.fixed-right li .iconfont{color: #999;}
|
|
|
+.fixed-right li .icon-qq{font-size: 30px;}
|
|
|
+.fixed-right li .icon-weixin1{font-size: 25px;}
|
|
|
+.fixed-right li .icon-go-top{font-size: 36px;}
|
|
|
+.fixed-right li .wechat{background: url("../img/img-15.png") no-repeat; width: 146px; height: 135px; position: absolute; top: -18px; right: calc(100% + 10px); padding: 10px 0 0 10px; z-index: 1000; display: none; transition: all 600ms;}
|
|
|
+.fixed-right li:hover .wechat{display: block;}
|
|
|
+.fixed-right li:hover .iconfont{color: #303659;}
|
|
|
+.fixed-right li.qiye .hover-hidden{display: block;}
|
|
|
+.fixed-right li.qiye .hover-show{display: none;}
|
|
|
+.fixed-right li.qiye:hover .hover-hidden{display: none;}
|
|
|
+.fixed-right li.qiye:hover .hover-show{display: block;}
|
|
|
+
|
|
|
+.fixed-right-guest-wrap{ display: none; position: absolute; left: -220px; top: -70%; width: 220px;}
|
|
|
+.fixed-right-guest{ width: 200px; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,.1);}
|
|
|
+.fixed-right-guest:after{
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ right: 8px;
|
|
|
+ top: 42%;
|
|
|
+ border-left: 12px solid #FFF;
|
|
|
+ border-bottom: 12px solid transparent;
|
|
|
+ border-top: 12px solid transparent;
|
|
|
+}
|
|
|
+.fixed-right li.guest:hover .fixed-right-guest-wrap{ display: block;}
|
|
|
+
|
|
|
+.fixed-right li .wechat img{width: 115px; height: 115px;}
|
|
|
+.fixed-right-guest .wx_qrcode{width: 100px; height: 100px; margin-top: 10px; }
|
|
|
+.fixed-right-guest .item{ padding: 15px 20px;}
|
|
|
+.fixed-right-guest .item:hover{background-color: #e6edf8;}
|
|
|
+.fixed-right-guest .text {margin-left: 10px;}
|
|
|
+.fixed-right-guest .text .title{font-size: 16px; color: #303659; line-height: 1; margin-bottom: 3px; }
|
|
|
+.fixed-right-guest .text .s-title{font-size: 12px; color:#999;}
|
|
|
+.fixed-right .go-top{display: none;}
|
|
|
+/*/右侧悬停*/
|
|
|
+
|
|
|
+/*弹窗*/
|
|
|
+/*
|
|
|
+.ms-modal .modal-body{padding: 30px;}
|
|
|
+.ms-modal .modal-title{color: #333; text-align: center; font-weight: 600; font-size: 16px;}
|
|
|
+.ms-modal .modal-header{border-bottom: none; padding: 25px 15px 0;}
|
|
|
+*/
|
|
|
+
|
|
|
+/*模板页弹窗提示*/
|
|
|
+#templateModal .modal-content{background-color: #fffeff;}
|
|
|
+#templateModal .modal-body{padding: 0;}
|
|
|
+#templateModal .template-modal{padding-bottom: 30px;}
|
|
|
+#templateModal .m-top{background: no-repeat center; height: 130px; background-size: cover; padding-top: 25px; border-radius: 6px 6px 0 0;}
|
|
|
+#templateModal .m-top .title1{color: #fff; font-size: 40px; text-align: center; font-weight: 600;}
|
|
|
+#templateModal .m-top .title2{color: #fff; font-size: 16px; font-weight: 600; text-align: center; padding: 0 15px;}
|
|
|
+#templateModal .m-top .title2 span{font-size: 20px;}
|
|
|
+
|
|
|
+#templateModal .modal-p{color: #333; padding: 20px 30px;}
|
|
|
+#templateModal .modal-btn{display: block; width: calc(100% - 60px); margin: 0 30px; border-radius: 20px; box-shadow: 0 5px 10px rgba(21,125,241,.4); cursor: pointer;}
|
|
|
+#templateModal .modal-btn1{background-color: #fd6835; border-color: #fd6835; box-shadow: 0 5px 10px rgba(253,104,53,.4);}
|
|
|
+#templateModal .modal-btn2{background-color: #5342ff; border-color: #5342ff; box-shadow: 0 5px 10px rgba(83,66,255,.3);}
|
|
|
+/*/模板页弹窗提示*/
|
|
|
+
|
|
|
+/*通用弹窗*/
|
|
|
+/*#generalModal{padding-right: 0 !important;}*/
|
|
|
+#generalModal .title{margin-bottom: 5px;}
|
|
|
+#generalModal .modal-p{margin-bottom: 15px;}
|
|
|
+#generalModal .cancel-btn{margin-right: 10px;}
|
|
|
+#generalModal .cancel-btn:empty{display: none;}
|
|
|
+#generalModal .success-btn:empty{display: none;}
|
|
|
+#generalModal .title:empty{display: none;}
|
|
|
+#generalModal .modal-p:empty{display: none;}
|
|
|
+/*/通用弹窗*/
|
|
|
+
|
|
|
+#myModalPay .modal-header{border-bottom: 1px solid #e5e5e5; padding: 15px;}
|
|
|
+
|
|
|
+/*超出文件大小300m*/
|
|
|
+.beyond-file p{line-height: 24px; margin-top: 15px;}
|
|
|
+.beyond-file p a{color: #157df1;}
|
|
|
+.beyond-file .ms-btn-primary{width: 90px; margin-top: 15px;}
|
|
|
+
|
|
|
+/*我的应用 合并应用*/
|
|
|
+.ms-modal .app-list{height: 380px; overflow-y: auto;}
|
|
|
+.ms-modal .app-list li{float: left; width: 25%; padding: 0 10px 30px; text-align: center; cursor: pointer;}
|
|
|
+.ms-modal .app-list li .img-wrap{position: relative; width: 51px; height: 51px; margin: 0 auto; overflow: hidden;}
|
|
|
+.ms-modal .app-list li img{width: 51px; border-radius: 15px; border: 1px solid #e5e5e5;}
|
|
|
+.ms-modal .app-list li .tit{color: #333; margin-top: 5px;}
|
|
|
+.ms-modal .app-list li p{color: #666;}
|
|
|
+.ms-modal .app-list li .img-wrap .shadow{position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.6); width: 100%; height: 100%; display: none;}
|
|
|
+.ms-modal .app-list li.active .img-wrap .shadow{display: block;}
|
|
|
+.ms-modal .app-list li .img-wrap .shadow .icon-gou{color: #fff; font-size: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
|
|
|
+
|
|
|
+/*我的应用 确定合并应用*/
|
|
|
+.marge-common .merge-app{padding: 0 70px;}
|
|
|
+.marge-common .merge-app li{float: left; width: 33.33333%; text-align: center;}
|
|
|
+.marge-common .merge-app li.center{background: url("../img/icon-20.png") no-repeat center; height: 110px;}
|
|
|
+.marge-common .merge-app li img{width: 100px; height: 100px; border-radius: 12px}
|
|
|
+.marge-common .merge-app li .icon{position: relative; top: 2px;}
|
|
|
+
|
|
|
+.marge-common dl.bottom{font-size: 12px; color: #333; border-top: 1px solid #e5e5e5; padding-top: 20px; margin-top: 25px;}
|
|
|
+.marge-common dl.bottom dt{color: #333; font-weight: 600; margin-bottom: 5px;}
|
|
|
+
|
|
|
+/*下载更多尺寸*/
|
|
|
+#myModal3 .modal-dialog{width: 400px;}
|
|
|
+#myModal3 .modal-content .size-list{padding-left: 50px; padding-right: 50px;}
|
|
|
+#myModal3 .modal-title{text-align: left;}
|
|
|
+#myModal3 .size-list dl{margin-bottom: 15px;}
|
|
|
+#myModal3 .size-list dt{color: #333; margin-top: 6px;}
|
|
|
+#myModal3 .size-list .iconfont{color: #157df1; font-size: 20px;}
|
|
|
+/*#myModal3 .size-list .iconfont:hover{color: #157df1;}*/
|
|
|
+
|
|
|
+#UDIDModal .modal-dialog{width: 400px;}
|
|
|
+#UDIDModal .modal-title{text-align: left;}
|
|
|
+#UDIDModal .UDID{color: #333; max-height: 200px; overflow-y: auto;}
|
|
|
+#UDIDModal .UDID li{line-height: 24px;}
|
|
|
+
|
|
|
+
|
|
|
+/*自动消失弹窗*/
|
|
|
+.auto-hide-modal .modal-content{background-color: transparent; box-shadow: none; border: none;}
|
|
|
+.auto-hide-modal .auto-hide{background-color: #666; padding: 20px 25px; border-radius: 5px; display: inline-block; color: #fff;}
|
|
|
+/*/自动消失弹窗*/
|
|
|
+
|
|
|
+/*修改手机号弹窗*/
|
|
|
+.change-phone-num{padding: 0 20px 20px 20px;}
|
|
|
+.change-phone-num label{color: #333; margin-bottom: 5px; font-weight: 600;}
|
|
|
+.change-phone-num .form-control{color: #333;}
|
|
|
+/*/修改手机号弹窗*/
|
|
|
+
|
|
|
+/*用户签名协议弹窗*/
|
|
|
+#myModal5 .modal-body{padding-top: 20px;}
|
|
|
+#myModal5 .con{line-height: 24px; max-height: 350px; overflow-y: auto;}
|
|
|
+/*/用户签名协议弹窗*/
|
|
|
+
|
|
|
+/*封装打包弹窗*/
|
|
|
+#myModal6 .packaging{margin-top: 70px;}
|
|
|
+#myModal6 .progress{height: 12px; border-radius: 6px; width: 94%;}
|
|
|
+#myModal6 .progress-bar{background-color: #2e90fc;}
|
|
|
+#myModal6 .progress-wrap .fr{margin-top: -4px;}
|
|
|
+#myModal6 .packaging p{margin-top: 80px; font-size: 12px;}
|
|
|
+/*/封装打包弹窗*/
|
|
|
+
|
|
|
+/*举报弹窗*/
|
|
|
+#reportModal .report .tit{font-size: 16px; color: #333; text-align: center; font-weight: 600; margin-bottom: 20px;}
|
|
|
+#reportModal .report p{color: #666; font-size: 12px; line-height: 24px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
|
|
|
+#reportModal .report label{font-weight: 600; color: #333; margin-bottom: 5px;}
|
|
|
+#reportModal .report label span{color: #ff4222; margin-left: 10px;}
|
|
|
+#reportModal .report ul{margin-top: 5px;}
|
|
|
+#reportModal .report ul li{float: left; margin-right: 35px; color: #333; cursor: pointer;}
|
|
|
+#reportModal .report ul li span{position: relative; top: 3px; margin-right: 5px;}
|
|
|
+
|
|
|
+#reportModal .report .btn-bottom{text-align: center; margin-top: 40px;}
|
|
|
+#reportModal .report .btn-bottom .ms-btn-primary{width: 120px; padding: 9px 12px;}
|
|
|
+
|
|
|
+#reportModal .report .form-error{position: relative;}
|
|
|
+#reportModal .report .error{position: absolute; top: 100%; left: 0; display: none; color: #ff4222;}
|
|
|
+#reportModal .report .form-error .error{display: block;}
|
|
|
+/*/举报弹窗*/
|
|
|
+
|
|
|
+/*发票弹窗*/
|
|
|
+#invoiceModal .user-center1 .invoice-management .make-invoice-details{border: none; height: auto; padding: 0;}
|
|
|
+#invoiceModal .user-center1 .invoice-management .make-invoice-details .color-hover{padding-left: 0;}
|
|
|
+/*/发票弹窗*/
|
|
|
+
|
|
|
+/*删除APP弹窗*/
|
|
|
+#deleteAppModal .modal-dialog{width: 470px;}
|
|
|
+#deleteAppModal .modal-body{position: relative; padding: 30px 20px;}
|
|
|
+#deleteAppModal .modal-body .delete-prompt{}
|
|
|
+#deleteAppModal .modal-body .title{margin: 0 0 5px;}
|
|
|
+#deleteAppModal .modal-body .modal-p{font-size: 12px; color: #fd641d; margin-bottom: 15px;}
|
|
|
+
|
|
|
+#deleteAppModal .modal-body .form-horizontal{margin-bottom: 15px;}
|
|
|
+
|
|
|
+#deleteAppModal .modal-body .form-group{margin: 0 -5px 5px;}
|
|
|
+#deleteAppModal .modal-body .col-sm-3, #deleteAppModal .modal-body .col-sm-8{padding: 0 5px;}
|
|
|
+#deleteAppModal .modal-body .col-sm-3{padding-top: 5px; color: #333;}
|
|
|
+#deleteAppModal .modal-body .form-group .form-control{height: 30px;}
|
|
|
+#deleteAppModal .modal-body .form-group .error{display: none;}
|
|
|
+#deleteAppModal .modal-body .cancel-btn{margin-right: 30px;}
|
|
|
+/*/删除APP弹窗*/
|
|
|
+
|
|
|
+/*/弹窗*/
|
|
|
+
|
|
|
+/*兼容平板*/
|
|
|
+@media (min-width: 768px) and (max-width: 1199px) {
|
|
|
+ .footer .left dl{margin-right: 70px;}
|
|
|
+ .publicity li{padding: 35px 20px; height: auto;}
|
|
|
+ .publicity li p{height: 72px;}
|
|
|
+}
|
|
|
+
|
|
|
+@media (width: 768px) {
|
|
|
+ .footer>.clearfix>a{display: none;}
|
|
|
+ .publicity li p{height: 96px;}
|
|
|
+ .closed-beta-distribution .con .con-c{padding-bottom: 25px;}
|
|
|
+ .closed-beta-distribution .con .con-c h4{font-size: 16px;}
|
|
|
+ .closed-beta-distribution .con .con-c p{margin-top: 15px; height: 72px; padding: 0 10px;}
|
|
|
+}
|
|
|
+
|
|
|
+.ms-badge {
|
|
|
+ background-color: #fd0000;
|
|
|
+ width: 30px;
|
|
|
+ height: 18px;
|
|
|
+ line-height: 16px;
|
|
|
+ display: inline-block;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 80%;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+ top: -15px;
|
|
|
+ left: 0;
|
|
|
+}
|
