/*声明 WebFont*/ @font-face { font-family: 'SourceHanSansSC-Regular, bestFont regular'; src: url('/WebDir/huishenghuiying/font/SourceHanSansSC-Regular.eot'); src: url('/WebDir/huishenghuiying/font/SourceHanSansSC-Regular.eot?#font-spider') format('embedded-opentype'), url('/WebDir/huishenghuiying/font/SourceHanSansSC-Regular.woff') format('woff'), url('/WebDir/huishenghuiying/font/SourceHanSansSC-Regular.ttf') format('truetype'), url('/WebDir/huishenghuiying/font/SourceHanSansSC-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceHanSansSC-Bold, bestFont bold'; src: url('/WebDir/huishenghuiying/font/SourceHanSansSC-Bold.eot'); src: url('/WebDir/huishenghuiying/font/SourceHanSansSC-Bold.eot?#font-spider') format('embedded-opentype'), url('/WebDir/huishenghuiying/font/SourceHanSansSC-Bold.woff') format('woff'), url('/WebDir/huishenghuiying/font/SourceHanSansSC-Bold.ttf') format('truetype'), url('/WebDir/huishenghuiying/font/SourceHanSansSC-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceHanSansSC-Medium, bestFont medium'; src: url('/WebDir/huishenghuiying/font/SourceHanSansSC-Medium.eot'); src: url('/WebDir/huishenghuiying/font/SourceHanSansSC-Medium.eot?#font-spider') format('embedded-opentype'), url('/WebDir/huishenghuiying/font/SourceHanSansSC-Medium.woff') format('woff'), url('/WebDir/huishenghuiying/font/SourceHanSansSC-Medium.ttf') format('truetype'), url('/WebDir/huishenghuiying/font/SourceHanSansSC-Medium.svg') format('svg'); font-weight: normal; font-style: normal; } /* 全局设定 */ html{font-size: 10vw;} body{font-size:14px; color:#444; font-family: sans-serif, Arial;} /*超链全局接样式*/ a{color:#2575e8; text-decoration:none; hide-focus:expression( this.hideFocus=true ); outline:none; cursor: pointer;} a:hover {color:#2575e8; text-decoration: underline;} /*页面宽度 - 根据设计页面宽度修改*/ .all{width: 1200px;} /* 可结合“m[0a~100a]”使窗口居中:
; */ .full{width:100%; max-width: 1920px; min-width: 1200px;} /*用于铺满屏幕宽度 【铺满容器宽度用w100p】*/ /*头部*/ .logo{position: absolute; left: 0; top: 26px;} .topMenuNaviList {text-align: right; padding-right: 46px;} .topMenuNaviList li{display: inline-block;} .topMenuNaviList li a {display: inline-block; font-size:16px; color:#02101a; height:70px; line-height:70px; text-align:center; padding:0 18px; box-sizing: border-box;} .topMenuNaviList li a:hover {text-decoration:none; } .topMenuNaviList li .indexCurrent, .topMenuNaviList li a:hover {color:#0054ff; font-weight: bold;} .subNav:before{content: ''; display: block; position: absolute; left: 34px; top: -7px; width: 20px; height: 7px; background: url(//pic.mairuan.com/WebSource/common/web/images/subNavTop.png) no-repeat bottom;} .subNav{position: absolute; width: 210px; border:1px solid #e5e5e5; border-radius: 10px; left: 2px; top: 70px; background: #fff; padding: 10px 0;} .topMenuNaviList .subNav li{width: 100%;} .topMenuNaviList li .subNav a{display: block; height: 45px; line-height: 45px; padding:0 15px; text-align: left;} .topSearchImg{position: absolute; right:0px; top:25px; z-index:2;} .topSearch {position: absolute; right:0px; top:0px; width:560px; height: 70px; overflow:hidden; color: #bbb; z-index: 3;} #searchValueId {border:none; border-bottom:1px solid #bbb; background: none; display: block; height:50px; line-height:50px; padding:10px 100px 0 50px; width:410px;} .searchButtom {position:absolute;top:25px; right:0px;} .singledn{ display: block!important; } /* header start */ .header {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;height: 70px;position: relative;z-index: 999;} .header .content {width: 1200px;margin: 0px auto;height: 100%;position: relative;} .header .content a.openKefu {color: #444;cursor: pointer;} .header .content .logo {display: inline-block;width: 280px;font-size: 28px;padding-left: 135px;/*background: linear-gradient(to bottom, #77bcff, #2a5ce8);-webkit-background-clip: text;color: transparent;*/color: #376cec;position: relative;top: auto;} .header .content .logo sup {font-size: 13px;font-weight: bolder;vertical-align: top;} .header .content .logo:before {content: '';width: 129px;height: 29px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/vsp_logo.png) no-repeat center center;position: absolute;top: 3px;left: 0;} .header .content .logo:after {content: '';width: auto;color: #333;font-size: 15px;position: absolute;top: 10px;right: 0;} .header .content .menuSarch .searchButtom {cursor: pointer;position: absolute;top: 25px;right: 0px;} .header .content .menuSarch #searchValueMenu {color: #999;} .header .content .header-naviList {display: inline-block;/*width: calc(100% - 290px);*/width: auto;text-align: right;padding-right: 26px;} .header .content .header-naviList li {display: inline-block;position: relative;} .header .content .header-naviList li[hoverShow='true'] {position: relative;} .header .content .header-naviList li[hoverShow='true'] i {font-size: 14px;margin-right: 5px;} .header .content .header-naviList li a {display: inline-block;font-size: 16px;color: #02101a;height: 70px;line-height: 70px;text-align: center;padding: 0 18px;box-sizing: border-box;} .header .content .header-naviList li a i {font-size: 14px;margin-left: 5px;} .header .content .header-naviList li .indexCurrent, .header .content .header-naviList li a:hover {color: #0054ff;font-weight: bold;} .header .content .header-naviList li .subNav {position: absolute;width: 210px;border: 1px solid #e5e5e5;border-radius: 10px;left: 2px;top: 70px;background: #fff;padding: 10px 0;} .header .content .header-naviList li .subNav a {display: block;height: 45px;line-height: 45px;padding: 0 15px;text-align: left;border-bottom: 1px solid #eee;} .header .content .topSearch {position: absolute;right: 0px;top: 0px;width: 560px;height: 70px;overflow: hidden;color: #bbb;z-index: 3;} .header .content .topSearch i {position: absolute;left: 6px;top: 25px;font-size: 20px;cursor: pointer;} .header .content .topSearch #searchValueId {border: none;border-bottom: 1px solid #bbb;background: none;display: block;height: 50px;line-height: 50px;font-size: 16px;color: #999;padding: 10px 100px 0 50px;width: 410px;} .header .content .topSearch .searchButtom {cursor: pointer;position: absolute;top: 25px;right: 0px;} .header .content .topSearchImg {position: absolute;right: 0px;top: 25px;z-index: 2;} .header .content .topSearchImg img {cursor: pointer;} /* header end */ /* .header {width: 100%;max-width: 1920px;min-width: 1200px;height: 70px;margin: 0px auto;position: relative;z-index: 999;} .header .header-content {width: 1200px;height: 100%;margin: 0 auto;position: relative;} .header .header-content a.openKefu {color: #444;cursor: pointer;} .header-content_logo {display: inline-block;width: 360px;font-size: 28px;padding-left: 135px;background: linear-gradient(to bottom, #77bcff, #2a5ce8);-webkit-background-clip: text;color: transparent;position: relative;} .header-content_logo sup {font-size: 13px;font-weight: bolder;vertical-align: top;} .header-content_logo a{color: transparent;} .header-content_logo:before {content: '';width: 129px;height: 29px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/vsp_logo.png) no-repeat center center;position: absolute;top: 3px;left: 0;} .header-content_menuSarch .searchButtom {cursor: pointer;position: absolute;top: 25px;right: 0px;} .header-content_menuSarch #searchValueMenu {color: #999;} .header-content_naviList {display: inline-block;width: calc(100% - 400px);text-align: right;padding-right: 46px;} .header-content_naviList li {display: inline-block;position: relative;} .header-content_naviList li a {display: inline-block;font-size: 16px;color: #02101a;height: 70px;line-height: 70px;text-align: center;padding: 0 18px;box-sizing: border-box;} .header-content_naviList li a i {font-size: 14px;margin-left: 5px;} .header-content_naviList li .indexCurrent, .header-content_naviList li a:hover {color: #0054ff;font-weight: bold;} .header-content_naviList li .subNav {position: absolute;width: 210px;border: 1px solid #e5e5e5;border-radius: 10px;left: 2px;top: 70px;background: #fff;padding: 10px 0;} .header-content_naviList li .subNav a {display: block;height: 45px;line-height: 45px;padding: 0 15px;text-align: left;border-bottom: 1px solid #eee;} .header-content_topSearch {position: absolute;right: 0px;top: 0px;width: 560px;height: 70px;overflow: hidden;color: #bbb;z-index: 3;} .header-content_topSearch i {position: absolute;left: 6px;top: 25px;font-size: 20px;cursor: pointer;} .header-content_topSearch #searchValueId {border: none;border-bottom: 1px solid #bbb;background: none;display: block;height: 50px;line-height: 50px;font-size: 16px;color: #999;padding: 10px 100px 0 50px;width: 410px;} .header-content_topSearch .searchButtom {cursor: pointer;position: absolute;top: 25px;right: 0px;} .header-content_topSearchImg {position: absolute;right: 0px;top: 25px;z-index: 2;} .header-content_topSearchImg img {cursor: pointer;} */ /* footer start */ .footer {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;background: #f6f7f8;} .footer a {color: #666;display: inline-block;} .footer .footer-content {width: 1200px;margin: 0 auto;} .footer .footer-content .friendLinks {line-height: 26px;border-bottom: 1px solid #eee;padding: 20px 0 20px 0;} .footer .footer-content .friendLinks a {margin: 0 12px 0 0;} .footer-content_fmenu {padding: 50px 0;} .footer-content_fmenu > div {position: relative;} .footer-content_fmenu > div:last-child > img {width: 100%;} .footer-content_fmenu > div:last-child > div {text-align: center;overflow: hidden;} .footer-content_fmenu > div:last-child > div p {float: left;font-size: 16px;color: #666;padding-top: 20px;} .footer-content_fmenu > div:last-child > div img {float: left;} .footer-content_fmenu .footerTitle p {font-size: 20px;padding-bottom: 20px;} .footer-content_fmenu ul {line-height: 32px;} .footer-content_fmenu ul li img {margin-right: 15px;} .footerBottom {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;background: #f5f5f5;padding-top: 18px;} .footerBottom .footerBottom-content {width: 1200px;margin: 0px auto;} .footerBottom .footerBottom-content .footerBottom-content_top {font-size: 18px;font-weight: bold;color: #333;padding-bottom: 18px;border-bottom: 1px solid #e0e0e0;text-align: center;} .footerBottom .footerBottom-content .footerBottom-content_top span {padding-left: 8px;} .footerBottom-content_bottom {background: #f5f5f5;padding: 20px 0;} .footerBottom-content_bottom > div {text-align: center;} .footerBottom-content_bottom > div p:first-child {color: #999;padding: 10px 0 10px 0;} .footerBottom-content_bottom > div p:first-child a {color: #999;} .footerBottom-content_bottom > div p:first-child a:hover {color: #e83a17;} .footerBottom-content_bottom > div p:last-child img {width: 26px;} .footerBottom-content_bottom > div p:last-child a {color: #999;} /* footer end */ /*其它通用样式*/ .c-1{color: #2575e8;} .c-2{color: #E94518;} .c-3, .ch-3:hover{color: yellow;} .c-4{color: #1F7DD9;} .c-5{color: #5d4a1d;} .c-6{color: #f5d77d;} .c-7{color: #b77138;} .c-8, .ch-8:hover{color: #fff4d0;} .c-9{color: #ef4a3d;} .c-10{color: #e1a649;} .c-11{color: #aa6f12;} .c-12{color: #d89329;} .c_0c7{color: #0c78e7;} .c_cba , .c_cba:hover{color: #cba565;} .c_eb5 , .c_eb5:hover{color: #eb5440;} .c_714 , .c_714:hover{color: #714419;} .bd-1{border:1px solid #999;} .bd-t-1{border-top: 1px solid #eee;} .bd-b-1{border-bottom: 1px solid #eee;} .bd-b-2{border-bottom:1px solid #e8eaed;} .bd-r-1{border-right: 1px solid rgba(255,255,255,0.2);} .bg-1{background: #ff2626;} .bg-2{background: #fec131;} .bg-3{background: #f4f4f4;} .bg-4{background: #207dda;} .bg-5{background: #fff;} .bg-7{background: #fafafa;} .bg-8{background: #959393;} .bg-9{background: #e83a17;} .bg-10{background-color: #ef4a3d;} .bg-11{background-color: #fff4dc;} .bg-12{background-color: #ebbc72;} .bg_f8d{background-color: #f8d076;} .bg_eb5{background-color: #eb5440;} .bg_b21{background-color: #b21f27;} .bg_ccc{background-color: #ccc;} .bg_06{background-color: rgba(0, 0, 0, 0.6);} .bg_0c7{background-color: #0c78e7;} .bg_212{background-color: #212327;} .bg_1a2{background-color: #1a2131;} .b-55{bottom: -55px;} .mr-30{margin-right: -30px !important;} .w115p{width: 115%;} .opBG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/opBG.png);} .a-1{background: #d90000; border:1px solid #d90000; color: #fff; display: inline-block; text-align: center; box-sizing: border-box;} .a-1:hover{background: #d90000; border:1px solid #d90000; color: #fff; text-decoration: none;} .a-2{background: #3c81fb; border:1px solid #3c81fb; color: #fff; display: inline-block; text-align: center; box-sizing: border-box;} .a-2:hover{background: #3c81fb; border:1px solid #3c81fb; color: #fff; text-decoration: none;} .a-3{background:none; border: 1px solid #fff; color: #fff; display: inline-block; text-align: center; box-sizing: border-box;} .a-3:hover{background:none; border: 1px solid #fff; color: #fff; text-decoration: none;} .a-4{background:none; border: 1px solid #ff2626; color: #ff2626; display: inline-block; text-align: center; box-sizing: border-box;} .a-4:hover{background: #ff2626; border: 1px solid #ff2626; color: #fff; text-decoration: none;} .a-5{background:none; border: 1px solid #3c81fb; color: #3c81fb; display: inline-block; text-align: center; box-sizing: border-box;} .a-5:hover{background:none; border: 1px solid #3c81fb; color: #3c81fb; text-decoration: none;} .a-6{background:none; border: 1px solid #E94518; color: #E94518; display: inline-block; text-align: center; box-sizing: border-box;} .a-6:hover{background:none; border: 1px solid #E94518; color: #E94518; text-decoration: none;} .a-7{background: #E94518; border:1px solid #E94518; color: #fff; display: inline-block; text-align: center; box-sizing: border-box;} .a-7:hover{background: #E94518; border:1px solid #E94518; color: #fff; text-decoration: none;} .hborder:after{content: ''; border-bottom: 4px solid #2575e8; position: absolute; width:100px; left:50%; margin-left: -50px; bottom:0px;} .hborder-1:before{content: ''; background: #2575e8; position: absolute; width:3px; height: 100%; left:0; top:0px;} .chanpinMenufixed{position: fixed; top: 30px; z-index: 111} /* .chanpinMenuFixContent li{width: 20% !important;} */ .span_w175 .layui-form-checkbox span{ width: 175px; } .minh600{min-height: 600px;} .l33p{left: 33%;} /* 首页 start */ /* banner start */ /* 活动 */ /* .indexBanner{height: 680px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/indexBanner.jpg) no-repeat top;} */ .idx-banner {width: 100%;max-width: 1920px;min-width: 1200px;height: 640px;margin: 0px auto;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/vsp2020_pc2.jpg) no-repeat top center;} .idx-banner .idx-banner-content {width: 1200px;height: 100%;margin: 0px auto;padding-top: 70px;position: relative;cursor: pointer;} .idx-banner .idx-banner-content h2 {font-size: 36px;color: #151f3c;} .idx-banner .idx-banner-content h2 span {color: #d94017;font-weight: bold;} .idx-banner .idx-banner-content .idx-banner-content_location {display: block;width: 100%;height: 90%;} .idx-banner .idx-banner-content .idx-banner-content_countTime {position: absolute;bottom: 120px;left: -30px;font-size: 20px;display: block;width: 100%;color: red;text-align: center;top: 520px;} .idx-banner .idx-banner-content .idx-banner-content_saleNumber {width: 100%;color: red;bottom: 100px;left: -500px;font-size: 20px;text-align: center;padding-left: 0px;} /* 营销 */ .idx-banner_yx {width: 100%;max-width: 1920px;min-width: 1200px;height: 640px;margin: 0px auto;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/banner_20200327.png') no-repeat center center;background-size: cover;} .idx-banner_yx .content {width: 1200px;height: 100%;margin: 0px auto;color: white;text-align: center;padding-top: 120px;position: relative;} .idx-banner_yx .content .desc {font-size: 26px;font-weight: 200;} .idx-banner_yx .content .slogan {font-size: 82px;font-weight: bold;padding-top: 45px;} .idx-banner_yx .content .slogan div {display: inline-block;line-height: 35px;font-size: 42px;text-align: left;margin-left: 5px;} .idx-banner_yx .content .slogan div del {display: block;font-size: 26px;font-weight: 200;} .idx-banner_yx .content a.detail {display: inline-block;color: white;font-size: 20px;margin-top: 15px;text-decoration: none;padding-left: 10px;} .idx-banner_yx .content a.detail::after {content: '›';padding-left: 8px;transition: padding 0.5s;} .idx-banner_yx .content a.detail:hover::after {padding-left: 18px;} .idx-banner_yx .content a.buy {display: block;width: 200px;height: 50px;line-height: 50px;margin: 0 auto;color: white;background-color: #ea4a25;font-size: 20px;border-radius: 4px;margin-top: 70px;} .idx-banner_yx .content .count {text-align: center;font-size: 20px;padding-top: 15px;color: #333;} .idx-banner_yx .content .count span {letter-spacing: 2px;} .idx-banner_yx .content .tag {width: 70px;height: 85px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/tag_v2.png') no-repeat center center;background-size: cover;position: absolute;top: 0;right: 35px;} /* banner end */ .idx-step {width: 100%;max-width: 1920px;min-width: 1200px;margin: 250px auto 0;} .idx-step .idx-step-content {width: 1200px;margin: 0px auto;} .idx-step .idx-step-content h2 {font-size: 36px;text-align: center;font-weight: bold;} .idx-step .idx-step-content div.desc {padding-top: 12px;font-size: 18px;text-align: center;} .idx-step-content_stepContent {margin-top: 45px;padding-bottom: 140px;} .idx-step-content_stepContent .step {display: inline-block;width: 350px;height: 220px;border-radius: 4px;vertical-align: middle;position: relative;} .idx-step-content_stepContent .step:nth-of-type(1) {background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/step_1.png) no-repeat center center;} .idx-step-content_stepContent .step:nth-of-type(2) {background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/step_2.png) no-repeat center center;} .idx-step-content_stepContent .step:nth-of-type(3) {background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/step_3.png) no-repeat center center;} .idx-step-content_stepContent .step:hover .hover {background-color: rgba(37, 117, 232, 0.6);} .idx-step-content_stepContent .step .txt {font-size: 24px;font-weight: bold;padding-top: 70px;text-align: center;color: #fff;position: absolute;left: 50%;margin: 0 0 0 -48px;z-index: 2;} .idx-step-content_stepContent .step .txt div {margin-bottom: 12px;} .idx-step-content_stepContent .step .txt img {cursor: pointer;} .idx-step-content_stepContent .step .hover {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 4px;transition: all 0.3s;} .idx-step-content_stepContent .stepNext {display: inline-block;width: 43px;height: 29px;margin-left: 8px;margin-right: 12px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/step_next.png) no-repeat center center;z-index: 1;} .idx-video {width: 100%;max-width: 1920px;min-width: 1200px;height: 700px;margin: 0px auto;position: relative;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/preview_bg.png) no-repeat center center;} .idx-video .idx-video-content {width: 1200px;margin: 0px auto;} .idx-video .idx-video-content h2 {font-size: 36px;color: #fff;text-align: center;font-weight: bold;padding-top: 75px;} .idx-video .idx-video-content div.desc {font-size: 18px;text-align: center;color: #fff;padding-top: 12px;} .idx-video .idx-video-content #idx_video {width: 1200px;height: 560px;position: absolute;left: 50%;bottom: -65px;margin: 0 0 0 -600px;box-shadow: 0px 27px 50px -20px #d5dce6;} .idx-video .idx-video-content .player {display: inline-block;width: 88px;height: 88px;text-align: center;padding-left: 6px;background-color: #2575e8;border-radius: 50%;margin: 0 0 0 -44px;position: absolute;left: 50%;top: calc(50% + 65px + 60px);z-index: 1;cursor: pointer;} .idx-video .idx-video-content .player:hover {background-color: #2168cc;} .idx-video .idx-video-content .player i {display: inline-block;margin-top: 23px;border-style: solid;border-width: 20px 0 20px 24px;border-color: transparent transparent transparent #fff;} .idx-video .idx-video-content .pause {display: inline-block;width: 88px;height: 88px;text-align: center;padding-left: 6px;background-color: #2575e8;border-radius: 50%;margin: 0 0 0 -44px;position: absolute;left: 50%;top: calc(50% + 65px + 60px);border: 2px solid #2575e8;padding-left: 0;transition: opacity 0.4s;} .idx-video .idx-video-content .pause:hover {opacity: 1;} .idx-video .idx-video-content .pause i {width: 10px;height: 42px;border-style: double;border-width: 0px 0px 0px 24px;border-color: #2168cc;} .idx-video .idx-video-content .shiyong {text-align: center;position: absolute;left: 50%;bottom: -165px;margin: 0 0 0 -90px;} .idx-video .idx-video-content .shiyong a {display: inline-block;color: #fff;background-color: #2575e8;text-align: center;border-radius: 4px;} .idx-video .idx-video-content .shiyong a:hover {color: #fff;} .idx-video .idx-video-content .shiyong .download {width: 180px;height: 50px;line-height: 50px;font-size: 18px;} .idx-scene {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;} .idx-scene h2 {font-size: 36px;text-align: center;font-weight: bold;line-height: 28px;} .idx-scene .more {text-align: center;padding-top: 30px;} .idx-scene .more a {display: inline-block;font-size: 18px;font-weight: bold;} .idx-scene .scene {width: 100% !important;height: 660px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/scene.png) repeat-x;margin-top: 45px;animation-name: sceneMove;animation-duration: 70s;animation-iteration-count: infinite;animation-timing-function: linear;overflow: hidden;} .idx-secMenu {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;margin-top: 110px;} .idx-secMenu .idx-secMenu-content {width: 1200px;margin: 0px auto;} .idx-secMenu .idx-secMenu-content h2 {font-size: 36px;text-align: center;font-weight: bold;} .idx-secMenu .idx-secMenu-content .desc {width: 80%;margin: 0 auto;font-size: 18px;text-align: center;padding-top: 12px;} .idx-secMenu-content_wrapper {text-align: center;margin-top: 45px;padding-bottom: 85px;overflow: hidden;} .idx-secMenu-content_wrapper .resItem {padding-top: 60px;padding-bottom: 60px;position: relative;} .idx-secMenu-content_wrapper .resItem a {display: block;font-size: 24px;font-weight: bold;padding-top: 20px;color: #3871db;} .idx-secMenu-content_wrapper .resItem:hover {box-shadow: 0 0 30px rgba(217, 225, 237, 0.3);} .idx-secMenu-content_wrapper .resItem:hover .alink a {position: absolute;top: 255px;left: 42%;display: block !important;} .idx-secMenu-content_wrapper .resItem:hover .alink2 a {position: absolute;top: 280px;left: 42%;display: block !important;} .idx-comment {width: 100%;max-width: 1920px;min-width: 1200px;height: 460px;margin: 0px auto;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/comment_bg.png) no-repeat center center;} .idx-comment .idx-comment-content {width: 1200px;margin: 0px auto;padding-top: 120px;} .idx-comment .idx-comment-content h2 {text-align: center;font-size: 36px;font-weight: bold;color: #fff;} .idx-comment-content_userComment {width: 940px;margin: 65px auto 0;} .idx-comment-content_userComment .swiper-wrapper {color: #fff;} .idx-comment-content_userComment .swiper-wrapper .user {display: inline-block;width: 25%;} .idx-comment-content_userComment .swiper-wrapper .user img {border-radius: 50px;vertical-align: middle;} .idx-comment-content_userComment .swiper-wrapper .user div {display: inline-block;color: #fff;vertical-align: middle;padding-left: 10px;} .idx-comment-content_userComment .swiper-wrapper .user div div {font-size: 24px;} .idx-comment-content_userComment .swiper-wrapper .user div h3 {font-size: 16px;padding-top: 5px;} .idx-comment-content_userComment .swiper-wrapper .comment {display: inline-block;width: 75%;margin-left: -10px;vertical-align: middle;padding-left: 90px;/* 消除styley影响 start */height: auto;background: no-repeat;/* 消除styley影响 end */} .idx-comment-content_userComment .swiper-wrapper .comment .starWrapper i {display: inline-block;width: 18px;height: 16px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/icon_star.png) no-repeat center center;} .idx-comment-content_userComment .swiper-wrapper .comment .commentContent {padding-top: 10px;color: #fff;font-size: 16px;} .idx-comment-content_control {margin-top: -36px;position: relative;} .idx-comment-content_control .userCommentLeft {width: 20px;height: 36px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/swiper_arrow_left.png) no-repeat center center;} .idx-comment-content_control .userCommentRight {width: 20px;height: 36px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/swiper_arrow_right.png) no-repeat center center;} .idx-news {width: 100%;max-width: 1920px;min-width: 1200px;margin: 90px auto 0;} .idx-news .idx-news-content {width: 1200px;margin: 0px auto;} .idx-news .idx-news-content h2 {text-align: center;font-size: 36px;font-weight: bold;} .idx-news .idx-news-content div.main {margin-top: 35px;} .idx-news-content_wrapper {display: inline-block;width: 70%;height: 360px;margin-right: 30px;padding: 20px 20px 0 20px;border-radius: 4px;vertical-align: top;box-shadow: 0 0 30px rgba(217, 225, 237, 0.3);} .idx-news-content_wrapper .title li {display: inline-block;width: 100px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px;font-weight: bold;background-color: #e9f2ff;color: #2575e8;margin-right: 5px;cursor: pointer;} .idx-news-content_wrapper .title li.active {background-color: #2575e8;color: #fff;} .idx-news-content_wrapper .content {padding-top: 30px;overflow: hidden;} .idx-news-content_wrapper .content div {overflow: hidden;} .idx-news-content_wrapper .content div .newsItem {margin: 0 20px 20px 0;} .idx-news-content_wrapper .content div .newsItem img {display: inline-block;width: 70px;height: 70px;border-radius: 4px;vertical-align: middle;} .idx-news-content_wrapper .content div .newsItem div {display: inline-block;width: 78%;padding-left: 6px;vertical-align: middle;} .idx-news-content_wrapper .content div .newsItem div div:first-child {font-size: 14px;color: #999;padding-bottom: 9px;} .idx-news-content_wrapper .content div .newsItem div div.desc {font-size: 16px;padding-right: 20px;color: #2575e8;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .idx-news-content_wrapper .content div .newsItem div div.desc a {display: inline-block;color: #555;} .idx-news-content_wrapper .content div .newsItem:hover {background-color: #fbfbfb;} .idx-news-content_newsRight {display: inline-block;width: 320px;height: 360px;text-align: center;padding-top: 150px;vertical-align: top;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/news_right.png) no-repeat center center;} .idx-news-content_newsRight a {display: inline-block;width: 160px;height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: #f7401c;font-size: 20px;border-radius: 4px;margin-top: 60px;} .idx-news-content_newsRight a :hover {color: #fff;} .idx-client {width: 100%;max-width: 1920px;min-width: 1200px;margin: 100px auto 50px;} .idx-client .idx-client-content {width: 1200px;margin: 0px auto;} .idx-client .idx-client-content h2 {text-align: center;font-size: 36px;font-weight: bold;} .idx-client .idx-client-content div {margin-top: 40px;} .idx-client .idx-client-content div img {width: 100%;} .indexBannerLogo{padding-top: 170px; position: relative; left: -240px;} .hoverActive .indexopBG{display: none;} .indexMubanTitle{width: 100%; position: absolute; left: 0; top: 0; text-align: center; padding-top:31%; z-index: 2;} .indexGongxiangTab li{display: inline-block; width: 26%; height: 150px; cursor: pointer; font-size: 24px;} .indexGongxiangTab .indexGongxiangTab1{display:inline-block; width:88px; height:88px; margin-bottom: 14px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/index_zy1.png) no-repeat top; background-size:100% 100%;} .indexGongxiangTab .indexGongxiangTab1:hover, .indexGongxiangTab .active .indexGongxiangTab1{background-image: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/index_zy1_a.png);} .indexGongxiangTab .indexGongxiangTab2{display:inline-block; width:88px; height:88px; margin-bottom: 14px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/index_zy2.png) no-repeat top; background-size:100% 100%;} .indexGongxiangTab .indexGongxiangTab2:hover, .indexGongxiangTab .active .indexGongxiangTab2{background-image: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/index_zy2_a.png);} .indexGongxiangTab .indexGongxiangTab3{display:inline-block; width:88px; height:88px; margin-bottom: 14px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/index_zy3.png) no-repeat top; background-size:100% 100%;} .indexGongxiangTab .indexGongxiangTab3:hover, .indexGongxiangTab .active .indexGongxiangTab3{background-image: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/index_zy3_a.png);} .indexShipinTitleBG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/zy_bg.png); position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;} .hoverActive .indexShipinTitleBG{display: none;} .index-als-prev{position: absolute;left: 50%; margin-left: -660px; top: 6px; cursor: pointer;} .index-als-next{position: absolute;left: 50%; margin-left: 660px; top: 6px; cursor: pointer;} /* 首页 end */ /* 新 index.html */ .w1200{width: 1200px;} .w940{width: 940px;} .t50p{top: 50%} .l50p{left: 50%;} .indexBuyBtn{margin-top: 480px;background-color: #f71c31;} .indexBuyBtn:hover{background-color: #e6192e;} .step div.hover{transition: all 0.3s;} .step>div:first-child{margin: 0 0 0 -48px;z-index: 2;} .step:hover div.hover{background-color: rgba(37,117,232,0.6)} .stepNext{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/step_next.png) no-repeat center center;z-index: 1;} .preview{height: 700px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/preview_bg.png) no-repeat center center;} .preview video{bottom: -65px;margin: 0 0 0 -600px;box-shadow: 0px 27px 50px -20px #d5dce6;} .preview div.player{background-color: #2575e8;border-radius: 50%;margin: 0 0 0 -44px;top:calc(50% + 65px + 60px);} .preview div.player:hover{background-color: #2168cc;} .preview div.player>i{height: 42px;border-style: solid;border-width: 20px 0 20px 24px;border-color: transparent transparent transparent #fff;} .preview div.pause{border-radius: 50%;margin: 0 0 0 -44px;top:calc(50% + 65px + 60px);border: 2px solid #2575e8;padding-left: 0 !important;transition: opacity .4s;} .preview div.pause:hover{opacity: 1 !important;} .preview div.pause>i{width: 10px;height: 42px;border-style: double;border-width: 0px 0px 0px 24px;border-color: #2168cc;} .preview div.shiyong{bottom: -165px;margin: 0 0 0 -90px;} .scene{height: 660px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/scene.png) repeat-x;animation-name: sceneMove;animation-duration: 70s;animation-iteration-count: infinite;animation-timing-function: linear;} .resItem{position: relative;} .resItem:hover{box-shadow: 0 0 30px rgba(217, 225, 237, 0.3);} .comment{height: 460px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/comment_bg.png) no-repeat center center;} .userComment+div{margin-top: -36px;} .userCommentLeft{width: 20px;height: 36px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/swiper_arrow_left.png) no-repeat center center;} .userCommentRight{width: 20px;height: 36px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/swiper_arrow_right.png) no-repeat center center;} .star{width: 18px;height: 16px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/icon_star.png) no-repeat center center;} .news_wrapper{box-shadow: 0 0 30px rgba(217, 225, 237, 0.3);} .news_wrapper div.title li{background-color: #e9f2ff;color: #2575e8;margin-right: 5px;} .news_wrapper div.title li.active{background-color: #2575e8;color: #fff;} .news_wrapper div.content>div>div>div:hover{background-color: #fbfbfb;} .news_wrapper div.content>div>div>div:hover div.desc{color: #2575e8;} .news_wrapper div.content div.desc{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .news_right{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/news_right.png) no-repeat center center;} @keyframes sceneMove { 0%{background-position-x: 0px;} 100%{background-position-x: -5420px} } /* videostudioX2018.html start */ .x2018Banner{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner.jpg) no-repeat top;} .x2018Banner1BG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner1BG.png); height: 560px;} .x2018Banner2BG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner2BG.png); height: 60px;} .x2018BannerMenu li{float: left; flex: 1; height: 60px; line-height: 60px; text-align: center; color:#fff; cursor: pointer;} .banner2019Menu li{float: left; width: 80px;height: 60px; line-height: 60px; margin-right: 70px; text-align: center; cursor: pointer;} .x2018BannerMenu .active, .x2018BannerMenu li:hover{background: #d51403;} .banner2019Menu .active, .banner2019Menu li:hover{border-bottom: 2px solid #2575e8;font-weight: bold;} .x2018Banner3BG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner3BG.png); height: 350px;} .numBG{background: #2575e8; display: inline-block; width: 25px; height: 25px; border-radius: 50%; color: #fff; line-height: 25px; text-align: center; margin-right: 10px;} .x2018YPGJ{height: 511px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018_2_4.jpg) no-repeat top;} .duibiFidex{position: fixed; top: 60px; background: #fff; z-index: 1;} .duibiTableT .duibiFidex{top: 0px;} .duibiTable .th1{width: 604px;} .duibiTable .th2{width: 150px;} .duibiTable th, .duibiTable td{border:1px solid #DDE5E9; padding-top: 20px; padding-bottom: 20px; box-sizing: border-box;} .duibiTable th{border-top: 3px solid #3C81FB;background-color: #e9f1fd;} .duibiTitleBG{background: #5191ed;color: #fff;} .duibiTitle:before{content: '+'; width: 24px;height: 24px;line-height: 24px;border-radius: 50%;position: absolute; background-color: #3C81FB; color:#fff;left: 0; font-size: 25px;text-align: center; } .duibiTitle{cursor: pointer; position: relative;} .duibiTitle.active:before{content: '-'; background-color: #fff;color: #2575e8;} /* videostudioX2018.html end */ /* x5.html start */ .x5Animate{height: 500px;} .x5Animate-left{position: absolute; left: 0; top: 50%; margin-top: -18px; cursor: pointer;} .x5Animate-right{position: absolute; right: 0; top: 50%; margin-top: -18px; cursor: pointer;} /* x5.html end */ /* x8 start */ .x8Banner{height: 570px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x8topBG2.jpg) no-repeat top;} /* x8 end */ /* x9 start */ .x9Banner{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x9Banner.jpg) no-repeat top; height: 620px;} .x9BannerBG{height:560px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner3BG.png);} .x9Banner2BG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner2BG.png); height: 60px;} .x9BannerMenu li{float: left; width: 25%; height: 60px; line-height: 60px; text-align: center; color:#fff; cursor: pointer;} .x9BannerMenu .active , .x9BannerMenu li:hover{background: #d51403;} .x9disBanner{height:490px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x9disBanner.jpg) no-repeat bottom;} .x9Animate1-left{position: absolute; left: 0; top: 50%; margin-top: -25px; cursor: pointer;} .x9Animate1-right{position: absolute; right: 0; top: 50%; margin-top: -25px; cursor: pointer;} .x9ziyuanTab li{display: inline-block; width: 280px; margin: 0 10px; border: 1px solid #207dda; color: #207dda; height: 56px; line-height: 56px; cursor: pointer;} .x9ziyuanTab li:hover , .x9ziyuanTab .active{background: #207dda; color: white;} /* x9 end */ /* videostudioX10.html start */ .x10Banner{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x10Banner.jpg) no-repeat top;} .x10Banner1BG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner3BG.png);height: 560px;} .x10Banner2BG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner2BG.png); height: 60px;} .x10BannerMenu li{float: left; width: 25%; height: 60px; line-height: 60px; text-align: center; color:#fff; cursor: pointer;} .x10BannerMenu .active , .x10BannerMenu li:hover{background: #d51403;} .x10Banner3BG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner3BG.png); height: 340px;} .x10YPGJ{height: 511px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x10_2_4.jpg) no-repeat top;} .x10disBG{height: 650px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x10_1_2.jpg) no-repeat top;} /* videostudioX10.html end */ /* videostudio2019.html start */ .x2019Banner{background: url(//pic.mairuan.com/huishenghuiying/uploads/images/huishenghuiying/x2019Banner.jpg) no-repeat top;} .x2019Banner3BG{background: url(//pic.mairuan.com/huishenghuiying/uploads/images/huishenghuiying/x2018Banner3BG.png); height: 340px;} .titleLR{display: inline-block; position: relative;} .zengTitle{display: inline-block;border: 1px solid #2575e8;color: #2575e8;border-radius: 4px;;font-size: 12px;padding: 0 4px;margin:5px 10px 0 0;vertical-align: top;} .x2019A_image{width: 750px; height: 420px;} .x2019A_page li{border-left: 2px solid #bbb; padding-left: 30px;} .x2019A_page .active{border-left: 2px solid #2575e8;} .x2019A_page .active h3 , .x2019A_page .active p{color: #2575e8;;} .x2019A_menu li{display: inline-block; position: relative; height: 40px; line-height:40px; padding:0 2px; margin: 0 8px; cursor: pointer;} .x2019A_menu .active{color: #2575e8;} .x2019A_menu .active:after{content: ''; width: 100%; position: absolute; left: 0; bottom: 0; border-bottom: 2px solid #2575e8} .x2019Dis{height: 345px; background: url(//pic.mairuan.com/huishenghuiying/uploads/images/huishenghuiying/x2019DisBG.jpg) no-repeat top;} /* videostudio2019.html end */ /* videostudioUltimate2019.html start */ .u2019Banner{background: url(//pic.mairuan.com/WebSource/huishenghuiying/news/old/uploads/images/huishenghuiying/u2019Banner.jpg) no-repeat top;} .u2019Banner3BG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/news/old/uploads/images/huishenghuiying/x2018Banner3BG.png); height: 340px;} .u2019Dis{background: url(//pic.mairuan.com/WebSource/huishenghuiying/news/old//uploads/images/huishenghuiying/qijianDis.jpg) no-repeat top;} /* videostudioUltimate2019.html end */ /* xiazai.html start */ .xiazaiBanner{height: 750px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/xiazaiBanner.jpg) no-repeat top;} .lishiXiazai{position: absolute; width: 100%; height: 200px; left: 0; bottom: 0; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/x2018Banner3BG.png);} .yingdaoList hr{display:block; width: 90px; margin:31% 10px 0 10px; background: none; border-bottom: 1px dashed #207dda;} /* xiazai.html end */ /* buy.html start */ .buyBG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/testGM_bg.png) no-repeat top #f3f3f3;} .buyList1 > div > div{background-color: #fff;} .buyList1 .supbg{background-color:#fdc043;} .buyList1_dis{position: absolute; left: 0; top: 120px;} .buyList1_fw{position: absolute; left: 0; top: 410px;} .buyList1_btn{position: absolute; left: 0; bottom:40px; } .buyList1_s1{height: 225px;overflow: hidden;border-bottom: 1px solid #ccc; padding-top: 28px; } .buyList1_s1 div.zengsong{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .buyList1_s1 div.zengsong:hover{overflow: auto;white-space: normal;} .buyList1_s2{ position: absolute; left: 0; bottom:92px; } .buyList_btn1{background: #e94518; border: 1px solid #e94518; color: #fff; display: inline-block; text-align: center; box-sizing: border-box;} .buyList_btn1:hover{background: #e94518; border: 1px solid #e94518; color: #fff; text-decoration: none; box-sizing: border-box;} .buyList_btn2{background: none; border: 1px solid #e94518; color: #e94518; display: inline-block; text-align: center; box-sizing: border-box;} .buyList_btn2:hover{background: none; border: 1px solid #e94518; color: #e94518; text-decoration: none; box-sizing: border-box;} .buyList2 > div > div{background-color: #fff; height: 220px;} .buyList2_img{width: 220px; height: 220px;} .buyList2 .supbg{background-color:#fdc043;} .buyList2 .buyList2_price{position: absolute; left: 0; top: 114px;} .buyList2 .buyList2_btn{position: absolute; left: 0; top: 170px;} .doufu .dofu_dp_inp{ display: none; } .dofu_dp_label{ width: 18px; height: 18px; color: transparent; border: 1px solid #ccc; } .dofu_dp_label:hover{ border-color: #e83a17; } .dofu_dp_label.active{ border-color: #e83a17; color: #e83a17; } .hshyBuyTab{ font-size: 0; } .hshyBuyTab li{ display: inline-block; width: 200px; font-weight: bold;text-align: center; text-decoration: none; position: relative; height: 40px; line-height: 40px; font-size: 18px;cursor: pointer; color: #2575e8; background-color: #fff /*#e9f2ff*/; border-radius: 4px;border: 1px solid #2575e8;} .hshyBuyTab li:hover{ color: #3781fb; border-color: #3781fb; } .hshyBuyTab li.active{ color: #fff; border-color: #3781fb;background-color: #2575e8; } .hshyBuyTab li i.tag{display: inline-block;width: 52px;height: 22px;background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/3.png') no-repeat center center;position: absolute;} /* buy.html end */ /* 新 buy.html start */ .buyList_item3{display: flex;} .buyList_item3>div.doufu{flex: 1;} .buyList_item3>div.doufu.active{box-shadow: 0 10px 10px #eee;border-top: 4px solid #3781fb;padding-top: 30px !important;padding-bottom: 84px !important;z-index: 3;top: -30px;} /* buy.html页面 商品技术参数 */ .doufu .buyList1_s1{border-bottom: 0;} .doufu .layui-collapse{position: relative;border: 0;} .doufu .layui-colla-title{height: 36px;line-height: 36px;border: 0;padding: 0 15px 0 10px;font-size: 15px;font-weight: bold;border-radius: 4px;background-color: #fff;overflow: visible;text-align: left;color: #9A9A9A;} .doufu .layui-colla-title .layui-colla-icon{left: auto;right: 20px;transform: rotate(90deg);} .doufu .layui-colla-title span{display: inline-block;width: 16px;height: 16px;line-height: 16px;text-align: center;color: white;background-color: #bfbfbf;font-size: 12px;font-weight: normal;border-radius: 50%;position: relative;} .doufu .layui-colla-title span:hover::before{content: '';width: 0;height: 0;border: 8px solid;border-color: #999 transparent transparent transparent;position: absolute;top: -11px;left: 0;z-index: 1;} .doufu .layui-colla-title span:hover i{position: relative;z-index: 2;} .doufu .layui-colla-title span:hover i::before{content: '';width: 0;height: 0;border: 8px solid;border-color: #f4f4f4 transparent transparent transparent;position: absolute;top: -12px;left: -10px;z-index: 1;} .doufu .layui-colla-title span:hover::after{content: '提供设备数、换机机制、系统支持、更新说明等参数';width: 290px;height: 26px;line-height: 26px;color: #666;background-color: #f4f4f4;border: 1px solid #999;border-radius: 4px;position: absolute;top: -38px;left: -40px;} .doufu .layui-colla-title .rotate{transform: rotate(-180deg);} .doufu .layui-collapse .layui-show{width: 100%;border: 0;background-color: #fff;padding-top: 5px;/*position: absolute;*/top: 36px;left: 0;z-index: 1;} .doufu .layui-collapse .layui-show ul{padding-left: 15px;} .doufu .layui-collapse .layui-show li{margin-bottom: 7px;} .doufu .layui-collapse .layui-show li label{display: inline-block;width: 70px;vertical-align: top;} .doufu .layui-collapse .layui-show li span{display: inline-block;width: calc(100% - 75px);vertical-align: top;text-align: left;} /* 新 buy.html end */ /* jiaocheng.html start */ .jiaochengBanner{height:360px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/jiaochengBanner.jpg) no-repeat top;} .jiaochengBox{width: 690px;} .supportSearch{width: 690px; height: 44px; background: #fff;} #searchSupport{background: none; border: none; width: 555px; padding: 0 44px; height: 44px; line-height: 44px;} #searchSupportBtn{position: absolute; right: 0px; top:0px; width: 87px; height: 44px; background:#0080ff; color:#fff; font-size: 18px; border:none;} .supportSPlistPlayBtn{position: absolute; left: 50%; margin-left: -27px; top: 50%; margin-top: -27px;} .supportMenuList li{height: 40px; line-height: 40px; cursor: pointer; padding-left: 44px; position: relative;} .supportMenuList li:hover , .supportMenuList .active{background: #f5f5f5} .supportMenuList li:hover:before , .supportMenuList .active:before{content:''; display: block; width: 3px; height: 100%; background: #207dda; position: absolute; left: 0; top: 0;} /* jiaocheng.html end */ /* gaojianli.html start */ .gjalMBinfo .layui-form-checkbox[lay-skin="primary"]:hover i{border: 1px solid #E94518;} .gjalMBinfo .layui-form-checked[lay-skin="primary"] i{border: 1px solid #E94518; background-color: #fff; color: #E94518} .gjalMBchoseInfo .layui-form-checkbox[lay-skin="primary"]:hover i{border: 1px solid #E94518;} .gjalMBchoseInfo .layui-form-checked[lay-skin="primary"] i{border: 1px solid #E94518; background-color: #fff; color: #E94518} .gjalMBchoseInfo .layui-form-checkbox[lay-skin="primary"] span{font-size: 16px;} .gjalSPplay2{position: absolute; left: 50%; margin-left:-34px; top: 50%; margin-top: -50px; z-index: 2;} /* gaojianli.html end */ /* biyeji.html start */ .byjBanner{height: 640px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/byjBanner.jpg) no-repeat top; } .byjBG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/byjBG.jpg) repeat top; } .bjyTitle1{height:282px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/byjTitle1.png) repeat top; } .byjSPBG{width:987px; height:686px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/byjSPBG.png) repeat top; } .byjSPimg{position: absolute; left: 20px; top: 75px; z-index: 1;} .byjSPplay{position: absolute; left: 50%; margin-left:-34px; top: 50%; margin-top: -34px; z-index: 2;} .bjyTitle2{height:282px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/byjTitle2.png) repeat top; } .byjSPplay2{position: absolute; left: 50%; margin-left:-34px; top: 50%; margin-top: -50px; z-index: 2;} .byjMBinfo .layui-form-checkbox[lay-skin="primary"]:hover i{border: 1px solid #E94518;} .byjMBinfo .layui-form-checked[lay-skin="primary"] i{border: 1px solid #E94518; background-color: #fff; color: #E94518} .byjMBchoseInfo .layui-form-checkbox[lay-skin="primary"]:hover i{border: 1px solid #E94518;} .byjMBchoseInfo .layui-form-checked[lay-skin="primary"] i{border: 1px solid #E94518; background-color: #fff; color: #E94518} .byjMBchoseInfo .layui-form-checkbox[lay-skin="primary"] span{font-size: 16px;} /* biyeji.html end */ /* zhuangxiang.html start */ .zhuangxiangBannerMenu li{display: inline-block; width: 13%;} .zhuangxiangBannerMenu li span{display: inline-block; width: 100px; height: 34px; line-height: 34px; cursor: pointer;} .zhuangxiangBannerMenu .active span{color: #E94518; border: 1px solid #E94518; border-radius: 3px;} .zhuanxiangPlay{position: absolute; left: 50%; margin-left:-29px; top: 50%; margin-top: -50px; z-index: 2;} .zhuanxiangMBinfo .layui-form-checkbox[lay-skin="primary"]:hover i{border: 1px solid #E94518;} .zhuanxiangMBinfo .layui-form-checked[lay-skin="primary"] i{border: 1px solid #E94518; background-color: #fff; color: #E94518} .allZhuanxiangMB .layui-form-checkbox[lay-skin="primary"]:hover i{border: 1px solid #E94518;} .allZhuanxiangMB .layui-form-checked[lay-skin="primary"] i{border: 1px solid #E94518; background-color: #fff; color: #E94518} .allZhuanxiangMB .layui-form-checkbox[lay-skin="primary"] span{font-size: 16px;} .allZhuanxiangMB span{font-size: 16px !important; color: #E94518 !important;} /* zhuangxiang.html end */ /* 视频分类 start */ .categoryListMenu li{display: inline-block; margin: 10px 50px 10px 0; width: 100px; height: 30px; line-height: 30px; border:1px solid #EBEBEB; text-align: center; border-radius: 2px;} .categoryListMenu li:hover , .categoryListMenu .active{border: 1px solid #018aff; background: #018aff; color: white; cursor: pointer;} /* 视频分类 end */ /* 新闻分类 start */ .supportCategoryListImg{width: 170px; height: 100px;} .xiangguanBG{width: 318px;height: 169px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/xiangguanBG.jpg) no-repeat top;} .supportTuiJianMenu li{display: inline-block; font-size: 18px; width: 50%; height: 50px; line-height: 50px; border-bottom: 2px solid #eee; text-align:center; cursor: pointer;} .supportTuiJianMenu .active{color: #1b9efc; border-bottom: 2px solid #1b9efc;} .supportTuiJianList li{border-bottom: 1px solid #e8eaed;} .supportTuiJianList li a:before{content: '•'; position: absolute; left: 0; top: 0px;} .supportTuiJianList li a{display:inline-block; color: #333; height: 45px; line-height: 45px; position: relative; box-sizing: border-box; padding-left: 12px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width: 100%; } .sousuoTuijian a{display: inline-block; background: #f3f4f7; padding: 4px 5px; border-radius: 2px; margin: 0 15px 15px 0} .sousuoTuijian a:hover{color: white; background: #e94518; text-decoration: none;} .sousuoTuijianJianList li{border-bottom: 1px solid #e8eaed; overflow: hidden; width: 50%; float: left; padding-left: 7px;} .sousuoTuijianJianList li a:before{content: '•'; position: absolute; left: 0; top: 0px;} .sousuoTuijianJianList li a{display:inline-block; height: 45px; line-height: 45px; position: relative; box-sizing: border-box; padding-left: 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* 新闻分类 end */ /* 搜索定向 start */ .sousuo_mubanTitle{border-bottom: 1px solid #e94518;} .sousuo_mubanTitle span{display: inline-block; width: 230px; height: 40px; line-height: 40px; color: #fff; background: #e94518; font-size: 16px; text-align: center;} .sousuo_mubanMenu {overflow: hidden; margin: 30px auto; border: 1px solid #EBEBEB; padding: 10px 30px; } .sousuo_mubanMenu li {float: left; width: 86px; height: 30px; line-height: 30px; text-align: center; margin: 2px 60px 2px 0; cursor: pointer; box-sizing: border-box;} .sousuo_mubanMenu li a{color: #333;} .sousuo_mubanMenu .active{border: 1px solid #e94518; border-radius: 5px; color: #e94518;} .sousuo_chanpinTab li {display: inline-block; position: relative; padding: 18px 10px; margin: 0 10px; cursor: pointer; } .sousuo_chanpinTab .active:after {content: ''; border-bottom: 4px solid #3c81fb; position: absolute; width: 110px; left: 50%; margin-left:-55px; bottom: 0; } .middle0001BG{height: 449px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/middle0001.png) no-repeat top;} .xinzi{padding:20px 0 20px 30px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/gb_8.png) no-repeat 0px 25px;} .sousuo_zhuceTab li {float:left; text-align: center; position: relative; padding: 18px 10px; cursor: pointer; box-sizing: border-box; border-bottom: 3px solid #cccccc;} .sousuo_zhuceTab .active:after {content: ''; border-bottom: 3px solid #3c81fb; position: absolute; width: 100%; left: 0; bottom: -3px; } /* 搜索定向 end */ /* 新闻分页（勿删） start */ .pageInfo .active {background: #0080cc none repeat scroll 0 0; color: #fff; } .pageInfo a {background-color: #e6e6e6; border-radius: 3px; margin: 0 20px 0 0; padding: 3px 10px; } /* 新闻分页（勿删） end */ /* 新闻P标签（勿删）start */ .news_detail h1, .news_detail h2, .news_detail h3, .news_detail h4{padding: 0 0 10px 0; font-size: 14px; text-indent: 2px; text-indent:2em;} .news_detail p{padding: 0 0 10px 0; text-indent: 2em;} .news_detail a{color: #4876C8;} .news_detail h2, .news_detail h3, .news_detail h4{font-weight:bold;} /* 新闻P标签（勿删）end */ /*搜索结果样式（勿删）start */ .searchResult li{border-bottom: 1px dashed #bbb; /*padding-bottom: 12px; margin-bottom: 12px;*/} .searchResult a{color: #09f;} .keywords{background: #38d878;color: #fff;} .pagination a, .pagination span {margin-right: 5px; padding: 2px 6px; } .pagination a {background: #09f; color: #fff; } .pagination span {background-color: #aaa; color: #fff; } /*搜索结果样式（勿删）end */ /* 站点地图（勿删）start */ .sitemapHTML{min-height: 700px;} .sitemapHTML h2{font-size: 14px; padding-bottom: 5px; border-bottom: 1px solid #C2BEBE; margin:10px 0 0 0;} .sitemapHTML .sitemapCategory{overflow: hidden; padding-bottom: 5px; border-bottom: 1px #C2BEBE dashed; margin:10px 0 0 0;} .sitemapHTML h3{font-size: 14px; text-indent: 28px; float: left;} .sitemapHTML .openSitemap{cursor: pointer;} .sitemapHTML .openSitemap{font-size: 12px; float: right;} .sitemapHTML .sitemapNews{clear: both; display: none;} .sitemapHTML .sitemapNews li{font-size: 14px; text-indent: 56px; line-height: 25px;} /* 站点地图（勿删）end */ /* 关于我们 start */ .aboutusMenu li{border-bottom:1px solid #ccc;} .aboutusMenu li a{display: block; width: 100%; height: 50px; line-height: 50px; color: #292a31; text-indent: 1em;} .aboutusMenu .active a, .aboutusMenu li a:hover{color: #018aff; text-decoration: none;} /* 关于我们 end */ /* youqinglianjie.html 友情链接 start */ .moreFriendsLinks li{width: 25%; display: inline-block; font-size: 14px; padding: 6px 0} /* youqinglianjie.html 友情链接 end */ /* lp.html start */ .lpBanner{height: 480px; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/lpBanner.jpg) no-repeat top;} .hoverActive .lpopBG{display: none;} .hborderLR:before{content: ''; background: linear-gradient(to left, #f5d77d , white); position: absolute; width:150px; height: 2px; left:-170px; top:50%;} .hborderLR:after{content: ''; background: linear-gradient(to right, #f5d77d , white); position: absolute; width:150px; height: 2px; right:-170px; top:50%;} .lpMubanTitle{width: 100%; position: absolute; left: 0; top: 0; text-align: center; padding-top:31%; z-index: 2;} .lpGongxiangTab li{display: inline-block; width: 170px; height: 50px; line-height: 50px; background: white; border:1px solid #f5d77d; color: #f5d77d; cursor: pointer;} .lpGongxiangTab .active{background: #f5d77d; color: white;} .lpShipinTitleBG{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/zy_bg.png); position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;} .hoverActive .lpShipinTitleBG{display: none;} /* lp.html end */ /* 基础教程 start */ .learnimmedbtn{width: 178px; height: 52px; line-height: 52px; border:1px solid #fa4b4b; display: inline-block; text-align: center; text-decoration: none;outline: none; background: #fa4a4c; font-size: 18px; } .learnimmedbtn:hover{text-decoration: none; outline: none; background: #ee1c24; color: #fff; } .linered{width: 4px; height: 26px; background: #ff3333; display: inline-block; vertical-align: middle;} .kcduibi > tbody > tr > td{padding: 0 8px; height:50px; line-height: 50px; vertical-align: top; border-top:none; text-indent: 40px;} .kcduibi > tbody > tr:nth-of-type(odd) {background-color: #f5f9fc;} .clxl6{padding-left: 0; padding-right: 20px;} .clxr6{padding-left: 20px; padding-right: 0;} .jcvideo{top: 0; left: 0; height: 315px; overflow:hidden;} .jcvideobg{width: 570px; height: 315px; background: rgba(0,0,0,0.4); filter: alpha(opacity=40); position: absolute; top: 0; text-align: center;} @media \0screen\,screen\9 {/* 只支持IE6、7、8 */ .jcvideobg{height:315px;background:#000; filter: alpha(opacity=40); position:static;*zoom:1; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */} .jcvideobg bttton{position:relative;}/* 设置子元素为相对定位，可让子元素不继承Alpha值 */ } .nobtn{background: none; border: none; margin-top: 140px;} .modal-dialog{margin:0 auto;} .indexST{position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -35px; z-index: 1;} .indexKCbtn{width: 178px; height: 52px; background:#fa4b4b; line-height: 54px; border:1px solid #fa4b4b; display: inline-block; text-align: center; text-decoration: none;outline: none; outline: none; color: #fff; } /* 基础教程 end */ /* 师生季 lp页 start */ .hhssj190716 select[name="shenfen"]{ border: none; padding-left: 15px; } .hhssj190716 .l_border{ border-left: 2px solid #e83a17; } .hhssj190716 .l_border_2{ border-left: 1px dashed #fbc6af; } .hhssj190716 .yuan{ background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/shishengji/i_2_hhssh.png') left center no-repeat; padding-left: 30px; } .hhssj190716 .tit{ background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/shishengji/i_1_hhssh.png') center no-repeat; } .hhssj190716 .guize span{ display: inline-block; width: 26px; height: 26px; line-height: 26px; background-color: #f94839; border-radius: 13px; text-align: center; color: #fff; margin-right: 10px; } .hhssj190716 .cover_bg{ position: fixed; top: 0; bottom: 0;left: 0;right: 0; background-color: rgba(0, 0, 0, .7); } /* 师生季 lp页 end */ /* 周三会员日 start */ .minw120{min-width: 120px;} .bl_red{border-left: 3px dotted rgba(239, 74, 61, 0.2);} .vip_banner{height: 600px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/vip_banner.png) no-repeat center center;background-size: cover;} .vip_banner>div.all{left: 50%;margin-left: -600px;} .vip_electron{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/vip_prod_1_bg.png) no-repeat center center;background-size: cover;} .vip_box{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/vip_prod_2_bg.png) no-repeat center center;background-size: cover;} .vip_buyBtn{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/vip_buybtn_bg.png) no-repeat center center;background-size: cover;left: 44px;top: -54px;} .vip_video_bg{background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/vip_video_bg.png) no-repeat center center;background-size: cover;} /* 周三会员日 end */ /* 仿黑五的倒计时 start */ .black5Time{color: #fbeaa5;font-size: 40px;} .black5Time span{display: inline-block;height: 60px;line-height: 60px;width: 40px;font-size: 40px;color: #e1ff87;text-shadow: 0 0 1px rgba(254, 252, 124, 1 ), 0 0 3px rgba(255, 217, 54, 0.7 ), 0 0 5px rgba(255, 0, 0, 1 ), 0 0 14px rgba(255, 0, 0, 1 ), 0 0 17px rgba(255, 0, 0, 1 ), 0 0 20px rgba(255, 0, 0, 1 ), 0 5px 25px rgba(0, 0, 255, 0.9 );border-radius: 20px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;box-shadow: inset 0px 1px 3px 2px rgba(90, 0, 0, 0.9), inset 0px 2px 2px 3px rgba(230, 220, 0, 1), inset 0px 4px 4px 3px rgba(255, 0, 0, 0.9);background-color: #311b44;position: relative;} .black5Time span::after{content: '';width: 100%;height: 20%;background-color: gray;border-bottom-left-radius: 35%;border-bottom-right-radius: 35%;background-image: radial-gradient( 40% 100% , #ea4 0%, #f93 15%, #caa 50%, #778 75%, #345 100% );position: absolute;bottom: -20%;left: 0;} .black5Time span:nth-child(2n+2){margin-right: 5px;} .black5Time span:nth-child(2n+1){margin-right: 8px;} .black5Time span:nth-child(3) , .black5Time span:nth-child(5){margin-left: 5px;} /* 仿黑五的倒计时 end */ /* 模板素材专题页面 start */ .mb_b_dash{border-bottom: 1px dashed #f1eee7;} .mbTopBanner{height: 560px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/muban_banner.png') no-repeat center center;} .mbModal1 , .mbModal2 , .mbModal3{width: 386px;height: 280px;border: 1px solid #f1eee7;border-top-left-radius: 4px;border-top-right-radius: 4px;} .mbModal1{background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mb_title_bg1.png') no-repeat center center;} .mbModal2{background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mb_title_bg2.png') no-repeat center center;} .mbModal3{background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mb_title_bg3.png') no-repeat center center;} .mb_template li{display: inline-block;width: 25%;text-align: center;font-size: 22px;color: #cba565;border-bottom: 1px solid #cba565;padding: 10px 0 10px 0;cursor: pointer;} .mb_template li.active{font-weight: bold;border-bottom: 0;border-left: 1px solid #cba565;border-right: 1px solid #cba565;border-top: 3px solid #cba565;} .mb_template+div div.layui-unselect , .mb_advance+div div.layui-unselect{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .mb_advance input[type='checkbox']{width: 15px;height: 15px;background-color: transparent;-webkit-appearance:none;border: 1px solid #eee;border-radius: 2px;outline: none;} .mb_advance input[type=checkbox]:checked{border: 1px solid red;background: url("//pic.mairuan.com/WebSource/huishenghuiying/web/images/checkbox_icon2.png")no-repeat center;} .mb_total{height: 100px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mb_title_bg4.png') no-repeat center center;} .mb_total input[type='checkbox']{width: 15px;height: 15px;background-color: transparent;-webkit-appearance:none;border: 1px solid #714419;border-radius: 2px;outline: none;} .mb_total input[type=checkbox]:checked{background: url("//pic.mairuan.com/WebSource/huishenghuiying/web/images/checkbox_icon.png")no-repeat center;} /* 模板素材专题页面 end */ /* 产品页2020 start */ .banner2020{height: 560px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/banner2020.png') no-repeat center center;background-size: cover;} .intro2020{background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/intro2020bg.png') repeat-x center center;background-size: 100% 100%;} .title2020 a.active{color: #b21f27;border-bottom: 3px solid #b21f27;} img.player2020{opacity: 0.8;transform: scale(0.9);transition: all 0.5s;} img.player2020:hover{opacity: 1;transform: scale(1);} .contentWrapper .swiper-slide{border-left: 5px solid #2c2c2c;opacity: 0.5;} .contentWrapper .swiper-slide-thumb-active{opacity: 1;} .tag2020{background-color: #d3f6ff;color: #0c78e7;} .featurebg{background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/featurebg.png') repeat-x center center;background-size: 100% 100%;} .accordion .layui-colla-title{height: 55px;line-height: 55px;background-color: transparent;border-top: 1px solid #ccc;font-size: 16px;font-weight: bold;padding-left: 0;position: relative;} .accordion li:last-child .layui-colla-title{border-bottom: 1px solid #ccc;} .accordion .layui-colla-title::after{content: '';width: 10px;height: 10px;border: 2px solid #333;position: absolute;right: 10px;top: 50%;margin-top: -5px;transform: rotate(-45deg);transition: transform 0.4s;} .accordion .layui-colla-title.active::after{transform: rotate(0);} .accordion .layui-colla-content{padding-left: 0;} .featurebg2{background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/featurebg2.png') repeat-x center center;background-size: 100% 100%;} /* 产品页2020 end */ /* 2020 集合页 start */ .hshy_2020_title {width: 100%;max-width: 1920px;min-width: 1200px;height: 50px;margin: 0 auto;background-color: #000;} .hshy_2020_title .content {width: 1200px;margin: 0 auto;} .hshy_2020_title .content a {display: inline-block;height: 22px;line-height: 22px;color: #7e828b;font-size: 20px;padding: 0 50px;margin-top: 14px;text-decoration:none;} .hshy_2020_title .content a:nth-child(-n+2) {border-right: 1px solid #7e828b;} .hshy_2020_title .content a:first-child {padding-left: 0;} .hshy_2020_title .content a.active , .hshy_2020_title .content a:hover{color: #1993eb;} .hshy_2020_banner {width: 100%;max-width: 1920px;min-width: 1200px;height: 561px;margin: 0 auto;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/jihe_banner.png) no-repeat center center;background-size: cover;} .hshy_2020_banner .content {width: 1200px;margin: 0 auto;padding-top: 100px;} .hshy_2020_banner .content h2 {font-style: 26px;} .hshy_2020_banner .content .title {font-size: 56px;letter-spacing: 2px;} .hshy_2020_banner .content .title span {color: #c8242e;} .hshy_2020_banner .content .desc {padding-top: 30px;font-size: 20px;width: 52%;} .hshy_2020_banner .content .btns {padding-top: 50px;} .hshy_2020_banner .content .btns .download {display: inline-block;width: 180px;height: 50px;line-height: 50px;text-align: center;color: white;background-color: #000;border-radius: 4px;font-size: 20px;} .hshy_2020_banner .content .btns .view {display: inline-block;font-size: 20px;margin-left: 65px;color: #000;position: relative;} .hshy_2020_banner .content .btns .view::after {content: '';width: 25px;height: 26px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/icon_video_20200319.png') no-repeat center center;background-size: cover;position: absolute;left: -30px;} .hshy_2020_banner .content .btns .buy {display: none;} .hshy_2020_compare {width: 100%;max-width: 1920px;min-width: 1200px;margin: 80px auto 100px;} .hshy_2020_compare .content {width: 1200px;margin: 0 auto;} .hshy_2020_compare .content table {width: 100%;} .hshy_2020_compare .hshy_2020_compare_fr td {border: 0;text-align: center;} .hshy_2020_compare .hshy_2020_compare_fr td h2 {font-size: 24px;font-weight: bold;} .hshy_2020_compare .hshy_2020_compare_fr td .desc {font-size: 16px;line-height: 20px;padding: 5px 0;} .hshy_2020_compare .hshy_2020_compare_fr td .desc a {color: #377ddd;} .hshy_2020_compare .hshy_2020_compare_fr td .price {padding-top: 25px;font-size: 24px;font-weight: bold;} .hshy_2020_compare .hshy_2020_compare_fr td .buy {display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;background-color: #d30000;color: white;font-size: 16px;border-radius: 4px;margin-top: 15px;} .hshy_2020_compare .hshy_2020_compare_or .th1 {width: 260px;padding-left: 20px;} .hshy_2020_compare .hshy_2020_compare_or .th2 {width: 150px;text-align: center;} .hshy_2020_compare .hshy_2020_compare_or .th3 {width: 260px;padding-left: 20px;} .hshy_2020_compare .hshy_2020_compare_or .th3 span {font-style: italic;font-size: 14px;margin-left: 2px;color: #2575e8;} .hshy_2020_compare .hshy_2020_compare_or .th4 {width: 150px;text-align: center;} .hshy_2020_content {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .hshy_2020_content .hshy_2020_content_c1 {width: 1200px;margin: 0px auto;text-align: center;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_t1 {font-size: 40px;font-weight: bold;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_t2 {font-size: 16px;padding-top: 15px;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_c2 {margin-top: 50px;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_c2 .hshy_2020_content_c3 {display: inline-block;width: 50%;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_c2 .hshy_2020_content_c3 .hshy_2020_content_c4 {height: 340px;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_c2 .hshy_2020_content_c3 .hshy_2020_content_c4 .hshy_2020_content-v1 {display: inline-block;width: 600px;height: 357;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_c2 .hshy_2020_content_img {display: inline-block;width: 50%;margin-left: -5px;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_c2 .hshy_2020_content_img .hshy_2020_content_img_1 {padding-left: 100px;flex-direction: column;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_c2 .hshy_2020_content_img .hshy_2020_content_img_1 .hshy_2020_content_img_2 {width: 100% !important;text-align: left;margin-bottom: 20px;padding-left: 10px;cursor: pointer;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_c2 .hshy_2020_content_img .hshy_2020_content_img_1 .hshy_2020_content_img_2 .hshy_2020_content_img_3 {font-size: 18px;line-height: 24px;font-weight: bold;} .hshy_2020_content .hshy_2020_content_c1 .hshy_2020_content_c2 .hshy_2020_content_img .hshy_2020_content_img_1 .hshy_2020_content_img_2 .hshy_2020_content_img_4 {line-height: 24px;padding-right: 100;} .hshy_2020_ability {width: 100%;max-width: 1920px;min-width: 1200px;padding-top: 150px;margin: 0 auto} .hshy_2020_ability .content {width: 1200px;margin: 0 auto;text-align: center;} .hshy_2020_ability .content h2 {font-size: 46px;font-weight: bold;} .hshy_2020_ability .content .desc {font-size: 18px;line-height: 26px;color: #000;padding: 20px 0;} .hshy_2020_ability .content .more {display: inline-block;margin-top: 20px;width: 140px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #d30000;color: #d30000;font-size: 16px;border-radius: 4px;font-weight: bold;} .hshy_2020_ability .content .list {display: flex;flex-wrap: wrap;margin-top: 70px;} .hshy_2020_ability .content .list .item {width: 20%;} .hshy_2020_ability .content .list .item div {padding: 20px 0;font-size: 18px;text-align: center;} .hshy_2020_goods {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto} .hshy_2020_goods .content {width: 1200px;margin: 0 auto;padding-top: 50px;padding-bottom: 100px;} .hshy_2020_goods .content > div {display: inline-block;width: 48%;} .hshy_2020_goods .content > div > div {box-shadow: 0 0 36px rgba(51, 51, 51, 0.13);} .hshy_2020_goods .content > div > div img {width: 100%;} .hshy_2020_goods .content > div > div h2 {padding: 40px 35px 0;font-weight: bold;font-size: 30px;} .hshy_2020_goods .content > div > div p {font-size: 16px;line-height: 30px;padding: 10px 35px 0;} .hshy_2020_goods .content > div > div p a {color: #2575e8;} .hshy_2020_goods .content > div > div a.buy {display: inline-block;width: 140px;height: 40px;line-height: 40px;text-align: center;color: white;background-color: #d30000;border-radius: 4px;font-size: 16px;margin: 20px 0 50px 35px;} .hshy_2020_goods .content > div:first-child {padding-right: 50px;} .hshy_2020_goods .content > div:last-child {padding-left: 50px;} /* 2020 集合页 end */ /*升级无忧 start*/ .hshy_banner_sjwy {width: 100%;max-width: 1920px;min-width: 1200px;height: 240px;margin: 0px auto;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/sjwy_20200415_2.png) no-repeat center center;background-size: cover;} .hshy_banner_sjwy .content {text-align: center;padding-top: 60px;} .hshy_banner_sjwy .content .title1 {font-size: 52px;font-weight: 500;} .hshy_banner_sjwy .content .title2 {padding-top: 20px;font-size: 22px;font-weight: 550;} .hshy_select_sjwy {width: 100%;max-width: 1920px;min-width: 1200px;background-color: #fafafa;margin: 0 auto;overflow: hidden;} .hshy_select_sjwy .select_title {width: 1200px;margin: 0 auto;padding-top: 80px;padding-bottom: 125px;} .hshy_select_sjwy .select_title .select_title_1 {text-align: center;} .hshy_select_sjwy .select_title .select_title_1 span {font-size: 20px;font-weight: bold;padding-right: 5px;} .hshy_select_sjwy .select_title .select_title_1 ul {display: inline-block;text-align: center;padding-bottom: 20px;height: 70px;} .hshy_select_sjwy .select_title .select_title_1 ul .active {color: #fff !important;border-color: #3781fb !important;background-color: #2575e8 !important;} .hshy_select_sjwy .select_title .select_title_1 ul li {font-size: 18px;height: 48px;line-height: 48px;width: 220px;display: inline-block;font-weight: bold;text-align: center;text-decoration: none;position: relative;cursor: pointer;color: #2575e8;background-color: #EFF2F7;border-radius: 5px;} .hshy_select_sjwy .select_title .select_title_1 ul li:last-child {margin-left: 20px;margin-right: 50px;} .hshy_select_sjwy .select_title .select_dec {text-align: center;font-size: 16px;font-weight: 520;padding-bottom: 25px;} .select_title_cz_sj {position: absolute;} .select_title_cz_sj::before {content: '';width: 64px;height: 24px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/sjwy_20200415_6.png) no-repeat;position: absolute;left: -38px;top: -25px;} .hshy_goods_sjwy {margin-top: 4px;position: relative;} .hshy_goods_sjwy .hshy_old_goods {padding-left: 58px;padding-right: 58px;padding-top: 34px;padding-bottom: 30px;position: relative;border-radius: 4px;} .hshy_goods_sjwy .hshy_old_goods .tag {position: absolute;right: 20px;top: 0px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_title {vertical-align: top;} .hshy_goods_sjwy .hshy_old_goods .old_goods_title h3 {font-size: 26px;font-weight: bold;padding-bottom: 5px;padding-left: 60px;text-align: center;} .hshy_goods_sjwy .hshy_old_goods .old_goods_dec {letter-spacing: 1px;font-size: 15px;font-weight: bold;width: 100%;color: #888;line-height: 26px;text-align: center;} .hshy_goods_sjwy .hshy_old_goods .old_goods_price {margin-top: 30px;font-size: 46px;text-align: center;} .hshy_goods_sjwy .hshy_old_goods .old_goods_price .price {position: relative;color: #ef4a3d;} .hshy_goods_sjwy .hshy_old_goods .old_goods_price .price .price-1 {font-size: 26px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_price .price .price-2 {font-size: 14px;position: relative;color: white;font-weight: bold;margin-left: -5px;top: -20px;display: inline-block;padding-left: 10px;padding-right: 10px;padding-top: 2px;padding-bottom: 2px;background: #FDEDD1;color: #91602C;} .hshy_goods_sjwy .hshy_old_goods .old_goods_price .price .price-del {color: gray;font-size: 14px;font-weight: bold;margin-left: -100px;position: relative;display: inline-block;padding-left: 10px;padding-right: 10px;padding-top: 2px;padding-bottom: 2px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_goumai {text-align: center;padding-top: 10px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_goumai a {border-radius: 5px;background: #e94518;border: 1px solid #e94518;color: #fff;text-align: center;box-sizing: border-box;font-size: 20px;width: 240px;height: 45px;line-height: 45px;display: inline-block;} .hshy_goods_sjwy .hshy_old_goods .old_goods_time {padding-top: 20px;font-size: 16px;text-align: center;} .hshy_goods_sjwy .hshy_old_goods .old_goods_time span {letter-spacing: 2px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_time .countdown span {letter-spacing: 1px;color: red;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese_title::before {content: '';width: 185px;height: 1px;background-color: #F6F6F6;position: absolute;top: 50%;left: -5px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese_title::after {content: '';width: 185px;height: 1px;background-color: #F6F6F6;position: absolute;top: 50%;right: -5px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese {font-size: 19px;color: #000;padding-top: 25px;padding-bottom: 35px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese .old_goods_tese_title {position: relative;padding-bottom: 5px;font-weight: bold;text-align: center;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese ul {line-height: 26px;margin-top: 20px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese ul .title {font-size: 16px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese ul .title span {font-weight: bold;color: blue;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese ul .li_fr {display: inline-block;margin-right: 20px;width: 100%;overflow: hidden;vertical-align: middle;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese ul .li_1 {font-size: 16px;display: inline-block;margin-top: 24px;margin-right: 20px;width: 100%;overflow: hidden;vertical-align: middle;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese ul .li_2 {font-size: 16px;float: right;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese ul .li_3 {float: right;margin-top: 8px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_tese ul .li_fn {display: inline-block;margin-top: 25px;margin-right: 20px;width: 100%;overflow: hidden;vertical-align: middle;height: 26px;font-display: none;} .hshy_goods_sjwy .hshy_old_goods .old_goods_shiyong {margin-left: 0;text-align: center;padding-top: 20px;} .hshy_goods_sjwy .hshy_old_goods .old_goods_shiyong a {border-radius: 5px;background: #E8F2FE;border: 1px solid #3790F2;color: #3790F2;text-align: center;box-sizing: border-box;font-size: 20px;width: 220px;height: 40px;line-height: 40px;display: inline-block;} .hshy_new_goods_sjwy {padding-left: 58px;padding-right: 58px;padding-top: 34px;padding-bottom: 30px;position: relative;border-radius: 4px;} .hshy_new_goods_sjwy .new_goods_title {vertical-align: top;} .hshy_new_goods_sjwy .new_goods_title h3 {font-size: 26px;font-weight: bold;padding-bottom: 5px;padding-left: 60px;text-align: center;} .hshy_new_goods_sjwy .new_goods_dec {letter-spacing: 1px;font-size: 15px;font-weight: bold;width: 100%;color: #888;line-height: 26px;text-align: center;} .hshy_new_goods_sjwy .new_goods_price {margin-top: 30px;font-size: 46px;text-align: center;} .hshy_new_goods_sjwy .new_goods_price .price {position: relative;color: #ef4a3d;} .hshy_new_goods_sjwy .new_goods_price .price .price-1 {font-size: 26px;} .hshy_new_goods_sjwy .new_goods_price .price .price-2 {font-size: 14px;position: relative;color: white;font-weight: bold;margin-left: -5px;top: -20px;display: inline-block;padding-left: 10px;padding-right: 10px;padding-top: 2px;padding-bottom: 2px;background: #FDEDD1;color: #91602C;} .hshy_new_goods_sjwy .new_goods_price .price .price-del {color: gray;font-size: 14px;font-weight: bold;margin-left: -100px;position: relative;display: inline-block;padding-left: 10px;padding-right: 10px;padding-top: 2px;padding-bottom: 2px;} .hshy_new_goods_sjwy .new_goods_goumai {text-align: center;padding-top: 10px;} .hshy_new_goods_sjwy .new_goods_goumai a {border-radius: 5px;background: #e94518;border: 1px solid #e94518;color: #fff;text-align: center;box-sizing: border-box;font-size: 20px;width: 240px;height: 45px;line-height: 45px;display: inline-block;} .hshy_new_goods_sjwy .new_goods_time {padding-top: 20px;font-size: 16px;text-align: center;} .hshy_new_goods_sjwy .new_goods_time span {letter-spacing: 2px;} .hshy_new_goods_sjwy .new_goods_time .countdown span {letter-spacing: 1px;color: red;} .hshy_new_goods_sjwy .new_goods_tese_title::before {content: '';width: 185px;height: 1px;background-color: #F6F6F6;position: absolute;top: 50%;left: -5px;} .hshy_new_goods_sjwy .new_goods_tese_title::after {content: '';width: 185px;height: 1px;background-color: #F6F6F6;position: absolute;top: 50%;right: -5px;} .hshy_new_goods_sjwy .new_goods_tese {font-size: 19px;color: #000;padding-top: 25px;padding-bottom: 35px;} .hshy_new_goods_sjwy .new_goods_tese .new_goods_tese_title {position: relative;padding-bottom: 5px;font-weight: bold;text-align: center;} .hshy_new_goods_sjwy .new_goods_tese ul {line-height: 26px;margin-top: 20px;} .hshy_new_goods_sjwy .new_goods_tese ul .title {font-size: 16px;} .hshy_new_goods_sjwy .new_goods_tese ul .title span {font-weight: bold;color: blue;} .hshy_new_goods_sjwy .new_goods_tese ul .li_fr {display: inline-block;margin-right: 20px;width: 100%;overflow: hidden;vertical-align: middle;} .hshy_new_goods_sjwy .new_goods_tese ul .li_1 {font-size: 16px;display: inline-block;margin-top: 24px;margin-right: 20px;width: 100%;overflow: hidden;vertical-align: middle;} .hshy_new_goods_sjwy .new_goods_tese ul .li_2 {font-size: 16px;float: right;} .hshy_new_goods_sjwy .new_goods_tese ul .li_3 {float: right;margin-top: 8px;} .hshy_new_goods_sjwy .new_goods_shiyong {margin-left: 0;text-align: center;padding-top: 20px;} .hshy_new_goods_sjwy .new_goods_shiyong a {border-radius: 5px;background: #E8F2FE;border: 1px solid #3790F2;color: #3790F2;text-align: center;box-sizing: border-box;font-size: 20px;width: 220px;height: 40px;line-height: 40px;display: inline-block;} .hshy_2020_goodsone_sjwy {padding-left: 58px;padding-right: 58px;padding-top: 40px;padding-bottom: 30px;position: relative;border-radius: 4px;} .hshy_2020_goodsone_sjwy .tag {position: absolute;right: 20px;top: 0px;} .hshy_2020_goodsone_sjwy .goods_title {vertical-align: top;} .hshy_2020_goodsone_sjwy .goods_title h3 {letter-spacing: 1px;font-size: 24px;font-weight: bold;padding-bottom: 10px; padding-left: 40px;margin-right: -40px;text-align: center;} .hshy_2020_goodsone_sjwy .goods_dec {font-weight: 500;font-size: 16px;width: 100%;color: #000;line-height: 26px;text-align: center;} .hshy_2020_goodsone_sjwy .goods_price {margin-top: 20px;font-size: 46px;text-align: center;} .hshy_2020_goodsone_sjwy .goods_price .price {position: relative;color: #ef4a3d;} .hshy_2020_goodsone_sjwy .goods_price .price .price-1 {font-size: 26px;} .hshy_2020_goodsone_sjwy .goods_price .price .price-2 {color: #000;font-size: 16px;} .hshy_2020_goodsone_sjwy .goods_goumai {text-align: center;padding-top: 10px;} .hshy_2020_goodsone_sjwy .goods_goumai a {border-radius: 5px;background: #e94518;border: 1px solid #e94518;color: #fff;text-align: center;box-sizing: border-box;font-size: 20px;width: 240px;height: 40px;line-height: 40px;display: inline-block;} .hshy_2020_goodsone_sjwy .goods_time {padding-top: 15px;padding-bottom: 55px;font-size: 16px;text-align: center;} .hshy_2020_goodsone_sjwy .goods_time span {letter-spacing: 2px;} .hshy_2020_goodsone_sjwy .goods_time .countdown span {letter-spacing: 1px;color: red;} .hshy_2020_goodsone_sjwy .price_goods {height: 30px;line-height: 30px;text-align: center;font-size: 14px;position: relative;color: white;font-weight: bold;top: -20px;background: #FBF0EE;color: #3A3736;} .hshy_2020_goodsone_sjwy .price_goods a {padding-left: 20px;color: red;} .hshy_2020_goodsone_sjwy .goods_tese {font-size: 16px;color: #666;padding-top: 15px;padding-bottom: 40px;} .hshy_2020_goodsone_sjwy .goods_tese .goods_tese_title {height: 1px;background-color: #F6F6F6;margin-bottom: 5px;} .hshy_2020_goodsone_sjwy .goods_tese .p1 {font-size: 14px;padding-top: 25px;} .hshy_2020_goodsone_sjwy .goods_tese .p1 span {font-weight: bold;} .hshy_2020_goodsone_sjwy .goods_tese .p2 {font-size: 14px;padding-top: 5px;height: 25px;line-height: 25px;} .hshy_2020_goodsone_sjwy .goods_tese .p3 {height: 25px;line-height: 25px;font-size: 14px;padding-top: 80px;} .hshy_2020_goodsone_sjwy .goods_tese .p4 {font-size: 14px;padding-top: 80px;} .hshy_2020_goodsone_sjwy .goods_tese .p4 span {font-weight: bold;} .hshy_2020_goodstwo_sjwy {padding-left: 58px;padding-right: 58px;padding-top: 40px;padding-bottom: 30px;position: relative;border-radius: 4px;} .hshy_2020_goodstwo_sjwy .goods_title {vertical-align: top;} .hshy_2020_goodstwo_sjwy .goods_title h3 {letter-spacing: 1px;font-size: 24px;font-weight: bold;padding-bottom: 10px; padding-left: 40px;margin-right: -40px;text-align: center;} .hshy_2020_goodstwo_sjwy .goods_dec {font-weight: 500;font-size: 16px;width: 100%;color: #000;line-height: 26px;text-align: center;} .hshy_2020_goodstwo_sjwy .goods_price {margin-top: 20px;font-size: 46px;text-align: center;} .hshy_2020_goodstwo_sjwy .goods_price .price {position: relative;color: #ef4a3d;} .hshy_2020_goodstwo_sjwy .goods_price .price .price-1 {font-size: 26px;} .hshy_2020_goodstwo_sjwy .goods_price .price .price-2 {color: #000;font-size: 16px;} .hshy_2020_goodstwo_sjwy .goods_goumai {text-align: center;padding-top: 10px;} .hshy_2020_goodstwo_sjwy .goods_goumai a {border-radius: 5px;background: #e94518;border: 1px solid #e94518;color: #fff;text-align: center;box-sizing: border-box;font-size: 20px;width: 240px;height: 40px;line-height: 40px;display: inline-block;} .hshy_2020_goodstwo_sjwy .goods_time {padding-top: 15px;padding-bottom: 55px;font-size: 16px;text-align: center;} .hshy_2020_goodstwo_sjwy .goods_time span {letter-spacing: 2px;} .hshy_2020_goodstwo_sjwy .goods_time .countdown span {letter-spacing: 1px;color: red;} .hshy_2020_goodstwo_sjwy .price_goods {height: 30px;line-height: 30px;text-align: center;font-size: 14px;position: relative;color: white;font-weight: bold;top: -20px;background: #FBF0EE;color: #3A3736;} .hshy_2020_goodstwo_sjwy .price_goods a {padding-left: 20px;color: red;} .hshy_2020_goodstwo_sjwy .goods_tese {font-size: 16px;color: #666;padding-top: 15px;padding-bottom: 40px;} .hshy_2020_goodstwo_sjwy .goods_tese .goods_tese_title {height: 1px;background-color: #F6F6F6;margin-bottom: 5px;} .hshy_2020_goodstwo_sjwy .goods_tese .p1 {font-size: 14px;padding-top: 25px;} .hshy_2020_goodstwo_sjwy .goods_tese .p1 span {font-weight: bold;} .hshy_2020_goodstwo_sjwy .goods_tese .p2 {font-size: 14px;padding-top: 5px;height: 25px;line-height: 25px;} .hshy_2020_goodstwo_sjwy .goods_tese .p3 {height: 25px;line-height: 25px;font-size: 14px;padding-top: 80px;} .hshy_2020_goodstwo_sjwy .goods_tese .p4 {font-size: 14px;padding-top: 80px;} .hshy_2020_goodstwo_sjwy .goods_tese .p4 span {font-weight: bold;} .hshy_banner_footer_sjwy {width: 100%;max-width: 1920px;min-width: 1200px;height: 360px;margin: 0px auto;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/sjwy_20200415_1.png) no-repeat center center;background-size: cover;} .hshy_banner_footer_sjwy .content {text-align: center;} .hshy_banner_footer_sjwy .content .dec1 {padding-left: 380px;padding-top: 80px;font-size: 30px;color: white;} .hshy_banner_footer_sjwy .content .dec2 {padding-top: 10px;font-size: 30px;color: white;} .hshy_banner_footer_sjwy .content .dec3 {padding-left: 32px;padding-top: 80px;} .hshy_banner_footer_sjwy .content .dec3 a {border-radius: 5px;background: #e94518;border: 1px solid #e94518;color: #fff;text-align: center;box-sizing: border-box;font-size: 20px;width: 220px;height: 40px;line-height: 40px;display: inline-block;} /*升级无忧 end*/ /* jiaoxue.html start */ .jiaoxueBanner{width: 100%;max-width: 1920px;min-width: 1200px;height: 400px;margin: 0px auto;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/jiaoxue_banner.png') no-repeat top center;} .jiaoxueBanner .content{width: 1200px;margin: 0 auto;text-align: center;padding-top: 60px;} .jiaoxueBanner .content h2{font-size: 46px;color: #333;} .jiaoxueBanner .content .desc{margin-top: 20px;font-size: 16px;line-height: 24px;} .jiaoxueBanner .content .desc img{display: inline-block;vertical-align: middle;} .jiaoxueBanner .content .name{display: inline-block;vertical-align: middle;text-align: left;margin-left: 15px;} .jiaoxueBanner .content .intro{display: inline-block;width: 50%;vertical-align: middle;text-align: left;margin-left: 15px;border-left: 1px solid #c2b0af;padding-left: 20px;} .jiaoxueBanner .content .btns{margin-top: 54px;} .jiaoxueBanner .content .btns a{display: block;margin: 0 auto;width: 200px;height: 52px;line-height: 52px;text-align: center;font-size: 20px;} .jiaoxueBanner .content .btns a.buy{color: white;background-color: #ef4f34;border-radius: 4px;} .jiaoxueBanner .content .btns a.download{color: #ef4f34;} .jiaoxueBanner .content .btns span.download{display: none;} .jiaoxueMain{width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .jiaoxueMain .content{width: 1200px;margin: 125px auto 100px;} .jiaoxueMain .content .left{padding-right: 50px;} .jiaoxueMain .content .left li{font-size: 16px;margin-bottom: 28px;text-align: center;padding: 5px 10px;cursor: pointer;} .jiaoxueMain .content .left li.active{color: white;background-color: #ef4f34;border-radius: 4px;} .jiaoxueMain .content .right{padding-left: 20px;} .jiaoxueMain .content .right .title{font-size: 18px;color: #ef4a3d;background-color: rgba(239, 79, 52, 0.06);padding: 13px 30px;border-left: 3px solid #ef4a3d;} .jiaoxueMain .content .right .main{padding: 40px 0 80px;} .jiaoxueMain .content .right .item .thumb{position: relative;} .jiaoxueMain .content .right .item .player{cursor: pointer;position: absolute;right: 6px;bottom: 10px;} .jiaoxueMain .content .right .item>div:last-child{font-size: 16px;padding: 10px 0 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} /* jiaoxue.html end */ /* doufu start*/ .buy_doufu {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;background-color: #f9fafc;overflow: hidden;} .buy_doufu .buy_doufu_icon {width: 1200px;margin: 0px auto;} .buy_doufu_pingjia{color: #A7A7A7;} .buy_doufu_pingjia:hover{color: #1582f7;} .buy_doufu .buy_doufu_icon .buy_doufu_subject {font-size: 36px;text-align: center;padding-top: 40px;padding-bottom: 30px; vertical-align: top; padding-left: 75px;} .buy_doufu .buy_doufu_icon .Buy_Tab {text-align: center;padding-bottom: 100px;height: 70px;} .buy_doufu .buy_doufu_icon .Buy_Tab .active {color: #fff;border-color: #3781fb;background-color: #2575e8;} .buy_doufu .buy_doufu_icon .Buy_Tab li {display: inline-block;padding-right: 20px;padding-left: 20px; font-weight: bold;text-align: center;text-decoration: none;position: relative;height: 40px;line-height: 40px;font-size: 18px;cursor: pointer;color: #2575e8;background-color: #EFF2F7 /*#e9f2ff*/;border-radius: 4px;} .buy_doufu .buy_doufu_icon .Buy_Tab li:first-child {margin-right: 10px;} .buy_doufu .buy_doufu_icon .Buy_Tab li .tag {display: inline-block;width: 52px;height: 22px;background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/3.png) no-repeat center center;position: absolute;top: -25px;right: -20px;} .buy_doufu .buy_doufu_icon .Buy_Tab li:last-child {position: relative;margin-right: 10px;} .buy_doufu .buy_doufu_content {margin-top: 30px;position: relative;padding-bottom: 80px;} .buy_doufu .buy_doufu_content .active { margin-top: 0 !important; height: 520px !important;} .buy_doufu .buy_doufu_content .active .buy_doufu_icon_2 {padding-top: 25px !important; height: 520px !important;} .buy_doufu .buy_doufu_content .buy_doufu_goods {height: 520px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 {height: 520px;padding-left: 50px;padding-right: 50px;padding-top: 25px;padding-bottom: 30px;position: relative;border-radius: 4px;background-color: #fff;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title {vertical-align: top;padding-top: 20px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title img {width: 52px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel {vertical-align: top;padding-top: 15px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 {font-size: 21px;font-weight: bold;padding-bottom: 8px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div {font-size: 12px;padding-top: 8px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div span {display: inline-block;border-radius: 4px;padding-left: 8px;padding-right: 8px;padding-top: 2px;padding-bottom: 2px;border: 1px solid #BBBBBB;color: #666;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_dec {height: 60px;width: 490px;color: #666;font-size: 14px;line-height: 25px;padding-top: 10px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price {margin-top: 20px;font-size: 42px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price {position: relative;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price span:first-child {font-size: 24px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price label {border-radius: 5px;font-size: 12px;font-weight: bold;margin-left: 5px;position: relative;top: -20px;display: inline-block;padding: 2px 10px 2px 10px;background: #FAEDE5;color: #f44336;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai {position: relative;bottom: 8px;left: 8px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a {text-decoration: none;border-radius: 5px;background: #F7411C;border: 1px solid #F7401C;color: #fff;display: inline-block;text-align: center;box-sizing: border-box;font-size: 18px;width: 135px;height: 37px;line-height: 37px;margin-right: 10px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a:hover{background: #e63b19;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao {font-size: 15px;padding-top: 28px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao p {font-size: 15px;font-weight: bold;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong {color: #666;height: 128px} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div {display: inline-block;width: 100%;margin-top: 4px;margin-left: -10px;font-size: 15px;} .buy_doufu .buy_doufu_content .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div span {border: 1px solid red;width: 7%;text-align: center;color: red;font-size: 10px;font-weight: bold; margin-left: 10px;padding-left: 2px;padding-right: 2px;border-radius: 5px;display: inline-block;line-height: 18px;vertical-align: top;margin-right: 7px;} .buy_doufu .buy_doufu_content_2 {margin-top: 4px;position: relative;} .buy_doufu .buy_doufu_content_2 .active {margin-top: 0 !important;height: 560px !important;} .buy_doufu .buy_doufu_content_2 .active .buy_doufu_icon_2 {padding-top: 50px !important;height: 560px !important;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods {position: relative;margin-top: 25px;vertical-align: top;width: 33%;height: 520px;display: inline-block;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 {height: 520px;padding-left: 30px;padding-right: 30px;padding-top: 20px;padding-bottom: 40px;position: relative;border-radius: 4px;background-color: #fff;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title {vertical-align: top;padding-top: 20px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_title img {width: 52px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel {vertical-align: top;padding-top: 15px;padding-left: 15px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 {font-size: 21px;font-weight: bold;padding-bottom: 8px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div {font-size: 13px;padding-top: 9px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_header .buy_doufu_tel h3 div span {display: inline-block;border-radius: 4px;padding-left: 8px;padding-right: 8px;padding-top: 2px;padding-bottom: 2px;border: 1px solid #BBBBBB;color: #666;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_dec {height: 56px;width: 100%;color: #666;font-size: 13px;line-height: 23px;padding-top: 10px} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price {margin-top: 18px;font-size: 44px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price {position: relative;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price span:first-child {font-size: 24px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .price label {border-radius: 5px;font-size: 12px;font-weight: bold;margin-left: 2px;position: relative;top: -20px;display: inline-block;padding: 2px;background: #FAEDE5;color: #f44336;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai {position: relative;bottom: 8px;left: 8px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a {text-decoration: none;border-radius: 5px;background:#F7401C;border: 1px solid #F7411C;color: #fff;display: inline-block;text-align: center;box-sizing: border-box;font-size: 18px;width: 100px;height: 37px;line-height: 37px;margin-right: 10px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_price .goumai a:hover{background: #e63b19;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao {font-size: 15px;padding-top: 36px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao p {font-size: 15px;font-weight: bold;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong {color: #666;margin-left: -10px;height: 128px} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div {display: inline-block;width: 100%;padding-top: 10px;font-size: 15px;} .buy_doufu .buy_doufu_content_2 .buy_doufu_goods .buy_doufu_icon_2 .buy_doufu_cuxiao .zengsong div span {border: 1px solid red;width: 10%;text-align: center;color: red;font-size: 10px;font-weight: bold; margin-left: 10px;padding-left: 2px;padding-right: 2px;border-radius: 5px;display: inline-block;line-height: 18px;vertical-align: top;margin-right: 7px;} .buy_doufu_tag1{text-shadow:0px 0px 5px #ff9b4a,0px 0px 10px #ff9b4a;display: inline-block;color:#fff7df;background-color:#E33C1A; text-align: center;height: 25px;line-height: 25px;font-size: 14px; width: 100px;border-radius: 4px;letter-spacing: 1px;} .buy_doufu_tag2{text-shadow:0px 0px 5px #ff9b4a,0px 0px 10px #ff9b4a;display: inline-block;color:#fff7df;background-color:#E33C1A; text-align: center;height: 25px;line-height: 25px;font-size: 14px; width: 100px;border-radius: 4px;letter-spacing: 1px;} .buy_doufu_tag3{text-shadow:0px 0px 5px #ff9b4a,0px 0px 10px #ff9b4a;display: inline-block;color:#fff7df;background-color:#E33C1A; text-align: center;height: 25px;line-height: 25px;font-size: 14px; width: 100px;border-radius: 4px;letter-spacing: 1px;} .doufu_ayoa_m3 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto; background-color: #fff; height: 280px;margin-top: 40px;} .doufu_ayoa_m3 .content {width: 1200px;margin: 0 auto;padding-top: 50px;} .doufu_ayoa_m3 .content .title {font-size: 26px;font-family: 'bestFont medium';text-align: center; font-weight: bold;} .doufu_ayoa_m3 .content .wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0px;} .doufu_ayoa_m3 .content .wrapper .item {width: 25%;text-align: center;font-family: 'bestFont regular';padding-top: 55px;padding-bottom: 20px;} .doufu_ayoa_m3 .content .wrapper .item .v_title {font-size: 20px;margin-top: 20px;} .lim_buy_c {background:#E33C1A;border-top-left-radius: 4px;border-top-right-radius: 4px;} .lim_buy_b {position: absolute;top:0px;left: 0px} .lim_buy_b1 {position: absolute;top:25px;left: 0px} .lim_buy_d {position: absolute;top:0px;right: 0px} .lim_buy_d1 {position: absolute;top:25px;right: 0px} .buy_doufu_img { width: 220px; height: 220px;} .buy_doufu_hover { background: none;border: 1px solid #e94518; color: #e94518; display: inline-block; text-align: center; box-sizing: border-box; } .buy_doufu_hover:hover{ background-color: #F8401C; color: #fff!important;} .doufu_buyList2 > div > div { background-color: #fff; height: 220px;} .doufu_buyList2 .buyList2_price { position: absolute; left: 0; top: 114px; } .doufu_buyList2 .buyList2_btn { position: absolute; left: 0; top: 170px; } .doufu_buyList2 .supbg { background-color: #fdc043; } /* doufu end*/ /*评价 start */ .pingjia_header_title {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;height: 70px;position: relative;z-index: 998;text-align: right;border-top: solid #F4F4F4 1px;} .pingjia_header_title .pingjia {width: 160px;height: 50px;display: inline-block;position: absolute;top: 50%;left: 50%;margin: -15px 0 0 135px;} .pingjia_header_title .pingjia span {font-size: 16px;} .pingjia_header_title .duibi {width: 80px;height: 50px;display: inline-block;position: absolute;top: 50%;left: 50%;margin: -15px 0 0 320px;} .pingjia_header_title .duibi a {font-size: 16px;color: #000;} .pingjia_header_title .goumai {width: 140px;height: 50px;display: inline-block;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 440px;} .pingjia_header_title .goumai a {background: #F7411C;border: 1px solid #e94518;color: #fff;display: inline-block;text-align: center;box-sizing: border-box;font-size: 18px;width: 160px;line-height: 40px;border-radius: 5px;} .pingjia_header_title.prod-menu_fixed60{position: fixed;top: 60px;left: 50%;transform: translate(-50%);z-index: 101;background-color: #fff;} .pingjia_header_title.prod-menu_fixed30{position: fixed;top: 30px;left: 50%;transform: translate(-50%);z-index: 101;background-color: #fff;} .pingjia_content {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;overflow: hidden;padding-top: 40px;background-color: #F9FAFC;} .pingjia_content .v1 {width: 1200px;margin: 0 auto;} /*.pingjia_content .v1 div {margin-top: 4px;position: relative !important;}*/ .pingjia_content .v2 {padding-left: 50px;padding-right: 30px;padding-top: 30px;padding-bottom: 40px;position: relative !important;border-radius: 4px;min-height: 200px;background-color: #fff;} .pingjia_content .v3 {border-bottom: solid #F6F6F6 1px;width: 800px;height: 50px;display: inline-block;font-size: 16px;font-weight: bold;} .pingjia_content .comment_pingjia {margin-top: 10px;margin: 0 auto;} .pingjia_content .comment_pingjia .item {padding-bottom: 20px;padding-top: 20px;border-bottom: solid #F6F6F6 1px;} .pingjia_content .comment_pingjia .item .user {display: inline-block;vertical-align: top;text-align: center;} .pingjia_content .comment_pingjia .item .userComment {display: inline-block;width: 90%;vertical-align: top;font-size: 14px;padding-left: 20px;} .pingjia_content .comment_pingjia .item .userComment .uname {font-size: 14px;font-weight: bold;} .pingjia_content .comment_pingjia .item .userComment .evacontent {font-size: 14px;padding-top: 6px;} .pingjia_content .comment_pingjia .item .userComment .goods {font-size: 14px;padding-top: 12px;color: #999;padding: 0 0 10px;} .pingjia_content .comment_pingjia .item .userComment .replay {padding: 12px 0 15px 20px;background-color: #F7F7F7;} .pingjia_content .comment_pingjia .item .userComment .replay .mairuan {display: inline-block;vertical-align: top;text-align: center;} .pingjia_content .comment_pingjia .item .userComment .replay .replay_comment {display: inline-block;width: 90%;vertical-align: top;font-size: 14px;padding-left: 20px;} .pingjia_content .comment_pingjia .item .userComment .replay .replay_comment .replay_user {font-size: 14px;font-weight: bold;} .pingjia_content .comment_pingjia .item .userComment .replay .replay_comment .replay_content {font-size: 14px;padding-top: 6px;} .pingjia_content .showMore {text-align: center;padding-top: 30px;} .pingjia_count_all {float: right;} .pingjia_count_all .pingjia_count {padding-left: 50px;padding-right: 15px;padding-top: 30px;padding-bottom: 60px;position: relative !important;border-radius: 4px;background-color: #fff;} .pingjia_count_all .pingjia_count .pie {width: 140px;height: 140px;border-radius: 50%;background: pink;position: relative;} .pingjia_count_all .pingjia_count .pie .circle {width: 115px;height: 115px;line-height: 25px;text-align: center;color: red;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -50%);background: white;border-radius: 50%;font-size: 36px;padding-top: 30px;font-weight: bold;} .pingjia_count_all .pingjia_count .pie .circle span {color: #000;font-size: 16px;font-weight: normal;} .pingjia_count_all .pingjia_count .pie .left {border-radius: 140px 0 0 140px;width: 70px;height: 140px;float: left;overflow: hidden;} .pingjia_count_all .pingjia_count .pie .left .left-deg {width: 70px;height: 140px;background: #F7401D;transform-origin: right center;transform: rotate(0deg);} .pingjia_count_all .pingjia_count .pie .right {border-radius: 0 140px 140px 0;width: 70px;height: 140px;float: left;overflow: hidden;} .pingjia_count_all .pingjia_count .pie .right .right-deg {width: 70px;height: 140px;background: #F7401D;transform-origin: left center;transform: rotate(0deg);} .pingjia_count_all .pingjia_count .count {margin-top: 15px;} .pingjia_count_all .pingjia_count .count span:first-child {font-size: 30px;font-weight: bold;} /*评价 end*/ /* 夏季毕业季2020 start */ .byj2020Banner{width: 100%;max-width: 1920px;min-width: 1200px;margin: 0px auto;height: 640px;background:url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucaibanner2020.png') no-repeat center center;} .byj2020_m1{width: 100%;max-width: 1920px;min-width: 1200px;margin: 106px auto 0;} .byj2020_m1 .content{width: 1200px;margin: 0 auto;} .byj2020_m1 .content .title{font-size: 36px;font-weight: bold;text-align: center;color: #333;position: relative;} .byj2020_m1 .content .title img{vertical-align: middle;margin-right: 0px;} .byj2020_m1 .content .title div.title_name{display: inline-block;vertical-align: middle;} .byj2020_m1 .content .title i{display: inline-block;font-size: 25px;font-weight: normal;color: #999;vertical-align: middle;cursor: pointer;} .byj2020_m1 .content .title span.intro{display: inline-block;font-size: 16px;font-weight: normal;color: #777;margin-left: -5px;vertical-align: middle;cursor: pointer;} .byj2020_m1 .content .title .desc{font-size: 18px;color: #666;font-weight: normal;margin-top: 13px;} .byj2020_m1 .content .title .cover{display: none;width: 410px;height: 322px;color: white;background-color: rgba(0, 0, 0, 0.8);font-size: 16px;font-weight: 200;/*font-family: bestFont_regular;*/text-align: left;padding: 25px 15px 25px 20px;border-radius: 4px;position: absolute;top: 22%;left: 66.4%;} .byj2020_m1 .content .title .cover ul{margin-top: 25px;} .byj2020_m1 .content .title .cover li{margin-bottom: 14px;} .byj2020_m1 .content .title .cover li a{color: #4299fc;} .byj2020_m2{width: 100%;max-width: 1920px;min-width: 1200px;margin: 120px auto 0;background-color: #f6fcff;} .byj2020_m2 .content{width: 1200px;margin: 0 auto;padding-top: 92px;padding-bottom: 75px;} .byj2020_m2 .content h2{text-align: center;font-size: 36px;color: #333;font-weight: bold;} .byj2020_m2 .content h2 span{position: relative;z-index: 2;} .byj2020_m2 .content h2 span::after{content: '';width: 100%;height: 6px;background-color: #eb5440;position: absolute;left: 0;bottom: 2px;z-index: -1;} .byj2020_m2 .content .menu{display: flex;border-bottom: 1px solid #edf0f5;margin-top: 66px;} .byj2020_m2 .content .menu li{flex: 1;text-align: center;} .byj2020_m2 .content .menu li span{display: inline-block;font-size: 22px;color: #666;padding-bottom: 12px;cursor: pointer;} .byj2020_m2 .content .menu li.active span{position: relative;color: #eb5440;font-weight: bold;} .byj2020_m2 .content .menu li.active span::after{content: '';width: 110%;height: 2px;background-color: #eb5440;position: absolute;bottom: 0;left: -5%;} .byj2020_m2 .content .list{margin-top: 40px;} .byj2020_m2 .content .list>div{margin-bottom: 40px;padding-right: 15px;} .byj2020_m2 .content .list .item{display: inline-block;overflow: hidden;position: relative;cursor: pointer;box-shadow: 0 0 18px rgba(191, 191, 200, 0.3);} .byj2020_m2 .content .list .item_title{height: 40px;line-height: 40px;background-color: white;border: 1px solid #eee;} .byj2020_m3{width: 100%;max-width: 1920px;min-width: 1200px;margin: 115px auto 0;} .byj2020_m3 .content{width: 1200px;margin: 0 auto;} .byj2020_m3 .content h2{text-align: center;font-size: 36px;color: #333;font-weight: bold;} .byj2020_m3 .content h2 span{position: relative;z-index: 2;} .byj2020_m3 .content h2 span::after{content: '';width: 100%;height: 6px;background-color: #eb5440;position: absolute;left: 0;bottom: 2px;z-index: -1;} .byj2020_m3 .content .menu{display: flex;border-bottom: 1px solid #edf0f5;margin-top: 66px;} .byj2020_m3 .content .menu li{flex: 1;text-align: center;} .byj2020_m3 .content .menu li span{display: inline-block;font-size: 22px;color: #666;padding-bottom: 12px;cursor: pointer;} .byj2020_m3 .content .menu li.active span{position: relative;color: #eb5440;font-weight: bold;} .byj2020_m3 .content .menu li.active span::after{content: '';width: 110%;height: 2px;background-color: #eb5440;position: absolute;bottom: 0;left: -5%;} .byj2020_m3 .content .list{margin-top: 40px;} .byj2020_m3 .content .list>div{margin-bottom: 40px;padding-right: 15px;} .byj2020_m3 .content .list .item{display: inline-block;overflow: hidden;position: relative;cursor: pointer;box-shadow: 0 0 18px rgba(191, 191, 200, 0.3);} .byj2020_m3 .content .list .item_title{height: 40px;line-height: 40px;background-color: white;border: 1px solid #eee;} .byj2020_m4{width: 100%;max-width: 1920px;min-width: 1200px;margin: 45px auto 0;box-shadow: 0 -5px 18px rgba(191, 191, 200, 0.08);} .byj2020_m4 .content{width: 1200px;margin: 0 auto;padding: 35px 0 25px;} .byj2020_m4 .content input[type='checkbox']{width: 16px;height: 16px;background:url("//pic.mairuan.com/WebSource/huishenghuiying/web/images/byj2020_nocheck.png") no-repeat;-webkit-appearance: none;vertical-align: middle;} .byj2020_m4 .content input[type='checkbox']:checked{background:url("//pic.mairuan.com/WebSource/huishenghuiying/web/images/byj2020_checked.png") no-repeat;} /* 夏季毕业季2020 end */ /* 正版lp页 */ .genuine_top_wrapper{background-color: #f23729;} .genuine_top_wrapper i{background: url(//pic.mairuan.com/WebSource/coreldraw/web/images/icon_warning.png);} .warningBg{position: relative;} .warningBg::before{content: '';width: 824px;height: 128px;background: url(//pic.mairuan.com/WebSource/coreldraw/web/images/genuine_bg_1.png) no-repeat center center;position: absolute;top: 50%;left: 50%;margin: -64px 0 0 -412px;} .genuine_bottom1{background: url(//pic.mairuan.com/WebSource/coreldraw/web/images/genuine_bg_2.png) no-repeat center center;position: relative;} .genuine_bottom1::after{content: "中国地区";width: 105px;height: 32px;line-height: 34px;text-align: center;font-size: 20px;font-weight: bold;color: #fff;background-color: #e8bf7e;position: absolute;bottom: 0;left: 50%;margin: 0 0 -16px -52px;} .genuine_bottom2{background: url(//pic.mairuan.com/WebSource/coreldraw/web/images/genuine_bg_3.png) no-repeat center center;background-size: 100% 100%;} /*深夜秒杀 start*/ .idx-banner_shengyemiaosha{width: 100%;max-width: 1920px;min-width: 1200px;height: 640px;margin: 0px auto;background: url('//pic.mairuan.com/shenyemiaosha/banner_2020730_hshy.png') no-repeat center center;background-size: cover;} .idx-banner_shengyemiaosha .content{width: 1200px;height: 100%;margin: 0px auto;color: white;text-align: center;padding-top: 120px;position: relative;} .idx-banner_shengyemiaosha .desc{font-size: 22px;font-weight: 200;} .idx-banner_shengyemiaosha .slogan{font-size: 82px;font-weight: bold;padding-top: 45px;letter-spacing: 2px;padding-bottom: 10px;} .idx-banner_shengyemiaosha .slogan div{display: inline-block;line-height: 35px;font-size: 42px;text-align: left;margin-left: 25px;position: relative;top: -15px;} .idx-banner_shengyemiaosha .slogan del{display: inline-block;font-size: 26px;font-weight: 200;position: relative;top: -40px;margin-left: 5px;} .idx-banner_shengyemiaosha .detail{text-align: center; margin: 0 auto; letter-spacing: 1px; font-size: 28px; background-color: rgba(255, 255, 255, 0.17);width: 600px; height: 45px;line-height: 45px;border-radius: 4px;} .idx-banner_shengyemiaosha .znegsong{display: inline-block;} .idx-banner_shengyemiaosha .detail span{font-size: 22px;padding-right: 10px;padding-left: 10px;position: relative;top: -2px;} .idx-banner_shengyemiaosha .detail .jiahao{display: inline-block;width: 20px;height: 20px;;background: url('//pic.mairuan.com/shenyemiaosha/banner_20200730_gp_jia.png') no-repeat center center;} .idx-banner_shengyemiaosha a.buy{display: block;width: 200px;height: 50px;line-height: 50px;margin: 0 auto;color: white;background-color: #f74446;font-size: 20px;border-radius: 4px;margin-top: 70px;} .idx-banner_shengyemiaosha .count{text-align: center;font-size: 18px;padding-top: 15px;color:#FFFFFF;text-shadow:0px 0px 5px blue,0px 0px 10px #5518cc,0px 0px 15px #5518cc,0px 0px 20px #5518cc;} .idx-banner_shengyemiaosha .count span{letter-spacing: 2px;padding-top: 2px;} .idx-banner_shengyemiaosha .tag{width: 185px;height: 111px;background: url('//pic.mairuan.com/shenyemiaosha/jiaobiao_20200730.png') no-repeat center center;background-size: cover;position: absolute;top: 80px;right: 0px;} /*深夜秒杀 end*/ /* 直播 start */ @keyframes wktBannerImg1 {0%{left: -609px;opacity: 0;}70%{opacity: 0;}100%{left: 65px;opacity: 1;}} @keyframes wktBannerImg2 {0%{left: -677px;opacity: 0;}70%{opacity: 0;}100%{left: 40px;opacity: 1;}} @keyframes wktBannerImg3 {0%{left: -175px;opacity: 0;}30%{opacity: 0;}100%{left: 705px;opacity: 1;}} @keyframes wktBannerImg3_b {0% {transform: rotate(0deg);}15% {transform: rotate(-15deg);}24% {transform: rotate(0deg);}38% {transform: rotate(15deg);}50% {transform: rotate(0deg);}62% {transform: rotate(-15deg);}74% {transform: rotate(0deg);}85% {transform: rotate(15deg);}100% {transform: rotate(0deg);}} .hshy-wkt-banner {width: 100%;max-width: 1920px;min-width: 1200px;height: 620px;margin: 0 auto;background: #03003A url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_025.png') no-repeat center center;text-align: center;} .hshy-wkt-banner .content {width: 1200px;height: 100%;margin: 0 auto;position: relative;overflow: hidden;} .hshy-wkt-banner .content img {position: absolute;transition: all 0.5s;} .hshy-wkt-banner .content img.img1 {top: 92px;left: 65px;opacity: 0;} .hshy-wkt-banner .content img.img2 {bottom: 94px;left: 40px;opacity: 0;} .hshy-wkt-banner .content img.img3 {width: 175px;bottom: 150px;left: 705px;opacity: 0;} .hshy-wkt-content1 {padding-top: 120px;width: 100%;max-width: 1920px;min-width: 1200px;height: 930px;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_009.png') no-repeat center center;margin: 0 auto;} .hshy-wkt-content1 .saoma {width: 100%;max-width: 1920px;min-width: 1200px;height: 300px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_002.png') no-repeat center center;text-align: center;} .hshy-wkt-content1 .content1 {padding-top: 120px;} .hshy-wkt-content1 .content1 .title {width: 100%;height: 139px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_008.png') no-repeat center center;text-align: center;} .hshy-wkt-content1.new .content1 .title {width: 100%;height: 139px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20220427_wkt_03.png') no-repeat center center;text-align: center;} .hshy-wkt-content1 .content1 .desc {width: 1200px;margin: 0 auto;padding-top: 50px;} .hshy-wkt-content1 .content1 .desc .wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0px;} .hshy-wkt-content1 .content1 .desc .wrapper .zs1 {display: inline-block;height: 22px;width: 12%;padding-top: 275px;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_007.png') no-repeat center center;background-size: 100%;} .hshy-wkt-content1 .content1 .desc .wrapper .zs2 {display: inline-block;height: 22px;width: 12%;padding-top: 275px;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_007.png') no-repeat center center;background-size: 100%;} .hshy-wkt-content1 .content1 .desc .wrapper .zs3 {display: inline-block;height: 22px;width: 12%;padding-top: 275px;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_007.png') no-repeat center center;background-size: 100%;} .hshy-wkt-content1 .content1 .desc .wrapper .item {width: 15%;text-align: center;font-family: 'bestFont regular';padding-top: 55px;padding-bottom: 20px;} .hshy-wkt-content1 .content1 .desc .wrapper .item .v_title {color: #FFFFFF;font-size: 20px;margin-top: 20px;letter-spacing: 2px;} .hshy-wkt-content2 {padding-top: 100px;width: 100%;max-width: 1920px;min-width: 1200px;height: 622px;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_010.png') no-repeat center center;margin: 0 auto;} .hshy-wkt-content2 .content2 {padding-top: 0px;} .hshy-wkt-content2 .content2 .title {width: 100%;height: 139px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_011.png') no-repeat center center;text-align: center;} .hshy-wkt-content2.new .content2 .title {width: 100%;height: 139px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20220427_wkt_04.png') no-repeat center center;text-align: center;} .hshy-wkt-content2 .content2 .desc {width: 1200px;margin: 0 auto;padding-top: 0px;} .hshy-wkt-content2 .content2 .desc .item {display: inline-block;width: 33%;font-family: 'bestFont regular';padding-top: 20px;padding-bottom: 20px;position: relative;} .hshy-wkt-content2 .content2 .desc .item span {color: #ffffff;font-size: 22px;position: absolute;top: 60px;left: 26px;} .hshy-wkt-content2 .content2 .desc .item .t2 {left: 35px;} .hshy-wkt-content2 .content2 .desc .item .detail {color: #FFFFFF;font-size: 18px;text-align: left;line-height: 30px;position: absolute;top: 130px;left: 68px;} .hshy-wkt-content3 {padding-top: 100px;width: 100%;max-width: 1920px;min-width: 1200px;height: 1100;background: #03003A;margin: 0 auto;} .hshy-wkt-content3 .saoma {width: 100%;max-width: 1920px;min-width: 1200px;height: 300px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_002.png') no-repeat center center;text-align: center;} .hshy-wkt-content3 .content3 {padding-top: 0px;} .hshy-wkt-content3 .content3 .title {width: 100%;height: 139px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_013.png') no-repeat center center;text-align: center;} .hshy-wkt-content3.new .content3 .title {width: 100%;height: 139px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20220427_wkt_01.png') no-repeat center center;text-align: center;} .hshy-wkt-content3 .content3 .desc {padding-top: 60px;} .hshy-wkt-content3 .content3 .desc .detail {max-width: 1296px;height: 478px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_014.png') no-repeat center center;text-align: center;} .hshy-wkt-content3 .content3 .desc .detail .main {padding-top: 40px;} .hshy-wkt-content3 .content3 .desc .detail .main .item {padding-top: 20px;display: inline-block;width: 24%;} .hshy-wkt-content3 .content3 .desc .detail .main .item .thumb {position: relative;} .hshy-wkt-content3 .content3 .desc .detail .main .item .thumb .v2 {position: absolute;top: 133px;left: 20px;} .hshy-wkt-content3 .content3 .desc .detail .main .item .thumb span {position: absolute;color: #fff;top: 142px;left: 40px;font-size: 16px;} .hshy-wkt-content3 .content3 .desc .detail .main .item .thumb .player {cursor: pointer;position: absolute;top: 133px;left: 238px;} .hshy-wkt-content3 .content3 .desc .detail .main .item .thumb .hid {position: absolute;color: #FFF;font-size: 16px;top: 120px;left: 110px;} .hshy-wkt-content4 {padding-top: 100px;width: 100%;max-width: 1920px;min-width: 1200px;height: 878px;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_019.png') no-repeat center center;margin: 0 auto;} .hshy-wkt-content4 .content4 {padding-top: 0px;} .hshy-wkt-content4 .content4 .title {width: 100%;height: 139px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_020.png') no-repeat center center;text-align: center;} .hshy-wkt-content4.new .content4 .title {width: 100%;height: 139px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20220427_wkt_02.png') no-repeat center center;text-align: center;} .hshy-wkt-content4 .content4 .desc {padding-top: 60px;} .hshy-wkt-content4 .content4 .desc .detail {max-width: 1296px;height: 478px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_014.png') no-repeat center center;text-align: center;} .hshy-wkt-content4 .content4 .desc .detail .main {padding-top: 40px;} .hshy-wkt-content4 .content4 .desc .detail .main .item {padding-top: 20px;display: inline-block;width: 24%;} .hshy-wkt-content4 .content4 .desc .detail .main .item .thumb {position: relative;} .hshy-wkt-content4 .content4 .desc .detail .main .item .thumb .player {cursor: pointer;position: absolute;top: 60px;left: 125px;} .hshy-wkt-content5 {padding-top: 100px;width: 100%;max-width: 1920px;min-width: 1200px;height: 800px;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_022.png') no-repeat center center;margin: 0 auto;} .hshy-wkt-content5 .content5 {padding-top: 0px;} .hshy-wkt-content5 .content5 .title {width: 100%;height: 139px;margin: 0 auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_023.png') no-repeat center center;text-align: center;} .hshy-wkt-content5 .content5 .desc {width: 100%;height: 396px;margin: 50px auto;background: url('//pic.mairuan.com/yingxiaopublic/image/hshy20200811_wkt_024.png') no-repeat center center;text-align: center;} /* 直播 end*/ /* 双十一 start */ .topic_m1 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 634px;background: #e62451 url('//pic.mairuan.com/2020/double11/topic_banner.png') no-repeat center center;} .topic_m1 .content {width: 1200px;height: 100%;margin: 0 auto;position: relative;} .topic_m1 .content .time {display: inline-block;width: 296px;height: 42px;color: white;background: url('//pic.mairuan.com/2020/double11/topic_banner_timeBg.png') no-repeat center center;background-size: 100%;font-size: 26px;line-height: 42px;font-family: 'SourceHanSansSC-Regular, bestFont regular';text-align: center;position: absolute;bottom: 20%;left: 50%;transform: translate(-50%, 0);} .topic_m2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: url('//pic.mairuan.com/2020/double11/topic_m2_bg.jpg') no-repeat top center;background-size: 100% 100%;} .topic_m2 .content {width: 1200px;margin: 0 auto;padding-top: 90px;padding-bottom: 120px;text-align: center;} .topic_m2 .content .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m2 .content .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m2 .content .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m2 .content .main {text-align: left;margin-top: 50px;} .topic_m2 .content .main .item {width: 100%;background-color: white;border-radius: 4px;border: 4px solid #fff1cd;display: flex;} .topic_m2 .content .main .item .left .m_show {display: none;} .topic_m2 .content .main .item .right {padding: 42px 20px 0 50px;} .topic_m2 .content .main .item .v_title {font-size: 28px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .topic_m2 .content .main .item .v_desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #333;} .topic_m2 .content .main .item .v_curve {width: 586px;height: 233px;background: url('//pic.mairuan.com/2020/double11/topic_m2_item1_curve_hh.png') no-repeat center center;position: relative;} .topic_m2 .content .main .item .v_curve .activity {display: inline-block;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #666;text-align: right;position: absolute;top: 45px;left: 65px;} .topic_m2 .content .main .item .v_curve .activity label {font-size: 26px;padding-left: 15px;position: relative;} .topic_m2 .content .main .item .v_curve .activity label::before {content: '￥';font-size: 18px;position: absolute;bottom: 3px;left: -5px;} .topic_m2 .content .main .item .v_curve .activity del {display: block;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;margin-top: -5px;} .topic_m2 .content .main .item .v_curve .subsidy {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: white;padding-top: 6px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .topic_m2 .content .main .item .v_curve .subsidy label {display: block;font-size: 30px;padding-left: 20px;margin-top: -5px;position: relative;} .topic_m2 .content .main .item .v_curve .subsidy label::before {content: '￥';font-size: 18px;position: absolute;bottom: 3px;left: 0;} .topic_m2 .content .main .item .v_curve .doubel11 {font-size: 18px;line-height: 22px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #666;position: absolute;left: 62.5%;top: 56.5%;} .topic_m2 .content .main .item .v_curve .daily {display: inline-block;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #666;text-align: right;position: absolute;top: 45px;right: 80px;} .topic_m2 .content .main .item .v_curve .daily label {font-size: 26px;padding-left: 15px;position: relative;} .topic_m2 .content .main .item .v_curve .daily label::before {content: '￥';font-size: 18px;position: absolute;bottom: 3px;left: -5px;} .topic_m2 .content .main .item .v_price {text-align: center;font-size: 22px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #ff383f;padding-right: 15px;} .topic_m2 .content .main .item .v_price label {font-size: 60px;padding-left: 20px;position: relative;} .topic_m2 .content .main .item .v_price label::before {content: '￥';font-size: 22px;position: absolute;bottom: 12px;left: 0;} .topic_m2 .content .main .item .v_giveaway {text-align: center;font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .topic_m2 .content .main .item .v_giveaway span {height: 26px;line-height: 26px;text-align: center;color: #ff383f;background-color: rgba(230, 36, 81, 0.1);border-radius: 4px;padding: 0 8px;} .topic_m2 .content .main .item .v_giveaway label {display: none;} .topic_m2 .content .main .item .btns {text-align: center;font-family: 'SourceHanSansSC-Regular, bestFont regular';} .topic_m2 .content .main .item .btns a.buynow {display: inline-block;width: 220px;height: 60px;line-height: 60px;text-align: center;border-radius: 4px;color: white;background-color: #ff383f;font-size: 24px;} .topic_m2 .content .main .item .btns .number {font-size: 18px;} .topic_m2 .content .main .item .btns .number span {color: #ff383f;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m3 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: url('//pic.mairuan.com/2020/double11/topic_m3_bg.jpg') no-repeat top center;background-size: 100% 100%;} .topic_m3 .content {width: 1200px;margin: 0 auto;padding-top: 90px;padding-bottom: 120px;text-align: center;} .topic_m3 .content .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m3 .content .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m3 .content .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m3 .content .progress {width: 100%;height: 252px;border-radius: 4px;background: #e13a4e url('//pic.mairuan.com/2020/double11/topic_m3_progressBg2.png') no-repeat center center;margin-top: 50px;display: flex;} .topic_m3 .content .progress .item {flex: 1;text-align: center;} .topic_m3 .content .progress .item .v_time {color: white;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 32px;} .topic_m3 .content .progress .item .slogen {display: inline-block;width: 118px;height: 107px;line-height: 107px;text-align: center;background: url('//pic.mairuan.com/2020/double11/topic_m3_progressBg.png') no-repeat center center;color: #d72042;font-size: 62px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-top: 10px;} .topic_m3 .content .progress .item .v_title {font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;margin-top: 10px;} .topic_m3 .content .main {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 60px;} .topic_m3 .content .main .item {width: 560px;height: 540px;background-color: white;border: 4px solid #fff1cd;border-radius: 4px;text-align: center;position: relative;} .topic_m3 .content .main .item .v_tag {width: 73px;height: 73px;line-height: 28px;color: white;background: url('//pic.mairuan.com/2020/double11/topic_m3_tag.png') no-repeat center center;background-size: 100%;font-size: 24px;font-family: 'SourceHanSansSC-Regular, bestFont regular';padding-top: 3px;position: absolute;top: 0;right: 0;} .topic_m3 .content .main .item .v_title {font-size: 24px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 23px;} .topic_m3 .content .main .item > img {margin-top: 35px;} .topic_m3 .content .main .item img.finger {position: absolute;bottom: -20px;right: -22px;} .topic_m3 .content .main .item .v_price {width: 552px;height: 130px;background: url('//pic.mairuan.com/2020/double11/topic_m3_item_buy.png') no-repeat center center;position: absolute;left: 0;bottom: 0;} .topic_m3 .content .main .item .v_price .price11 {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #ff383f;position: absolute;top: -7px;left: 33%;} .topic_m3 .content .main .item .v_price .price11 label {font-size: 26px;padding-left: 15px;position: relative;} .topic_m3 .content .main .item .v_price .price11 label::before {content: '￥';font-size: 18px;position: absolute;bottom: 0;left: 0;} .topic_m3 .content .main .item .v_price .buyprice {font-size: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;text-align: center;position: absolute;top: 10px;left: 26px;} .topic_m3 .content .main .item .v_price .buyprice label {display: block;font-size: 46px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding-left: 26px;position: relative;} .topic_m3 .content .main .item .v_price .buyprice label::before {content: '￥';font-size: 20px;position: absolute;bottom: 8px;left: 3px;} .topic_m3 .content .main .item .v_price .component {position: absolute;top: 40px;left: 33%;color: white;} .topic_m3 .content .main .item .v_price .component .top {font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m3 .content .main .item .v_price .component .middle {margin-top: 3px;} .topic_m3 .content .main .item .v_price .component .middle span {display: inline-block;text-align: center;font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m3 .content .main .item .v_price .component .middle span:first-child {width: 30%;} .topic_m3 .content .main .item .v_price .component .middle span:last-child {width: 60%;} .topic_m3 .content .main .item .v_price .component .bottom {text-align: left;margin-top: -5px;} .topic_m3 .content .main .item .v_price .component .bottom label {display: inline-block;width: 30%;font-size: 32px;padding-left: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';position: relative;} .topic_m3 .content .main .item .v_price .component .bottom label::before {content: '￥';font-size: 16px;position: absolute;bottom: 6px;left: 2px;} .topic_m3 .content .main .item .v_price .component .bottom i {display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #d72042;background-color: white;border-radius: 50%;margin: 0 12px 50px 0;vertical-align: top;} .topic_m3 .content .main .item .v_price .buynow {display: inline-block;width: 120px;height: 100px;font-size: 26px;line-height: 30px;font-family: 'SourceHanSansSC-Medium, bestFont medium';color: #ff383f;padding-top: 32px;position: absolute;top: 20px;right: 0;} .topic_m4 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: url('//pic.mairuan.com/2020/double11/topic_m4_bg.jpg') no-repeat top center;background-size: 100% 100%;} .topic_m4 .content {width: 1200px;margin: 0 auto;padding: 90px 0 95px;} .topic_m4 .content .m1 {text-align: center;} .topic_m4 .content .m1 .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m4 .content .m1 .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m4 .content .m1 .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m4 .content .m1 .title + span {display: none;} .topic_m4 .content .m1 .wrapper {width: 100%;height: 360px;background: url('//pic.mairuan.com/2020/double11/topic_m4_m1_bg.png') no-repeat center center;margin-top: 45px;position: relative;} .topic_m4 .content .m1 .wrapper .main {width: 494px;height: 280px;background-color: rgba(255, 255, 255, 0.7);text-align: left;padding: 30px 0 0 50px;position: absolute;top: 40px;left: 50%;} .topic_m4 .content .m1 .wrapper .main .tag {width: 73px;height: 73px;line-height: 28px;color: white;background: url('//pic.mairuan.com/2020/double11/topic_m3_tag.png') no-repeat center center;background-size: 100%;font-size: 24px;font-family: 'SourceHanSansSC-Regular, bestFont regular';text-align: center;padding-top: 3px;position: absolute;top: 0;right: 0;} .topic_m4 .content .m1 .wrapper .main .v_title {font-size: 32px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .topic_m4 .content .m1 .wrapper .main .v_price {font-size: 26px;margin-top: 35px;} .topic_m4 .content .m1 .wrapper .main .v_price label {font-size: 42px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding-left: 20px;color: #ff383f;position: relative;} .topic_m4 .content .m1 .wrapper .main .v_price label::before {content: '￥';font-size: 26px;position: absolute;bottom: 5px;left: -3px;} .topic_m4 .content .m1 .wrapper .main .v_price del {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;} .topic_m4 .content .m1 .wrapper .main .v_price span {display: inline-block;width: 130px;height: 28px;line-height: 28px;text-align: center;color: #ff383f;background: url('//pic.mairuan.com/2020/double11/topic_m4_m1_tag.png') no-repeat center center;font-size: 16px;font-family: 'SourceHanSansSC-Medium, bestFont medium';} .topic_m4 .content .m1 .wrapper .main .update {display: inline-block;width: 200px;height: 52px;line-height: 52px;text-align: center;color: white;background-color: #ff383f;border-radius: 4px;font-size: 22px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 22px;} .topic_m4 .content .m1 .wrapper .main .update + label {display: none;} .topic_m4 .content .m2 {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 75px;} .topic_m4 .content .m2 .item {width: 386px;text-align: center;} .topic_m4 .content .m2 .item .v_title {display: inline-block;font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m4 .content .m2 .item .v_title::before {content: '';width: 12px;height: 14px;background: url('//pic.mairuan.com/2020/double11/topic_title_ab.png') no-repeat center center;position: absolute;top: 12px;left: -20px;} .topic_m4 .content .m2 .item .v_title::after {content: '';width: 12px;height: 14px;background: url('//pic.mairuan.com/2020/double11/topic_title_ab.png') no-repeat center center;position: absolute;top: 12px;right: -20px;} .topic_m4 .content .m2 .item .v_title span {display: block;font-size: 40px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;margin-top: -6px;} .topic_m4 .content .m2 .item .v_title + span {display: none;} .topic_m4 .content .m2 .item .v_main {height: 440px;border-radius: 4px;text-align: left;margin-top: 22px;padding: 265px 30px 0;} .topic_m4 .content .m2 .item .v_main .vv_title {font-size: 20px;line-height: auto;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-bottom: 8px;} .topic_m4 .content .m2 .item .v_main div {line-height: 28px;color: #333;} .topic_m4 .content .m2 .item .v_main div label {font-size: 16px;} .topic_m4 .content .m2 .item .v_main p {font-size: 16px;line-height: 26px;color: #333;} .topic_m4 .content .m2 .item .v_main p label {color: #ff383f;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m4 .content .m2 .item:nth-of-type(1) .v_main {background: #fff url('//pic.mairuan.com/2020/double11/topic_m4_m2_bg1.png') no-repeat top center;} .topic_m4 .content .m2 .item:nth-of-type(2) .v_main {background: #fff url('//pic.mairuan.com/2020/double11/topic_m4_m2_bg2.png') no-repeat top center;} .topic_m4 .content .m2 .item:nth-of-type(3) .v_main {background: #fff url('//pic.mairuan.com/2020/double11/topic_m4_m2_bg3.png') no-repeat top center;} .topic_m5 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: url('//pic.mairuan.com/2020/double11/topic_m5_bg.jpg') no-repeat top center;background-size: 100% 100%;} .topic_m5 .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 91px;padding-bottom: 120px;} .topic_m5 .content .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m5 .content .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m5 .content .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m5 .content .time {width: 100%;height: 100px;line-height: 100px;color: white;background: url('//pic.mairuan.com/2020/double11/topic_m5_timeBg.png') no-repeat center center;font-size: 24px;text-align: center;margin-top: 52px;} .topic_m5 .content .time .countdown span {display: inline-block;width: 36px;height: 36px;line-height: 36px;text-align: center;color: #ff383f;background-color: white;font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';border-radius: 2px;margin: 0 6px;} .topic_m5 .content .wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 16px;margin-bottom: 110px;} .topic_m5 .content .wrapper .item {width: 288px;height: 430px;background-color: white;border-radius: 4px;overflow: hidden;} .topic_m5 .content .wrapper .item .thumb {height: 288px;background-color: #f6fbfd;padding-top: 44px;position: relative;} .topic_m5 .content .wrapper .item .thumb img{max-width: 180px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .topic_m5 .content .wrapper .item .thumb .tag {display: inline-block;width: 130px;height: 36px;line-height: 36px;text-align: center;border-top-left-radius: 18px;color: #ff383f;background-color: #ffdfe0;font-size: 16px;font-family: 'SourceHanSansSC-Medium, bestFont medium';position: absolute;right: 0;bottom: 0;} .topic_m5 .content .wrapper .item .v_title {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 10px;} .topic_m5 .content .wrapper .item .v_desc {font-size: 14px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;} .topic_m5 .content .wrapper .item .v_price {display: flex;padding: 10px 20px 0;} .topic_m5 .content .wrapper .item .v_price .left {width: calc(100% - 93px);text-align: left;} .topic_m5 .content .wrapper .item .v_price .left .top {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #ff383f;} .topic_m5 .content .wrapper .item .v_price .left .top del {font-size: 14px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;} .topic_m5 .content .wrapper .item .v_price .left .middle {vertical-align: top;} .topic_m5 .content .wrapper .item .v_price .left .middle > span {display: inline-block;width: 80px;height: 8px;border-radius: 4px;background-color: #e6e6e6;overflow: hidden;} .topic_m5 .content .wrapper .item .v_price .left .middle > span span {display: inline-block;height: 100%;border-radius: 4px;background-color: #ff383f;vertical-align: top;} .topic_m5 .content .wrapper .item .v_price .right a {display: inline-block;width: 93px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;background-color: #888888;border-radius: 4px;margin-top: 5px;} .topic_m5 .content .wrapper .item .v_price .right a.doing {color: white;background-color: #ff383f;} .topic_m5 .content .main {width: 100%;height: 240px;background: url('//pic.mairuan.com/2020/double11/topic_m5_bg2.png') no-repeat center center;position: relative;margin-top: 44px;} .topic_m5 .content .main .code {width: 191px;height: 180px;background: url('//pic.mairuan.com/2020/double11/topic_m5_code.png') no-repeat center center;padding-top: 12px;position: absolute;top: 30px;left: 106px;} .topic_m5 .content .main .txt {width: 600px;margin: 0 auto;font-size: 16px;line-height: 26px;color: white;font-family: 'SourceHanSansSC-Regular, bestFont regular';text-align: left;padding: 87px 50px 0;} .topic_nav {width: 90px;height: 409px;background: url('//pic.mairuan.com//2020/double11/topic_nav_bg2.png') no-repeat center center;position: fixed;top: 30%;left: 0;} .topic_nav > div {height: 100%;position: relative;top: 0;} .topic_nav > div a {display: inline-block;width: 100%;height: 20px;cursor: pointer;position: absolute;left: 0;bottom: 10px;} .topic_nav ul {width: 70px;margin: 0 auto;padding: 112px 0 0;text-align: center;} .topic_nav ul li {font-size: 14px;line-height: 30px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #333;cursor: pointer;} .topic_nav ul li:not(:last-child) {border-bottom: 1px dashed #e5dad8;} .topic_nav ul li.active {color: #ff383f;} /* 修改1 */ .topic_m5 .content .wrapper .item .v_title {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .topic_m5 .content .wrapper .item .v_desc {font-size: 14px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 修改2 */ .topic_m5 .content .wrapper .item .v_title{padding: 0 20px;} .topic_m5 .content .wrapper .item .v_desc{padding: 0 20px;} /* 修改3 */ .topic_m1_v2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 630px;background: url('//pic.mairuan.com/2020/double11/topic_banner_v2.png') no-repeat center center;} .topic_m1_v2 .content {width: 1200px;margin: 0 auto;text-align: center;color: white;padding-top: 326px;} .topic_m1_v2 .content .number {display: inline-block;width: 540px;height: 110px;line-height: 96px;background: url('//pic.mairuan.com/2020/double11/topic_banner_v2_btn.png') no-repeat center center;font-size: 42px;font-family: 'SourceHanSansSC-Medium, bestFont medium';} .topic_m1_v2 .content .number span:first-child {color: #ffed56;margin-right: 8px;} .topic_m1_v2 .content .time {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 24px;margin-top: 22px;} .topic_m1_v2 .content .time .countdown {font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_m1_v2 .content .time .countdown span {margin: 0 5px;} .topic_countTime {display: none;width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 90px;background: #e62551 url('//pic.mairuan.com/2020/double11/topic_countTime.png') no-repeat center center;} .topic_countTime .content {width: 1200px;margin: 0 auto;text-align: right;color: white;} .topic_countTime .content .time {display: inline-block;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 24px;margin-top: 33px;} .topic_countTime .content .time .countdown {font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .topic_countTime .content .time .countdown span {margin: 0 5px;} .topic_countTime_fixed{position: fixed;left: 50%;transform: translate(-50%);background-color: white;z-index: 5;display: block;} /* 修改4 */ .topic_m2 .layui-collapse {border: none;} .topic_m2 .layui-collapse .layui-colla-item {border: none;text-align: center;position: relative;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-title {display: inline-block;height: auto;line-height: 1;background-color: transparent;margin-top: 10px;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-title i {display: none;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-title span {display: inline-block;width: 14px;height: 14px;line-height: 14px;text-align: center;color: white;background-color: #ccc;border-radius: 50%;font-size: 12px;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content {width: 100%;text-align: left;border: none;color: white;color: #333;background-color: rgba(0, 0, 0, 0.8);background-color: white;border-radius: 4px;box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 40px;left: 0;z-index: 1;left: 50%;transform: translateX(-50%);} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content::after {content: '';position: absolute;left: 50%;top: -6px;width: 0;height: 0px;border-style: solid;border-width: 6px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.11);} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content li {display: flex;margin-bottom: 5px;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content li label {width: 70px;} .topic_m2 .layui-collapse .layui-colla-item .layui-colla-content li span {width: calc(100% - 70px);} /* 修改5 - 周年庆 */ .topic_m1_v2 .content .number span:first-child {color: white;} .topic_m1_v2 .content .number span:last-child {color: #ffed56;} .topic_m1_v2 .content{padding-top: 310px;} .topic_m1_v2 .content .time{font-size: 22px;margin-top: 76px;} .topic_m0{width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 600px;background-color: #d73535;} .topic_m0 .content{width: 1200px;margin: 0 auto;text-align: center;padding-top: 102px} .topic_m0 .content .title {display: inline-block;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff1cd;position: relative;} .topic_m0 .content .title::before {content: '';width: 33px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_before.png') no-repeat center center;position: absolute;top: 50%;left: -55px;transform: translate(0, -50%);} .topic_m0 .content .title::after {content: '';width: 32px;height: 25px;background: url('//pic.mairuan.com/2020/double11/topic_title_after.png') no-repeat center center;position: absolute;top: 50%;right: -55px;transform: translate(0, -50%);} .topic_m0 .content .main{width: 1200px;height: 300px;background: url('//pic.mairuan.com/2020/anniversary/topic_m0.png') no-repeat center center;margin-top: 50px;padding-top: 166px} /* .topic_m0 .content .main .btns{margin-top: 50px;vertical-align: top;} */ .topic_m0 .content .main .btns .pc_show{display: inline-block;width: 260px;height: 58px;line-height: 58px;text-align: center;background: url('//pic.mairuan.com/2020/anniversary/topic_m0_btn1.png') no-repeat center center;font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #ea2727;cursor: pointer} .topic_m0 .content .main .btns .m_show{display: none;} .topic_m0 .content .main .number{font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #fff1cf;margin-top: 22px} .topic_m2 .content .main .right{position: relative;} .topic_m2 .content .main .right .list{width: 340px;height: 28px;background: url('//pic.mairuan.com/2020/anniversary/topic_m2_list_bg.png') no-repeat center center;overflow: hidden;position: absolute;top: 0;left: 50%;transform: translateX(-50%);} .topic_m2 .content .main .right .list ul{display: inline-block;width: 100%;height: 28px;line-height: 28px;text-align: center;} .topic_m2 .content .main .right .list ul li{font-size: 14px;line-height: 28px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #6f3209;} .topic_m2 .content .main .item .v_curve{background: url('//pic.mairuan.com/2020/anniversary/topic_m2_item1_curve_2.png') no-repeat center center;} .topic_m2 .content .main .item .v_curve .subsidy{text-align: center;font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';top: 40%;left: 50.5%;} .topic_m2 .content .main .item .v_curve .subsidy span{display: block;width: 92px;margin: 0 auto;height: 28px;line-height: 28px;text-align: center;color: #fd8747;background-color: white;border-radius: 4px;font-size: 14px;margin-bottom: 10px;} .anniversary{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;z-index: 5;} .anniversary .main{width: 1000px;height: 600px;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);} .anniversary .main .closeAn{display: inline-block;width: 44px;height: 44px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_close.png') no-repeat center center;position: absolute;top: 0;right: 80px;cursor: pointer;} .anniversary .main .content{width: 765px;height: 571px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_bg.png') no-repeat center center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;} .anniversary .main .content .title{font-size: 18px;font-family: 'SourceHanSansSC-Medium, bestFont medium';color: #bf5f34;margin-top: 130px;} .anniversary .main .content .list{width: 570px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 110px;} .anniversary .main .content .list .item{/* width: 280px; */flex: 1;text-align: center;position: relative;} .anniversary .main .content .list .item:not(:last-child)::after{content: '';width: 18px;height: 18px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_add.png') no-repeat center center;position: absolute;top: 38%;right: 0;transform: translateY(-50%);} .anniversary .main .content .list .item .v_title{font-size: 14px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 16px;} .anniversary .main .content .list .item .v_title label{color: #fa1516;} .anniversary .main .content .btn{display: inline-block;width: 228px;height: 82px;line-height: 66px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_btn.png') no-repeat center center;font-size: 24px;font-family: 'SourceHanSansSC-Medium, bestFont medium';color: #ea2727;margin-top: 90px;cursor: pointer;} .topic_nav ul {padding: 120px 0 0;} .topic_m3 .content .progress {width: 100%;height: 252px;border-radius: 4px;background: #ff9b623b url('//pic.mairuan.com/2020/anniversary/topic_m3_progressBg2.png') no-repeat center center;margin-top: 50px;display: flex;} .topic_m3 .content .progress .item .v_title{font-size: 18px;} .topic_m3 .content .progress .item .slogen{margin-top: 70px;} .topic_m3 .content .main .item > img{margin-top: 0;width: 100%;} .topic_m3 .content .main .item .number{font-size: 24px;margin-top: 12px;} .topic_m3 .content .main .item .number label{color: #d72041;font-size: 30px;} .topic_m3 .content .main .item .btns{display: flex;text-align: center;justify-content: center;margin-top: 20px;} .topic_m3 .content .main .item .btns .single , .topic_m3 .content .main .item .btns .group{display: inline-block;width: 230px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;font-family: 'SourceHanSansSC-Bold, bestFont bold';cursor: pointer;} .topic_m3 .content .main .item .btns .single{color: #d72041;background: url('//pic.mairuan.com/2020/anniversary/topic_m3_btn1.png') no-repeat center center;margin-right: 15px;} .topic_m3 .content .main .item .btns .group{color: white;background: url('//pic.mairuan.com/2020/anniversary/topic_m3_btn2.png') no-repeat center center;} .topic_m3 .layui-collapse {border: none;} .topic_m3 .layui-collapse .layui-colla-item {border: none;text-align: center;position: relative;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-title {display: inline-block;height: auto;line-height: 1;background-color: transparent;margin-top: 10px;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-title i {display: none;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-title span {display: inline-block;width: 14px;height: 14px;line-height: 14px;text-align: center;color: white;background-color: #ccc;border-radius: 50%;font-size: 12px;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content {width: 100%;;text-align: left;border: none;color: white;color: #333;background-color: rgba(0, 0, 0, 0.8);background-color: white;border-radius: 4px;box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 40px;left: 0;z-index: 1;left: 50%;transform: translateX(-50%);} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content::after {content: '';position: absolute;left: 50%;top: -6px;width: 0;height: 0px;border-style: solid;border-width: 6px;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);box-shadow: 4px -4px 4px rgba(0, 0, 0, 0.11);} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content li {display: flex;margin-bottom: 5px;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content li label {width: 70px;} .topic_m3 .layui-collapse .layui-colla-item .layui-colla-content li span {width: calc(100% - 70px);} .loading{width: 300px;height: 100px;background-color: white;border-radius: 4px;text-align: center;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);box-shadow: 2px 4px 32px rgba(0, 0, 0, .4);} .loading .point{width: 25px;height: 25px;position: relative;top: 15px;left: 50%;transform: translateX(-50%);animation:loading 1.5s infinite;animation-timing-function: linear;} .loading .point span{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #1890ff;position: absolute;} .loading .point span:nth-of-type(1){opacity: 1;top: 0;left: 0;} .loading .point span:nth-of-type(2){opacity: .75;top: 0;right: 0;} .loading .point span:nth-of-type(3){opacity: .5;bottom: 0;right: 0;} .loading .point span:nth-of-type(4){opacity: .25;bottom: 0;left: 0;} .loading .title{font-size: 16px;margin-top: 35px;} .loading2{width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);position: fixed;top: 0;left: 0;z-index: 5;} .loading2 .main{display: inline-block;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);} .loading2 .main .close{width: 44px;height: 44px;background: url('//pic.mairuan.com/2020/anniversary/topic_tc_close.png');position: absolute;top: 20px;right: 0;cursor: pointer;z-index: 1;} .loading2 .main a{position: relative;} .loading2 .main a>span{width: 420px;font-size: 46px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff4e7;text-align: center;position: absolute;top: 0;left: 50%;transform: translate(-50%,-62%);text-shadow: 0 0px 18px rgba(245, 7, 38, .32);} .loading2 .main a>span label.finally{font-size: 74px;} @keyframes loading { 0% {transform: rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);} } /* 双十一 end */ /* 微课堂直播弹窗 start */ .wkt_menu{width: 1200px;height: 60px;margin: 0 auto;} .wkt_menu .content{width: 1080px;margin: 0 auto;display: flex;} .wkt_menu .content .wkt_logo{width: 17%;padding-left: 20px;} .wkt_menu .content .wkt_logo span{font-size: 18px;line-height: 60px;font-family: 'SourceHanSansSC-Medium, bestFont medium';padding-left: 6px;} .wkt_menu .content .menu{width: 83%;} .wkt_menu .content .menu span{display: inline-block;/* width: 82px; */font-size: 16px;line-height: 60px;text-align: center;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin: 0 21px;cursor: pointer;} .wkt_menu .content .menu span.active{color: #2575e8;} .livePopup{max-width: 1200px;min-width: 1200px;height: 358px;background: #03003a url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_live_banner_bg.png') no-repeat center center;} .livePopup .content img.img1{top: 45px;left: 176px;} .livePopup .content img.img2{bottom: 36px;left: 180px;} .livePopup .content img.img3{width: auto;bottom: 62px;left: 595px;} @keyframes wktLive1 {0%{left: -460px;opacity: 0;}70%{opacity: 0;}100%{left: 176px;opacity: 1;}} @keyframes wktLive2 {0%{left: -400px;opacity: 0;}70%{opacity: 0;}100%{left: 180px;opacity: 1;}} @keyframes wktLive3 {0%{left: -120px;opacity: 0;}30%{opacity: 0;}100%{left: 595px;opacity: 1;}} @keyframes wktLive3_b {0% {transform: rotate(0deg);}15% {transform: rotate(-15deg);}24% {transform: rotate(0deg);}38% {transform: rotate(15deg);}50% {transform: rotate(0deg);}62% {transform: rotate(-15deg);}74% {transform: rotate(0deg);}85% {transform: rotate(15deg);}100% {transform: rotate(0deg);}} .wkt_m1{max-width: 1200px;min-width: 1200px;padding-top: 17px;height: 804px;} .wkt_m1 .saoma{width: 1127px;height: 256px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m1_code.png') no-repeat center center;} .wkt_m1 .content1{padding-top: 63px;} .wkt_m1 .content1 .title{width: 141px;height: 123px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m1_title.png') no-repeat center center;} .wkt_m1 .content1 .desc{width: 1040px;padding-top: 0;} .wkt_m1 .content1 .desc .item+div{width: 118px;height: 19px;} .wkt_m1 .content1 .desc .wrapper .item .v_title{font-size: 18px;margin-top: 30px;} .wkt_m1 .content1 .desc .wrapper .item{padding-top: 52px;} .wkt_m2{max-width: 1200px;min-width: 1200px;height: 548px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m2_bg.png') no-repeat center center;padding-top: 81px;} .wkt_m2 .content2 .title{width: 141px;height: 123px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m2_title.png') no-repeat center center;} .wkt_m2 .content2 .desc{width: 1040px;display: flex;margin-top: 52px;} .wkt_m2 .content2 .desc .item{width: 322px;height: 190px;padding-top: 3px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m2_itemBg.png') no-repeat center center;background-size: 100%;} .wkt_m2 .content2 .desc .item:not(:last-child){margin-right: 36px;} .wkt_m2 .content2 .desc .item span{font-size: 18px;top: 21px;left: 10px;} .wkt_m2 .content2 .desc .item .detail{font-size: 16px;line-height: 28px;top: 76px;left: 44px;} .wkt_m3{max-width: 1200px;min-width: 1200px;height: 800px;padding-top: 81px;margin-top: -1px;} .wkt_m3 .content3 .title{width: 141px;height: 123px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m3_title.png') no-repeat center center;margin-top: 39px;} .wkt_m3 .content3 .desc .detail{width: 1088px;background-size: 100%;} .wkt_m3 .content3 .desc{padding-top: 18px;} .wkt_m3 .content3 .desc .detail .main{display: flex;flex-wrap: wrap;} .wkt_m3 .content3 .desc .detail .main .item{width: 25%;padding: 30px 15px 0 24px;} .wkt_m3 .content3 .desc .detail .main .item .v1{width: 100%;} .wkt_m3 .content3 .desc .detail .main .item .thumb .v2{width: 224px;top: auto;left: 0;bottom: 0;} .wkt_m3 .content3 .desc .detail .main .item .thumb span{font-size: 14px;top: auto;left: 18px;bottom: 6px;} .wkt_m3 .content3 .desc .detail .main .item .thumb .player{width: 35px;top: auto;left: auto;bottom: 0;right: 10px;} .wkt_m4{max-width: 1200px;min-width: 1200px;height: 756px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m4_bg.png') no-repeat top center;padding-top: 79px;} .wkt_m4 .content4 .title{width: 143px;height: 122px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m4_title.png') no-repeat center center;} .wkt_m4 .content4 .desc .detail{width: 1088px;background-size: 100%;} .wkt_m4 .content4 .desc{padding-top: 19px;} .wkt_m4 .content4 .desc .detail .main{display: flex;flex-wrap: wrap;} .wkt_m4 .content4 .desc .detail .main .item{width: 25%;padding: 30px 15px 0 24px;} .wkt_m4 .content4 .desc .detail .main .item img:first-child{width: 100%;} .hshy-wkt-content4 .content4 .desc .detail .main .item .thumb .player{width: 56px;top: 50%;left: 50%;transform: translate(-50%,-50%);} .wkt_m4 .content4 .desc .detail .main .item .thumb span{font-size: 14px;top: auto;left: 18px;bottom: 6px;} .wkt_m5{max-width: 1200px;min-width: 1200px;height: 734px;background: #03003a url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m5_bg.png') no-repeat bottom center;} .wkt_m5 .content5 .title{width: 143px;height: 122px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m5_title.png') no-repeat center center;} .wkt_m5 .content5 .desc{margin-top: 20px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/wkt_m5_code.png') no-repeat center center;} /* 微课堂直播弹窗 end */ /* 启动页弹窗 start */ .start_page{width: 1150px;height: 560px;box-sizing: border-box;position: relative;} .start_page_nav{height: 45px;line-height: 45px;padding: 0 30px;border-bottom: 1px solid #efefef;display: flex; box-sizing: border-box;} .start_page_nav .start_page_logo{display: inline-block;} .start_page_nav .start_page_logo span{display: inline-block;font-size: 18px;font-family: 'SourceHanSansSC-Medium, bestFont medium';margin-left: 8px;} .start_page_nav .start_page_menu{display: inline-block;margin-left: 60px;display: flex;} .start_page_nav .start_page_menu span{font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-right: 40px;cursor: pointer;} .start_page_nav .start_page_menu span.active{color: #009dff;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .start_page_main{padding: 20px 30px;box-sizing: border-box;} .start_page_category{margin-top: 20px;display: flex;justify-content: space-between;} .start_page_category a{flex: 1;display: inline-block;box-sizing: border-box;} .start_page_category a>img{width: 260px;} .start_page_top img{width: 100%;} .start_page_menu2{width: 100%;height: 56px;line-height: 56px;background-color: #f5f8fc;border-radius: 4px;text-align: center;} .start_page_menu2 span{display: inline-block;height: 32px;line-height: 32px;padding: 0 20px;border-radius: 16px;margin: 0 10px;cursor: pointer;box-sizing: border-box;} .start_page_menu2 span.active{color: #009dff;background-color: #eaf0fe;} .start_page_category2>div{padding: 16px 0 20px;} .start_page_category2>div img{width: 100%;} .start_page_getMore{/* display: inline-block; */display: none;width: 200px;height: 48px;line-height: 48px;color: white;background: #f4401c;border-radius: 4px;text-align: center;font-size: 18px;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);z-index: 1;} .start_page_getMore:hover{color: white;} /* 启动页弹窗 end */ /* 启动页弹窗2.0 start */ .start_page2 {width: 1150px;height: 560px;background-color: white;} .start_page2 .top {height: 40px;border-bottom: 1px solid #EFF0EF;display: flex;align-items: center;padding-left: 20px;box-sizing: border-box;} .start_page2 .top .logo{position: static;} .start_page2 .top .logo span {margin-left: 2px;font-size: 14px;color: #333;} .start_page2 .top .search {width: 260px;height: 28px;background: #F6F7F9;border-radius: 45px;padding-left: 10px;margin-left: 20px;} .start_page2 .top .search .wrapper {width: 260px;height: 28px;display: flex;align-items: center;} .start_page2 .top .search i {font-size: 18px;cursor: pointer;} .start_page2 .top .search input {width: 180px;height: 18px;line-height: 18px;background-color: transparent;border: none;font-size: 12px;color: #818691;margin-left: 8px;} .start_page2 .main {display: flex;height: calc(100% - 40px);box-sizing: border-box;} .start_page2 .main .left {width: 64px;height: 100%;background: #F7F9FD;} .start_page2 .main .left ul {text-align: center;margin-top: 40px;} .start_page2 .main .left ul li {margin: 36px 0;cursor: pointer;} .start_page2 .main .left ul li i {display: block;width: 20px;height: 20px;margin: 0 auto;background-size: 100% !important;transition: all 0.2s;} .start_page2 .main .left ul li span {display: inline-block;font-size: 12px;color: #818691;padding: 2px 0;transition: all 0.2s;} .start_page2 .main .left ul li:nth-of-type(1) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav1.png') no-repeat center center;} .start_page2 .main .left ul li:nth-of-type(2) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav2.png') no-repeat center center;} .start_page2 .main .left ul li:nth-of-type(3) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav3.png') no-repeat center center;} .start_page2 .main .left ul li:nth-of-type(4) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav4.png') no-repeat center center;} .start_page2 .main .left ul li:nth-of-type(5) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav5.png') no-repeat center center;} .start_page2 .main .left ul li.active span {color: #009DFF;} .start_page2 .main .left ul li.active:nth-of-type(1) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav1_a.png') no-repeat center center;} .start_page2 .main .left ul li.active:nth-of-type(2) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav2_a.png') no-repeat center center;} .start_page2 .main .left ul li.active:nth-of-type(3) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav3_a.png') no-repeat center center;} .start_page2 .main .left ul li.active:nth-of-type(4) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav4_a.png') no-repeat center center;} .start_page2 .main .left ul li.active:nth-of-type(5) i {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_nav5_a.png') no-repeat center center;} .start_page2 .main .right {width: calc(100% - 64px);} .start_page2 .main .right > div {width: 100%;height: 100%;} .start_page2 .main .shouye {display: flex;justify-content: center;flex-wrap: wrap;align-content: center;} .start_page2 .main .shouye .item {width: 432px;height: 200px;border-radius: 8px;margin: 10px;color: white;position: relative;} .start_page2 .main .shouye .item .tag {display: inline-block;height: 24px;line-height: 24px;padding: 0 12px;text-align: center;position: absolute;top: 0;left: 0;border-top-left-radius: 8px;border-bottom-right-radius: 16px;} .start_page2 .main .shouye .item .title {font-size: 26px;font-weight: bold;margin: 55px 0 0 20px;} .start_page2 .main .shouye .item .desc {font-size: 14px;margin: 10px 0 0 20px;} .start_page2 .main .shouye .item .time {height: 22px;line-height: 22px;font-size: 12px;display: inline-block;color: #DB5555;background-color: rgba(255, 255, 255, 0.85);margin: 25px 0 0 20px;padding: 0 10px;border-radius: 24px;} .start_page2 .main .shouye .item > a {display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;} .start_page2 .main .shouye .item:nth-of-type(1) {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p1_bg1.png') no-repeat center center;} .start_page2 .main .shouye .item:nth-of-type(1) .tag {background-color: #7584BA;} .start_page2 .main .shouye .item:nth-of-type(2) {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p1_bg2.png') no-repeat center center;} .start_page2 .main .shouye .item:nth-of-type(2) .tag {background-color: #EE2727;} .start_page2 .main .shouye .item:nth-of-type(3) {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p1_bg3.png') no-repeat center center;} .start_page2 .main .shouye .item:nth-of-type(3) .tag {background-color: #EA9D71;} .start_page2 .main .shouye .item:nth-of-type(4) {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p1_bg4.png') no-repeat center center;} .start_page2 .main .jiaoxue .title {font-size: 28px;color: #333;text-align: center;margin-top: 32px;} .start_page2 .main .jiaoxue .main {display: flex;justify-content: center;margin-top: 30px;} .start_page2 .main .jiaoxue .main .item {width: 232px;height: 300px;margin: 0 10px;padding: 20px 0 0 20px;position: relative;} .start_page2 .main .jiaoxue .main .item .v_title {font-size: 20px;color: #333;font-weight: 500;} .start_page2 .main .jiaoxue .main .item .v_desc {font-size: 12px;line-height: 180%;color: #818691;margin-top: 8px;} .start_page2 .main .jiaoxue .main .item > a {display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;} .start_page2 .main .jiaoxue .main .item:nth-of-type(1) {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p2_bg1.png') no-repeat center center;} .start_page2 .main .jiaoxue .main .item:nth-of-type(2) {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p2_bg2.png') no-repeat center center;} .start_page2 .main .jiaoxue .main .item:nth-of-type(3) {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p2_bg3.png') no-repeat center center;} .start_page2 .main .jiaoxue .main .item:nth-of-type(4) {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p2_bg4.png') no-repeat center center;} .start_page2 .main .youhui .title {font-size: 28px;color: #333;text-align: center;margin-top: 32px;} .start_page2 .main .youhui .main {display: flex;justify-content: center;margin-top: 30px;} .start_page2 .main .youhui .main .item {margin: 0 30px;} .start_page2 .main .youhui .main .item .bottom {height: 60px;background: linear-gradient(0deg, #FAD199 0%, #FFE8CA 100%);display: flex;justify-content: space-between;} .start_page2 .main .youhui .main .item .bottom .l {padding: 5px 0 0 21px;} .start_page2 .main .youhui .main .item .bottom .l .zengsong {font-size: 14px;line-height: 21px;color: #442700;} .start_page2 .main .youhui .main .item .bottom .l .price {margin-top: -6px;} .start_page2 .main .youhui .main .item .bottom .l .price label {display: inline-block;font-size: 18px;font-weight: 500;line-height: 27px;color: #875C3C;} .start_page2 .main .youhui .main .item .bottom .l .price i {display: inline-block;font-style: normal;font-weight: bold;font-size: 18px;line-height: 27px;color: #EE3333;} .start_page2 .main .youhui .main .item .bottom .l .price span {font-weight: bold;font-size: 28px;line-height: 42px;color: #EE3333;} .start_page2 .main .youhui .main .item .bottom .r a {display: inline-block;width: 160px;height: 60px;line-height: 60px;font-size: 22px;text-align: center;color: white;background: linear-gradient(100.05deg, #FD4848 12.19%, #E32424 87.26%);box-shadow: inset 0px 4px 16px #FDF1DA;border-radius: 32px 0px 0px 32px;} .start_page2 .main .youhui .main .item .time {text-align: center;font-size: 12px;line-height: 18px;margin-top: 20px;} .start_page2 .main .youhui .main .item .time .countdown {margin-left: 5px;} .start_page2 .main .youhui .main .item .time .countdown span {display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;margin: 0 3px;color: #F43F3E;background: rgba(238, 51, 51, 0.1);border-radius: 4px;} .start_page2 .main .sucai .menu {width: 100%;display: flex;justify-content: center;margin-top: 30px;} .start_page2 .main .sucai .menu span {display: inline-block;height: 32px;line-height: 32px;text-align: center;border-radius: 28px;padding: 0 12px;margin: 0 30px;cursor: pointer;} .start_page2 .main .sucai .menu span.active {background: rgba(37, 117, 232, 0.06);color: #009DFF;} .start_page2 .main .sucai .category {padding: 15px 10px 0;} .start_page2 .main .sucai .category img {max-width: 100%;} .start_page2 .main .fuwu .title {font-size: 28px;color: #333;text-align: center;margin-top: 32px;} .start_page2 .main .fuwu .searchWrapper {width: 540px;margin: 20px auto 0;box-sizing: border-box;} .start_page2 .main .fuwu .searchWrapper .search {height: 40px;border: 1px solid #E3E3E3;border-radius: 45px;display: flex;align-items: center;padding-left: 20px;} .start_page2 .main .fuwu .searchWrapper .search i {font-size: 18px;cursor: pointer;} .start_page2 .main .fuwu .searchWrapper .search input {height: 100%;width: 460px;border: none;padding-left: 15px;font-size: 14px;} .start_page2 .main .fuwu .searchWrapper .tag {margin-top: 10px;padding-left: 20px;} .start_page2 .main .fuwu .searchWrapper .tag label {display: inline-block;height: 26px;line-height: 26px;color: #818691;margin-right: 10px;} .start_page2 .main .fuwu .searchWrapper .tag a {display: inline-block;height: 26px;line-height: 26px;text-align: center;background: #F6F7F9;border-radius: 28px;font-size: 12px;color: #818691;padding: 0 10px;margin: 0 5px;} .start_page2 .main .fuwu .main {display: flex;justify-content: center;margin-top: 30px;} .start_page2 .main .fuwu .main .item {width: 400px;height: 248px;margin: 0 10px;border: 1px solid #EFF0EF;border-radius: 8px;overflow: hidden;} .start_page2 .main .fuwu .main .item .v_title {height: 72px;line-height: 72px;text-align: center;font-size: 20px;font-weight: bold;color: white;background-size: 100% !important;} .start_page2 .main .fuwu .main .item ul {padding: 15px 0 0 40px;} .start_page2 .main .fuwu .main .item ul li {list-style: disc;} .start_page2 .main .fuwu .main .item ul li a {line-height: 28px;color: #666;} .start_page2 .main .fuwu .main .item ul li a:hover{color: #009DFF;} .start_page2 .main .fuwu .main .item:nth-of-type(1) .v_title {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p5_bg1.png') no-repeat center center;} .start_page2 .main .fuwu .main .item:nth-of-type(2) .v_title {background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/start_page2_p5_bg2.png') no-repeat center center;} /* 启动页弹窗2.0 end */ /* 产品页2021 start */ .prod2021_banner {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 560px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_banner.png') no-repeat center center;} .prod2021_banner .content {width: 1200px;margin: 0 auto;padding-top: 102px;} .prod2021_banner .content .title {color: #333;font-size: 56px;font-family: 'SourceHanSansSC-Regular, bestFont regular';} .prod2021_banner .content .title span {color: #d32f2f;font-family: 'SourceHanSansSC-Medium, bestFont medium';} .prod2021_banner .content .desc {color: #333;line-height: 30px;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 30px;} .prod2021_banner .content .btns {margin-top: 75px;} .prod2021_banner .content .btns a {display: inline-block;width: 200px;height: 52px;line-height: 52px;border-radius: 4px;text-align: center;color: white;font-size: 20px;font-family: 'SourceHanSansSC-Regular, bestFont regular';} .prod2021_banner .content .btns a.buynow {background-color: #d32f2f;margin-right: 18px;} .prod2021_banner .content .btns a.download {background-color: #2575e8;} .prod2021_menu {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 60px;color: white;background-color: #1a1a1a;} .prod2021_menu .content {width: 1200px;margin: 0 auto;display: flex;} .prod2021_menu .content .left {width: 75%;} .prod2021_menu .content .left span {display: inline-block;height: 100%;line-height: 60px;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-right: 80px;color: #cccccc;box-sizing: border-box;cursor: pointer;} .prod2021_menu .content .left span.active {color: white;position: relative;} .prod2021_menu .content .left span.active::after {content: '';width: 100%;height: 3px;background-color: #2575e8;position: absolute;bottom: 0;left: 0;} .prod2021_menu .content .right {width: 25%;line-height: 60px;text-align: right;} .prod2021_menu .content .right a {display: inline-block;width: 160px;height: 40px;line-height: 40px;border-radius: 4px;color: white;background-color: #d32f2f;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';text-align: center;} .prod2021_menu.chanpin2021Menufixed {position: fixed;top: 30px;left: 50%;transform: translateX(-50%);z-index: 10;} .prod2021_m1 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .prod2021_m1 .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 84px;} .prod2021_m1 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m1 .content .desc {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;margin-top: 13px;} .prod2021_m1 .vid {margin-top: 55px;position: relative;} .prod2021_m1 .vid .pc_show {width: 100%;} .prod2021_m1 .vid .m_show {display: none;} .prod2021_m1 .vid .player {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;} .prod2021_m2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 800px;background-image: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_m2_bg1.png');background-repeat: no-repeat;background-position: center center;transition: all 0.5s;position: relative;} .prod2021_m2 .content {width: 1200px;margin: 0 auto;position: relative;z-index: 1;} .prod2021_m2 .content .features {width: 490px;position: absolute;top: 89px;right: 0;} .prod2021_m2 .content .features .title {font-size: 48px;line-height: 60px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m2 .content .features .desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;margin-top: 18px;} .prod2021_m2 .content .features .layui-collapse {margin-top: 35px;border: none;} .prod2021_m2 .content .features .layui-collapse .layui-colla-item {margin-top: 10px;border: none;} .prod2021_m2 .content .features .layui-collapse .layui-colla-item .layui-colla-title {width: 490px;height: 44px;line-height: 44px;border-radius: 4px;background-color: rgba(255, 255, 255, 0.5);font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding: 0 15px 0 20px;border: none;} .prod2021_m2 .content .features .layui-collapse .layui-colla-item .layui-colla-title i {left: auto;right: 15px;font-size: 18px;transform: rotate(90deg);} .prod2021_m2 .content .features .layui-collapse .layui-colla-item .layui-colla-content {border: none;font-size: 16px;line-height: 26px;padding: 15px 15px 5px 20px;} .prod2021_m3 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 800px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_m3.png') no-repeat center center;} .prod2021_m3 .content {width: 1200px;margin: 0 auto;color: white;padding-top: 185px;} .prod2021_m3 .content .title {width: 50%;font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m3 .content .title2 {width: 50%;font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-top: 32px;} .prod2021_m3 .content .desc {width: 40%;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 12px;} .prod2021_m4 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;position: relative;} .prod2021_m4 .m_show {display: none;} .prod2021_m4 .beforeAfter {position: relative;max-height: 800px;overflow: hidden;} .prod2021_m4 .beforeAfter ul, .prod2021_m4 .beforeAfter li {margin: 0;} .prod2021_m4 .beforeAfter ul {display: table;padding: 0;} .prod2021_m4 .beforeAfter li {display: none;list-style: none;} .prod2021_m4 .beforeAfter .active-image {display: block;} .prod2021_m4 .beforeAfter .controls {position: absolute;bottom: 0;z-index: 100;width: 10%;right: -120px;} .prod2021_m4 .beforeAfter .controls .prev, .prod2021_m4 .beforeAfter .controls .next {color: #13ad97;cursor: pointer;} .prod2021_m4 .beforeAfter .controls .prev:hover, .prod2021_m4 .beforeAfter .controls .next:hover {opacity: 0.3;} .prod2021_m4 .beforeAfter .instruction {cursor: pointer;} .prod2021_m4 .beforeAfter .label {background-color: rgba(0, 0, 0, 0.5);border-radius: 0;bottom: 0;color: #fff;font-size: 14px;font-weight: normal;padding: 0.3em 1em 0.5em;position: absolute;z-index: 9;} .prod2021_m4 .beforeAfter .label.after {right: 0;} .prod2021_m4 .slider {position: relative;} .prod2021_m4 .slider .right.image {position: absolute;z-index: 1;top: 0;left: 0;} .prod2021_m4 .slider .left.image {position: relative;z-index: 2;margin-right: -4px;overflow: hidden;} .prod2021_m4 .slider .instruction {position: absolute;top: 55%;padding: 0 15px 7px;color: #fff;border: 4px solid #fff;border-radius: 4px;left: 49.9% !important;transform: translate(-50%, -50%);z-index: 3;} .prod2021_m4 .ultimate .slider .instruction {background: #00BEFF;} .prod2021_m4 .pro .slider .instruction {background: #B80006;} .prod2021_m4 .slider .instruction p {display: inline;font-size: 2em;text-transform: uppercase;color: #fff;line-height: 1.2;} .prod2021_m4 .ba-section .container {width: 1200px;height: 100%;margin: 0 auto;position: relative;} .prod2021_m4 .ba-section .container .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m4 .ba-section .container p {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 20px;} .prod2021_m4 .ba-section.stickers .sec-block.text-center {position: absolute;right: 15px;top: 50%;z-index: 3;text-align: left;max-width: 370px;padding: 285px 0 0;} .prod2021_m4 .line {width: 60px;height: 100%;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_m4_handle.png') no-repeat center center;position: absolute;top: 0;z-index: 3;cursor: pointer;} .prod2021_m5 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;color: white;background-color: #1a1a1a;} .prod2021_m5 .content {width: 1200px;margin: 0 auto;padding: 140px 0 120px;} .prod2021_m5 .content .item {display: flex;justify-content: space-between;align-items: center;margin-bottom: 140px;} .prod2021_m5 .content .item:last-child {margin-bottom: 0;} .prod2021_m5 .content .item.reverse {flex-direction: row-reverse;} .prod2021_m5 .content .item .left {width: 400px;} .prod2021_m5 .content .item .left .limit {display: inline-block;width: 96px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';background-color: #2575e8;text-align: center;border-radius: 4px;} .prod2021_m5 .content .item .left .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m5 .content .item .left .desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';} .prod2021_m5 .content .item .left ul {list-style-type: disc;padding-left: 22px;} .prod2021_m5 .content .item .left ul li {list-style: disc;font-size: 18px;line-height: 40px;} .prod2021_m5 .content .item .left ul li i {color: #2575e8;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m5 .content .item .right.compare {position: relative;} .prod2021_m5 .content .item .right.compare > div {width: 50%;position: absolute;top: 0;left: 0;overflow: hidden;} .prod2021_m5 .content .item .right.compare .line {width: 30px;height: 100%;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_m4_handle.png') no-repeat center center;background-size: 100%;position: absolute;top: 0;left: 50%;cursor: col-resize;} .prod2021_m6 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .prod2021_m6 .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 85px;} .prod2021_m6 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m6 .content .desc {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 12px;} .prod2021_m6 .content .img {max-width: 100%;margin-top: 50px;} .prod2021_m6 .content .cate {margin-top: 20px;border-bottom: 2px solid rgba(0, 0, 0, 0.04);display: flex;justify-content: center;} .prod2021_m6 .content .cate span {display: inline-block;font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-right: 80px;padding: 23px 0 15px;box-sizing: border-box;cursor: pointer;} .prod2021_m6 .content .cate span i {color: #2575e8;} .prod2021_m6 .content .cate span.active {position: relative;} .prod2021_m6 .content .cate span.active::after {content: '';width: 100%;height: 3px;background-color: #2575e8;position: absolute;bottom: -1px;left: 0;} .prod2021_m6 .content .cont {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;padding: 25px 0 50px;} .prod2021_m6 .content .more {display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;border-radius: 4px;color: #2575e8;background-color: #e3efff;font-size: 18px;font-family: 'SourceHanSansSC-Medium, bestFont medium';cursor: pointer;} .prod2021_m7 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 145px auto 130px;} .prod2021_m7 .content {width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-direction: row-reverse;} .prod2021_m7 .content .left {width: 37.5%;} .prod2021_m7 .content .left .title {font-size: 48px;line-height: 58px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m7 .content .left .layui-collapse {margin-top: 35px;border: none;} .prod2021_m7 .content .left .layui-collapse .layui-colla-item {border: none;margin-top: 10px;} .prod2021_m7 .content .left .layui-collapse .layui-colla-item .layui-colla-title {border: none;font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';height: 44px;line-height: 44px;border-radius: 4px;background-color: #f5f5f7;padding: 0 15px 0 20px;} .prod2021_m7 .content .left .layui-collapse .layui-colla-item .layui-colla-title i {left: auto;right: 15px;font-size: 18px;transform: rotate(90deg);} .prod2021_m7 .content .left .layui-collapse .layui-colla-item .layui-colla-content {border: none;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';padding: 15px 15px 5px 20px;} .prod2021_m7 .content .left > a {display: inline-block;margin: 13px 0 0 15px;font-size: 16px;text-decoration: underline;} .prod2021_m7 .content .right {width: 62.5%;text-align: right;} .prod2021_m8 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;position: relative;} .prod2021_m8 .bg {position: relative;} .prod2021_m8 .bg > img {max-width: 100%;} .prod2021_m8 .bg > img.m_show {display: none;} .prod2021_m8 .bg > img.active {position: absolute;top: 0;left: 0;z-index: 1;} .prod2021_m8 .bg .control {display: inline-block;width: 260px;height: 20px;border-radius: 10px;background-color: rgba(255, 255, 255, 0.3);position: absolute;top: 74.4%;left: 50%;z-index: 2;transform: translateX(-50%);} .prod2021_m8 .bg .control span {display: inline-block;width: 20px;height: 20px;border-radius: 50%;background-color: #d32f2f;border: 4px solid #fff;position: absolute;top: 50%;left: 50%;transform: translateY(-50%);cursor: pointer;} .prod2021_m8 .content {width: 1200px;margin: 0 auto 135px;} .prod2021_m8 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;text-align: center;position: absolute;top: 67px;left: 50%;transform: translateX(-50%);z-index: 3;} .prod2021_m8 .content .module {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -104px;position: relative;z-index: 3;} .prod2021_m8 .content .module .item {width: 380px;} .prod2021_m8 .content .module .item .v_title {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m8 .content .module .item .v_title .limit {display: inline-block;width: 96px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;background-color: #2575e8;text-align: center;border-radius: 4px;} .prod2021_m8 .content .module .item .v_desc {margin-top: 10px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 26px;} .prod2021_m9 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;position: relative;} .prod2021_m9 .bg {position: relative;} .prod2021_m9 .bg > img {max-width: 100%;} .prod2021_m9 .bg > img.m_show {display: none;} .prod2021_m9 .bg > img.active {position: absolute;top: 0;left: 0;z-index: 1;} .prod2021_m9 .bg .control {display: inline-block;width: 260px;height: 20px;border-radius: 10px;background-color: rgba(255, 255, 255, 0.3);position: absolute;top: 90%;left: 50%;z-index: 2;transform: translateX(-50%);} .prod2021_m9 .bg .control span {display: inline-block;width: 20px;height: 20px;border-radius: 50%;background-color: #d32f2f;border: 4px solid #fff;position: absolute;top: 50%;left: 50%;transform: translateY(-50%);cursor: pointer;} .prod2021_m9 .content {width: 1200px;margin: 0 auto;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 3;} .prod2021_m9 .content .shadow {width: 27.5em;height: 30em;color: white;background-color: rgba(0, 0, 0, 0.8);border-radius: 4px;padding: 55px 35px 0;position: absolute;top: 9.125em;right: 0;z-index: 3;} .prod2021_m9 .content .shadow .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m9 .content .shadow .desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 10px;} .prod2021_m10 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 800px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_m10.png') no-repeat center center;} .prod2021_m10 .content {width: 1200px;margin: 0 auto;color: white;padding-top: 146px;} .prod2021_m10 .content .title {width: 50%;font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m10 .content .item {width: 50%;padding-right: 100px;margin: 32px 0 42px;} .prod2021_m10 .content .item .v_title {font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m10 .content .item .v_title i {color: #2575e8;} .prod2021_m10 .content .item .v_desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 10px;} .prod2021_m11 .layui-collapse {border: none;} .prod2021_m11 .layui-collapse .layui-colla-item {border: none;margin-top: 10px;} .prod2021_m11 .layui-collapse .layui-colla-item .layui-colla-title {border: none;font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';height: 44px;line-height: 44px;border-radius: 4px;background-color: #f5f5f7;padding: 0 15px 0 20px;} .prod2021_m11 .layui-collapse .layui-colla-item .layui-colla-title i {left: auto;right: 15px;font-size: 18px;transform: rotate(90deg);} .prod2021_m11 .layui-collapse .layui-colla-item .layui-colla-title::after {display: none;} .prod2021_m11 .layui-collapse .layui-colla-item .layui-colla-content {border: none;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';padding: 15px 15px 5px 20px;} .prod2021_m12 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 800px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_m12.png') no-repeat center center;} .prod2021_m12 .content {width: 1200px;margin: 0 auto;padding-top: 184px;} .prod2021_m12 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m12 .content .item {margin-top: 35px;} .prod2021_m12 .content .item .v_title {font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m12 .content .item .v_title .limit {display: inline-block;width: 96px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;background-color: #2575e8;text-align: center;border-radius: 4px;} .prod2021_m12 .content .item .v_desc {margin-top: 10px;width: 500px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 26px;} .prod2021_m13 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 800px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_m13.png') no-repeat center center;} .prod2021_m13 .content {width: 1200px;margin: 0 auto;padding-top: 145px;text-align: right;} .prod2021_m13 .content .item {display: inline-block;width: 500px;text-align: left;} .prod2021_m13 .content .item .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m13 .content .item .layui-collapse {margin-top: 30px;border: none;} .prod2021_m13 .content .item .layui-collapse .layui-colla-item {margin-top: 10px;border: none;} .prod2021_m13 .content .item .layui-collapse .layui-colla-item .layui-colla-title {width: 490px;height: 44px;line-height: 44px;border-radius: 4px;background-color: rgba(255, 255, 255, 0.5);font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding: 0 15px 0 20px;border: none;} .prod2021_m13 .content .item .layui-collapse .layui-colla-item .layui-colla-title i {left: auto;right: 15px;font-size: 18px;transform: rotate(90deg);} .prod2021_m13 .content .item .layui-collapse .layui-colla-item .layui-colla-content {border: none;font-size: 16px;line-height: 26px;padding: 15px 15px 5px 20px;} .prod2021_m14 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 60px auto 0;text-align: center;} .prod2021_m14 span {display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;border-radius: 4px;color: #2575e8;background-color: #e3efff;font-size: 18px;font-family: 'SourceHanSansSC-Medium, bestFont medium';cursor: pointer;} .prod2021_m15 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 120px auto 0;} .prod2021_m15 .content {width: 1200px;margin: 0 auto;text-align: center;} .prod2021_m15 .content .limit {display: inline-block;width: 96px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;background-color: #2575e8;text-align: center;border-radius: 4px;} .prod2021_m15 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 5px;} .prod2021_m15 .content .desc {margin-top: 15px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 26px;} .prod2021_m15 .content .img {display: flex;text-align: center;justify-content: center;align-items: center;margin-top: 36px;} .prod2021_m15 .content .img img {margin: 0 40px;} .prod2021_m15 .content .showBtn {display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;border-radius: 4px;color: #2575e8;background-color: #e3efff;font-size: 18px;font-family: 'SourceHanSansSC-Medium, bestFont medium';margin-top: 62px;cursor: pointer;} .prod2021_m15 .content .effect {display: flex;flex-wrap: wrap;text-align: left;margin-top: 95px;} .prod2021_m15 .content .effect .item {width: 25%;padding: 0 10px 0;margin-bottom: 52px;} .prod2021_m15 .content .effect .item .v_title {font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m15 .content .effect .item .v_title i {color: #2575e8;} .prod2021_m15 .content .effect .item .v_desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;margin-top: 10px;} .prod2021_m16 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .prod2021_m16 .content {width: 1200px;margin: 0 auto;padding-top: 55px;text-align: center;} .prod2021_m16 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m16 .content .desc {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;margin-top: 16px;} .prod2021_m16 .content > a {display: inline-block;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';padding-left: 30px;margin-top: 24px;color: #333;position: relative;} .prod2021_m16 .content > a::after {content: '';width: 20px;height: 24px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/icon_pdf.png') no-repeat center center;position: absolute;top: 0;left: 0;} .prod2021_m16 .content .cate {display: flex;align-items: center;width: 320px;height: 48px;line-height: 48px;border-radius: 24px;margin: 0 auto;margin-top: 35px;background-color: #f5f5f7;} .prod2021_m16 .content .cate span {display: inline-block;width: 50%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;cursor: pointer;} .prod2021_m16 .content .cate span.active {color: white;background-color: #1a1a1a;border-radius: 24px;} .prod2021_m16 .content .cont {margin-top: 42px;} .prod2021_m16 .content .cont table {width: 100%;} .prod2021_m16 .content .cont table thead {width: 100%;height: 60px;line-height: 60px;color: white;background-color: #2575e8;font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m16 .content .cont table thead th:nth-of-type(1) {width: 50%;text-align: left;padding-left: 50px;} .prod2021_m16 .content .cont table thead th:nth-of-type(2), .prod2021_m16 .content .cont table thead th:nth-of-type(3) {width: 25%;} .prod2021_m16 .content .cont table.before th:nth-of-type(2), .prod2021_m16 .content .cont table.before th:nth-of-type(3), .prod2021_m16 .content .cont table.before th:nth-of-type(4) {width: 16%;} .prod2021_m16 .content .cont table tbody tr {border-top: 3px solid white;background-color: #f5f5f7;} .prod2021_m16 .content .cont table tbody tr td {height: 60px;} .prod2021_m16 .content .cont table tbody tr td:nth-of-type(1) {text-align: left;padding-left: 50px;} .prod2021_m16 .content .cont table tbody .t_title {text-align: left;height: 60px;line-height: 60px;font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';background-color: #eff4fd;cursor: pointer;} .prod2021_m16 .content .cont table tbody .t_title td {position: relative;} .prod2021_m16 .content .cont table tbody .t_title td::after {content: '+';color: #2575e8;font-size: 30px;font-family: 'SourceHanSansSC-Regular, bestFont regular';position: absolute;top: 0;left: 25px;} .prod2021_m16 .content .cont table tbody .t_title td.active::after {content: '-';top: -5px;} .prod2021_m17 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 126px auto 0;} .prod2021_m17 .content {width: 1200px;margin: 0 auto;padding-bottom: 40px;} .prod2021_m17 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';text-align: center;color: #333;} .prod2021_m17 .content .main {display: flex;flex-wrap: wrap;margin-top: 32px;} .prod2021_m17 .content .main .left {width: 50%;} .prod2021_m17 .content .main .left .item .v_title {font-size: 22px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m17 .content .main .left .item ul {list-style: disc;padding-left: 20px;margin-top: 20px;} .prod2021_m17 .content .main .left .item ul li {list-style: disc;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-bottom: 26px;padding-right: 20px;} .prod2021_m17 .content .main .right {width: 50%;} .prod2021_m17 .content .main .right .item .v_title {font-size: 22px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding-left: 20px;} .prod2021_m17 .content .main .right .item ul {padding-left: 20px;margin-top: 20px;} .prod2021_m17 .content .main .right .item ul li {font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-bottom: 26px;} .prod2021_m17 .content .note {margin-top: 45px;} .prod2021_m17 .content .note label {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m17 .content .note > div {display: inline-block;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';vertical-align: top;} /* 产品页2021 end */ /* PaintShop start */ .psp_banner{width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 560px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/2021psp/psp2021_banner.png') no-repeat center center;} .psp_banner .content{width: 1200px;margin: 0 auto;color: white;padding-top: 90px;} .psp_banner .content .title{font-size: 48px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 60px;} .psp_banner .content .title span{color: #fd6f3a;} .psp_banner .content .desc{width: 48%;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 34px;margin-top: 40px;} .psp_banner .content .btns{margin-top: 60px;} .psp_banner .content .btns a{display: inline-block;width: 200px;height: 52px;line-height: 52px;text-align: center;border-radius: 4px;font-size: 20px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;} .psp_banner .content .btns a.zhuanye{background-color: #fd6f3a;margin-right: 15px;} .psp_banner .content .btns a.qijian{background-color: #2575e8;} /* PaintShop start */ /* new sucai start */ .sc_banner {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 300px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_banner.png') no-repeat center center;} .sc_banner .content {width: 1200px;margin: 0 auto;color: white;text-align: center;padding-top: 55px;} .sc_banner .content .title {font-size: 50px;font-weight: bold;} .sc_banner .content .title br {display: none;} .sc_banner .content .desc {font-size: 20px;line-height: 130%;margin-top: 10px;} .sc_banner .content .desc i {display: inline-block;width: 1px;height: 15px;background-color: white;margin: 0 20px;vertical-align: middle;} .sc_banner .content .tishi {margin-top: 45px;} .sc_banner .content .tishi i {display: inline-block;font-size: 16px;font-weight: normal;vertical-align: middle;cursor: pointer;} .sc_banner .content .tishi span.intro {display: inline-block;font-size: 14px;font-weight: normal;margin-left: -5px;vertical-align: middle;cursor: pointer;} .sc_banner .content .tishi .cover {display: none;width: 410px;height: 322px;color: white;background-color: rgba(0, 0, 0, 0.8);font-size: 16px;font-weight: 200;text-align: left;padding: 25px 15px 25px 20px;border-radius: 4px;position: absolute;top: 35%;left: 56.4%;z-index: 1;} .sc_banner .content .tishi .cover ul {margin-top: 25px;} .sc_banner .content .tishi .cover li {margin-bottom: 14px;} .sc_banner .content .tishi .cover li a {color: #4299fc;} .sc_limitFree {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: #F6F7F9;} .sc_limitFree .content {width: 1200px;margin: 0 auto;padding-top: 92px;} .sc_limitFree .content .title {text-align: center;} .sc_limitFree .content .title span {font-size: 40px;font-weight: bold;color: #333;position: relative;} .sc_limitFree .content .title span::before {content: '';width: 40px;height: 28px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_title_b.png') no-repeat center center;position: absolute;top: 50%;left: 0;transform: translate(-120%, -50%);} .sc_limitFree .content .title span::after {content: '';width: 40px;height: 28px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_title_a.png') no-repeat center center;position: absolute;top: 50%;right: 0;transform: translate(120%, -50%);} .sc_limitFree .content .main {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 44px;} .sc_limitFree .content .main .item {width: 380px;height: 284px;} .sc_limitFree .content .main .item .poster {position: relative;} .sc_limitFree .content .main .item .poster video {max-width: 100%;} .sc_limitFree .content .main .item .poster img {max-width: 100%;} .sc_limitFree .content .main .item .poster .player {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;} .sc_limitFree .content .main .item .poster .tag {display: inline-block;width: 80px;height: 25px;line-height: 25px;text-align: center;color: white;background: rgba(0, 0, 0, 0.35);border-radius: 4px;font-size: 16px;position: absolute;top: 10px;left: 10px;} .sc_limitFree .content .main .item .poster .vidfull {display: inline-block;width: 18px;height: 20px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_full_play.png') no-repeat center center;position: absolute;right: 12px;bottom: 12px;cursor: pointer;} .sc_limitFree .content .main .item .msg {width: 100%;height: 70px;display: flex;justify-content: space-between;align-items: center;background-color: white;padding: 0 20px;} .sc_limitFree .content .main .item .msg .price i {font-style: normal;font-size: 20px;color: #FB4646;} .sc_limitFree .content .main .item .msg .price span {font-size: 36px;color: #FB4646;font-weight: bold;} .sc_limitFree .content .main .item .msg .price del {font-size: 16px;color: #323B4B;} .sc_limitFree .content .main .item .msg .buy {text-align: right;} .sc_limitFree .content .main .item .msg .buy span {display: inline-block;width: 180px;height: 46px;line-height: 46px;text-align: center;color: white;background: #F13A3A;border-radius: 4px;font-size: 20px;cursor: pointer;} .sc_package {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: #F6F7F9;} .sc_package .content {width: 1200px;margin: 0 auto;padding-top: 92px;} .sc_package .content .title {text-align: center;} .sc_package .content .title span {font-size: 40px;font-weight: bold;color: #333;position: relative;} .sc_package .content .title span::before {content: '';width: 40px;height: 28px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_title_b.png') no-repeat center center;position: absolute;top: 50%;left: 0;transform: translate(-120%, -50%);} .sc_package .content .title span::after {content: '';width: 40px;height: 28px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_title_a.png') no-repeat center center;position: absolute;top: 50%;right: 0;transform: translate(120%, -50%);} .sc_package .content .main {width: 100%;height: 700px;background-color: white;margin-top: 50px;} .sc_package .content .main .caretory {height: 56px;display: flex;align-items: flex-end;justify-content: space-between;background: linear-gradient(180deg, #FFE8D2 0%, #FFDEC0 100%), linear-gradient(180deg, #FFEBD9 0%, #FEE2C8 100%), linear-gradient(180deg, #FFEBD9 0%, #FEE2C8 100%);border-radius: 4px 4px 0px 0px;} .sc_package .content .main .caretory span {width: 135px;height: 100%;line-height: 56px;text-align: center;font-size: 18px;cursor: pointer;} /* .sc_package .content .main .caretory span.active {height: 52px;font-weight: bold;color: #9F4E21;background-color: white;border-radius: 4px 4px 0px 0px;} */ .sc_package .content .main .caretory span.active {font-weight: bold;color: #9F4E21;background-color: #FFFBF8;border-radius: 4px 4px 0px 0px;} .sc_package .content .main .list {height: 545px;padding: 40px 30px;display: flex;flex-wrap: wrap;overflow-y: scroll;} .sc_package .content .main .list::-webkit-scrollbar {width: 5px;} .sc_package .content .main .list::-webkit-scrollbar-thumb {background: #d8d8d8;border-radius: 10px;} .sc_package .content .main .list::-webkit-scrollbar-track-piece {background: transparent;} .sc_package .content .main .list .item {width: 266px;height: 152px;margin: 0 18px 18px 0;position: relative;overflow: hidden;} .sc_package .content .main .list .item:nth-child(4n) {margin-right: 0;} .sc_package .content .main .list .item video {max-width: 100%;} .sc_package .content .main .list .item img.bg {max-width: 100%;} .sc_package .content .main .list .item .player {width: 48px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;} .sc_package .content .main .list .item .tag {display: inline-block;width: 80px;height: 25px;line-height: 25px;text-align: center;color: white;background: rgba(0, 0, 0, 0.35);border-radius: 4px;font-size: 16px;position: absolute;top: 10px;left: 10px;} .sc_package .content .main .list .item .vidfull {display: inline-block;width: 18px;height: 20px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_full_play.png') no-repeat center center;position: absolute;right: 12px;bottom: 12px;cursor: pointer;z-index: 1;} .sc_package .content .main .list .item .title {width: 100%;height: 36px;line-height: 36px;color: white;background: linear-gradient(to top, rgba(0, 0, 0, 0.5625) 0%, rgba(0, 0, 0, 0) 100%);border-radius: 4px 4px 0px 0px;padding: 0 20px;font-size: 14px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;left: 0;bottom: 0;box-sizing: border-box;} /* .sc_package .content .main .package {width: 95%;margin: 10px auto 0;height: 70px;line-height: 70px;background: #EEF1F7;border-radius: 5px;padding: 0 20px;display: flex;align-items: center;justify-content: space-between;} */ .sc_package .content .main .package {width: 100%;margin: 0 auto;height: 70px;line-height: 70px;background: #FFFBF8;border-bottom: 1px solid #E8E8E8;padding: 0 20px;display: flex;align-items: center;justify-content: space-between;} .sc_package .content .main .package .left {font-size: 18px;color: #333;} .sc_package .content .main .package .price {font-weight: bold;display: flex;align-items: center;} .sc_package .content .main .package .price span {font-size: 18px;} .sc_package .content .main .package .price label {font-size: 32px;color: #F13A3A;padding-right: 20px;} .sc_package .content .main .package .price label i {font-size: 20px;font-style: normal;} .sc_package .content .main .package .price .buynow {display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;font-size: 20px;font-weight: normal;color: white;background: #F13A3A;border-radius: 4px;} .sc_buy_package {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background-image: linear-gradient(to bottom, #F6F7F9, rgba(246, 247, 249, 0.5));} .sc_buy_package .content {width: 1200px;margin: 0 auto;padding-top: 90px;padding-bottom: 120px;} .sc_buy_package .content .title {text-align: center;} .sc_buy_package .content .title span {font-size: 40px;font-weight: bold;color: #333;position: relative;} .sc_buy_package .content .title span::before {content: '';width: 40px;height: 28px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_title_b.png') no-repeat center center;position: absolute;top: 50%;left: 0;transform: translate(-120%, -50%);} .sc_buy_package .content .title span::after {content: '';width: 40px;height: 28px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_title_a.png') no-repeat center center;position: absolute;top: 50%;right: 0;transform: translate(120%, -50%);} .sc_buy_package .content .main {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 85px;} .sc_buy_package .content .main .item {width: 580px;height: 416px;border-radius: 4px;text-align: center;position: relative;} .sc_buy_package .content .main .item .tag {display: inline-block;width: 88px;height: 88px;text-align: center;font-size: 18px;font-weight: bold;padding-top: 20px;box-sizing: border-box;position: absolute;top: 0;left: 0;transform: translateY(-50%);} .sc_buy_package .content .main .item .it_title {font-size: 24px;font-weight: bold;color: #333;padding-top: 27px;} .sc_buy_package .content .main .item .it_desc {font-size: 14px;color: #323B4B;margin-top: 10px;} .sc_buy_package .content .main .item > img {margin-top: 18px;} .sc_buy_package .content .main .item .it_price {display: flex;align-items: center;justify-content: space-between;padding: 0 40px;margin-top: 28px;} .sc_buy_package .content .main .item .it_price .left span {font-size: 16px;font-weight: bold;color: #323B4B;} .sc_buy_package .content .main .item .it_price .left label {font-size: 36px;color: #F13A3A;font-weight: bold;} .sc_buy_package .content .main .item .it_price .left label i {font-size: 20px;font-style: normal;} .sc_buy_package .content .main .item .it_price .left del {font-size: 16px;color: #323B4B;} .sc_buy_package .content .main .item .it_price .right .buynow {display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;color: white;background: #F13A3A;border-radius: 4px;font-size: 20px;} .sc_buy_package .content .main .item:first-child {background: linear-gradient(180deg, #FFEEDF 0%, #FFE7D0 100%), #C4C4C4;} .sc_buy_package .content .main .item:first-child .tag {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_package1.png');color: #9F4E21;} .sc_buy_package .content .main .item:last-child {background: linear-gradient(180deg, #FFEEEA 0%, #FFE0D9 100%), linear-gradient(180deg, #FFEBD9 0%, #FEE2C8 100%), #C4C4C4;} .sc_buy_package .content .main .item:last-child .tag {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_package2.png');color: #9F3021;} .sc_freeget {width: 380px;height: 360px;border-radius: 8px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/freeget_bg.png') no-repeat top center;} .sc_freeget .main {padding-top: 45px;} .sc_freeget .title {font-size: 24px;text-align: center;color: #9F4E21;font-weight: bold;} .sc_freeget .qrcode {text-align: center;margin-top: 40px;} .sc_freeget .qrcode img {width: 130px;border: 3px solid #FFE8D2;} .sc_freeget .guanzhu {text-align: center;font-size: 14px;color: #323B4B;margin-top: 15px;} .sc_freeget .guanzhu span {color: #9F4E21;} .sc_freeget .layui-layer-close2 {top: -5px !important;right: -5px !important;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sc_close.png') no-repeat center center;background-size: 100% !important;background-position: 0 0 !important;} /* new sucai end */ /* 竞品折扣 */ .jpyh_m1{background:#FFFAF8 url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109011145.png) no-repeat top center;width:100%;max-width:1920px;min-width:1200px;height:820px;margin:0px auto} .jpyh_m1 .content{width:1200px;height:100%;margin:0px auto;text-align:center;padding-top:86px;position:relative;font-family:'SourceHanSansSC-Regular,bestFont regular'} .jpyh_m1 .content .title_txt{font-size:52px;line-height:72.8px;color:#231717} .jpyh_m1 .content .title_txt span{font-weight:700;color:#FF471F} .jpyh_m1 .content .title_txt div:first-child{font-size:38px} .jpyh_m1 .content .ffmethod{padding-top:115px;position:relative;margin:0 auto;text-align:center} .jpyh_m1 .content .ffmethod .title{font-size:40px;color:#231717;position:relative} .jpyh_m1 .content .ffmethod .title span{display:inline-block;z-index:1;font-weight:700;position:relative} .jpyh_m1 .content .ffmethod .title span::before{content:'';width:100%;height:10px;z-index:-1;background-color:#FBCEC0;border-radius:20px;position:absolute;left:0;bottom:0} .jpyh_m1 .content .ffmethod .main{padding-top:48px;display:flex} .jpyh_m1 .content .ffmethod .main .row{width:360px;height:250px;border-radius:8px;background:linear-gradient(0deg,#FFFFFF,#FFFFFF),linear-gradient(127.91deg,#FFF7F4 0%,#FFF6FA 97.2%);text-align:center;padding-top:53px} .jpyh_m1 .content .ffmethod .main .row .pc_img{display:inline-block} .jpyh_m1 .content .ffmethod .main .row .m_img{display:none} .jpyh_m1 .content .ffmethod .main .row img{width:72px;height:72px} .jpyh_m1 .content .ffmethod .main .row .txt{padding-top:35px;color:#333333;font-weight:700;font-size:16px} .jpyh_m1 .content .ffmethod .main .row .txt span{font-size:22px} .jpyh_m1 .content .ffmethod .main .next{background:url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109011343.png) no-repeat top center;width:24px;height:24px;padding:0 16px;margin-top:115px} .jpyh_m2{background:url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109011503.png) no-repeat top center;width:100%;max-width:1920px;min-width:1200px;margin:0px auto} .jpyh_m2 .content{width:1200px;height:100%;margin:0px auto;text-align:center;padding-top:77px;position:relative;font-family:'SourceHanSansSC-Regular,bestFont regular';z-index:2} .jpyh_m2 .content .title_txt span{color:#FFFFFF;font-size:40px;font-weight:700;z-index:4} .jpyh_m2 .content .title_txt span::before{opacity:0.3;z-index:-1;content:'';width:500px;height:10px;background-color:#FF8153;border-radius:20px;position:absolute;left:338px;top:117px} .jpyh_m2 .content .main{margin-top:45px;width:1200px;height:620px;background:#FFFFFF;box-shadow:0px 4px 32px rgba(0,0,0,0.06);border-radius:8px;margin-bottom:120px;padding:0 230px;text-align:left} .jpyh_m2 .content .main .row{padding-top:40px} .jpyh_m2 .content .main .row label{font-size:16px;font-weight:700;color:#333333} .jpyh_m2 .content .main .row label span{color:#EB5757} .jpyh_m2 .content .main .row .inlines{padding-top:10px} .jpyh_m2 .content .main .row .inlines input{color:#333333 !important;border:1px solid #E8E8E9;border-radius:8px !important;padding:0 20px} .jpyh_m2 .content .main .row .inlines input::input-placeholder{color:#C5C5C5} .jpyh_m2 .content .main .row .inlines input::-webkit-input-placeholder{color:#C5C5C5} .jpyh_m2 .content .main .row .inlines input::-moz-input-placeholder{color:#C5C5C5} .jpyh_m2 .content .main .row .inlines input::-ms-input-placeholder{color:#C5C5C5} .jpyh_m2 .content .main .row .inlines .upload{height:44px;border:1px dashed #E8E8E9;box-sizing:border-box;border-radius:8px;text-align:center;line-height:44px;position:relative} .jpyh_m2 .content .main .row .inlines .upload .upload_img{cursor:pointer;display:inline-block} .jpyh_m2 .content .main .row .inlines .upload .upload_img img{vertical-align:text-top} .jpyh_m2 .content .main .row .inlines .upload .upload_img span{color:#333333} .jpyh_m2 .content .main .row .inlines .upload .show{display:none} .jpyh_m2 .content .main .row .inlines .upload .show .pznams{position:absolute;left:50px;color:#333333;font-size:14px} .jpyh_m2 .content .main .row .inlines .upload .show .pznams::before{content:' ';background:url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109011624.png) no-repeat;width:20px;height:20px;position:absolute;right:100px;top:10px} .jpyh_m2 .content .main .row .inlines .upload .show .close{position:absolute;right:20px;color:#333333;font-size:14px;cursor:pointer} .jpyh_m2 .content .main .row .inlines .upload .show .close::after{content:' ';background:url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109011635.png) no-repeat;width:14px;height:14px;position:absolute;left:-15px;top:15px} .jpyh_m2 .content .main .row .inlines .hshytype{display:flex;flex-wrap:wrap;justify-content:space-between} .jpyh_m2 .content .main .row .inlines .hshytype .product{width:132px;height:44px;border:1px solid #E8E8E9;line-height:44px;text-align:center;border-radius:8px;display:inline-block;cursor:pointer;position:relative;overflow:hidden} .jpyh_m2 .content .main .row .inlines .hshytype .product::before{content:' ';width:24px;height:24px;position:absolute;top:-1px;left:-1px;background:url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109011651.png) no-repeat} .jpyh_m2 .content .main .row .inlines .hshytype .active{border:1px solid #FB4646} .jpyh_m2 .content .main .row .inlines .hshytype .active::before{content:' ';background:url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109011652.png) no-repeat} .jpyh_m2 .content .main .row .inlines .hshytype .emptyemls{display:none} .jpyh_m2 .content .main .row .inlines .btns{display:block;width:200px;height:50px;line-height:50px;border-radius:8px;background:#FB4646;color:#fff;border:0;margin:0 auto;text-align:center;font-size:20px;font-style:normal;font-weight:normal;text-decoration:none} .jpyh_adopts{display:none;background:url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109031506.png) no-repeat top center;width:100%;max-width:1920px;min-width:1200px;height:820px;margin:0px auto} .jpyh_adopts .content{width:1200px;height:100%;margin:0px auto;text-align:center;padding-top:92px;position:relative;font-family:'SourceHanSansSC-Regular,bestFont regular'} .jpyh_adopts .content .title .title_img{width:70px;height:70px} .jpyh_adopts .content .title h2{font-weight:700;font-size:36px;color:#333333;padding-top:15px} .jpyh_adopts .content .desc{padding-top:65px;font-size:26px;color:#333333;font-weight:400} .jpyh_adopts .content .desc span{font-weight:700;color:#FB4646} .jpyh_adopts .content .main{margin:auto;text-align:left;width:480px;height:180px;border-radius:10px;background:linear-gradient(127.91deg,#FFF7F4 0%,#FFF6FA 97.2%);border:1.25px solid #F0DFDF;margin-top:28px;padding-left:40px;display:flex} .jpyh_adopts .content .main .hshy_goosimg{width:96px;height:96px;margin-top:36px} .jpyh_adopts .content .main .row{margin-top:34px;margin-left:70px} .jpyh_adopts .content .main .price{letter-spacing:-2px;text-align:center} .jpyh_adopts .content .main .price label{color:#333333;font-weight:700;font-size:27px} .jpyh_adopts .content .main .price span{font-size:40px;font-style:normal;font-weight:700;color:#FFFFFF;padding:0px 6px;background-color:#333333;border-radius:7px;margin-right:5px} .jpyh_adopts .content .main .buys{display:inline-block;width:200px;height:44px;line-height:44px;background:#FB4646;border-radius:8px;margin-top:18px;font-size:20px;color:#FFFFFF;text-decoration:none;text-align:center} .jpyh_adopts .content .desc i{font-style:normal;} .jpyh_adopts .main .row .price .nums{ display: inline-block; height: 56px; /* background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109061135.png) no-repeat center left; */ color: white; line-height: 55px; letter-spacing: 13px; font-size: 40px; font-style: normal; font-weight: 700; padding-left: 0px; /* box-sizing: border-box; */ /* background-position-x: 3px; */ position: relative; z-index: 2; } .jpyh_adopts .main .row .price .nums::after{ content: ''; /* width: 99%; */ width: 100%; height: 100%; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/202109061135.png) no-repeat center left; position: absolute; top: 0; left: -3px; z-index: -1; } /* 竞品折扣 end*/ /* 模板素材 start */ .sucai_banner {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 320px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_banner.png') no-repeat center center;} .sucai_banner .content {width: 1200px;margin: 0 auto;color: white;text-align: center;padding-top: 48px;} .sucai_banner .content .title {font-size: 50px;font-family: 'SourceHanSansSC-Medium, bestFont medium';} .sucai_banner .content .desc {font-size: 24px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 8px;} .sucai_banner .content .btns {margin-top: 38px;display: flex;align-items: center;justify-content: center;} .sucai_banner .content .btns a {display: inline-block;width: 220px;height: 50px;line-height: 50px;text-align: center;border-radius: 25px;color: white;font-size: 20px;font-family: 'SourceHanSansSC-Regular, bestFont regular';border: 1px solid transparent;margin: 0 10px;box-sizing: border-box;} .sucai_banner .content .btns a.btn_buy {background-color: #ed531e;} .sucai_banner .content .btns a.btn_buy:hover {background-color: #f95231;} .sucai_banner .content .btns a.btn_shengji {border-color: white;} .sucai_banner .content .btns a.btn_shengji:hover {background-color: #fff;color: #f7401c;} .sucai_category {width: 100%;max-width: 1920px;min-width: 1200px;margin: 50px auto 0;} .sucai_category .content {width: 1200px;margin: 0 auto;/*height: 198px;*/border-radius: 4px;background-color: #f8fafc;padding: 30px;} .sucai_category .content .cate1 {display: flex;align-items: flex-start;} .sucai_category .content .cate1 label {width: 50px;height: 32px;line-height: 32px;color: #777;} .sucai_category .content .cate1 .main {width: calc(100% - 50px);} .sucai_category .content .cate1 .main a {display: inline-block;color: #666;height: 32px;line-height: 32px;font-size: 16px;padding: 0 16px;margin: 0 20px 18px 0;cursor: pointer;} .sucai_category .content .cate1 .main a.active {color: #2f68fa;background-color: #eaf0fe;border-radius: 16px;} .sucai_category .content .cate2 {display: flex;/*align-items: flex-start;*/align-items: center;} .sucai_category .content .cate2 label {width: 50px;height: 32px;line-height: 32px;color: #777;} .sucai_category .content .cate2 .main2 {width: calc(100% - 50px);display: flex;align-items: center;justify-content: space-between;} .sucai_category .content .cate2 .main2 .left a {display: inline-block;color: #666;height: 32px;line-height: 32px;font-size: 16px;padding: 0 16px;margin-right: 20px;cursor: pointer;} .sucai_category .content .cate2 .main2 .left a.active {color: #2f68fa;background-color: #eaf0fe;border-radius: 16px;} .sucai_category .content .cate2 .main2 .right {width: 380px;height: 40px;border: 1px solid #2f68fa;border-radius: 60px;display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 20px;overflow: hidden;} .sucai_category .content .cate2 .main2 .right i {font-size: 20px;color: #777;} .sucai_category .content .cate2 .main2 .right input {width: calc(100% - 20px - 80px);height: 40px;border: none;background-color: transparent;font-size: 16px;color: #777;padding-left: 10px;} .sucai_category .content .cate2 .main2 .right span {display: inline-block;width: 80px;height: 40px;line-height: 40px;text-align: center;color: white;background-color: #2f68fa;font-size: 18px;cursor: pointer;} .sucai_search {width: 100%;max-width: 1920px;min-width: 1200px;margin: 20px auto 0;} .sucai_search .content {width: 1200px;margin: 0 auto;height: 50px;border-radius: 4px;background-color: #f8fafc;padding: 0 30px;display: flex;align-items: center;justify-content: space-between;} .sucai_search .content .left {font-size: 16px;} .sucai_search .content .left span {color: #2f68fa;} .sucai_search .content .right label {color: #777;} .sucai_search .content .right div {display: inline-block;position: relative;} .sucai_search .content .right div span {font-weight: bold;} .sucai_search .content .right div span:hover + ul {display: inline-block;} .sucai_search .content .right div ul {display: none;width: 120px;background-color: white;box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);padding: 10px 20px;position: absolute;top: 20px;left: -10px;z-index: 2;} .sucai_search .content .right div ul:hover {display: inline-block;} /* .sucai_search .content .right div ul::before {content: '';width: 0;height: 0;border: 10px solid;border-color: transparent transparent #fff transparent;position: absolute;top: 5px;left: 20px;transform: translateY(-125%);z-index: 1;} */ .sucai_search .content .right div ul li {font-size: 16px;padding: 5px 0;cursor: pointer;} .sucai_search .content .right div ul li a{color: #666;} .sucai_search .content .right div ul li:hover a {color: #2f68fa;} .sucai_package {width: 100%;max-width: 1920px;min-width: 1200px;margin: 30px auto 0;} .sucai_package .content {width: 1200px;margin: 0 auto;} .sucai_package .content .daren {width: 100%;height: 220px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_daren_bg.png') no-repeat center center;display: flex;align-items: center;justify-content: flex-end;} .sucai_package .content .daren .main {width: 600px;height: 100%;position: relative;display: flex;flex-direction: column;padding: 25px 0 0 76px;} .sucai_package .content .daren .main .sheng {width: 88px;height: 88px;line-height: 1.2;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_daren_sheng.png') no-repeat center center;display: flex;align-items: center;justify-content: center;font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #733518;text-align: center;position: absolute;top: 20px;right: 50px;} .sucai_package .content .daren .main .title {width: 290px;text-align: center;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #733518;} .sucai_package .content .daren .main .desc {width: 290px;text-align: center;font-size: 14px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #733518;margin-top: -3px;} .sucai_package .content .daren .main .price {width: 290px;display: flex;align-items: center;justify-content: space-between;background-color: rgba(255, 255, 255, 0.6);border-radius: 60px;margin-top: 22px;} .sucai_package .content .daren .main .price .left {width: calc(100% - 130px);line-height: 1;display: flex;align-items: center;justify-content: center;} .sucai_package .content .daren .main .price .left .l {color: #733518;} .sucai_package .content .daren .main .price .left .l del {font-size: 14px;opacity: 0.7;} .sucai_package .content .daren .main .price .left .l div {display: block;font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .sucai_package .content .daren .main .price .left .r {color: #f7401c;margin-left: 3px;} .sucai_package .content .daren .main .price .left .r i {font-size: 16px;font-style: normal;} .sucai_package .content .daren .main .price .left .r span {font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-left: -5px;} .sucai_package .content .daren .main .price .right {width: 130px;} .sucai_package .content .daren .main .price .right a {display: inline-block;width: 130px;height: 44px;line-height: 44px;text-align: center;color: white;background-image: linear-gradient(to left top, #ef4812, #f37e0c);border-radius: 60px;font-size: 18px;} .sucai_package .content .daren .main .time {width: 290px;text-align: center;font-size: 14px;color: #733518;margin-top: 8px;} .sucai_package .content .fenlei {width: 100%;height: 220px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_bg.png') no-repeat center center;display: flex;align-items: center;justify-content: flex-end;} .sucai_package .content .fenlei .main {width: 600px;height: 100%;position: relative;display: flex;flex-direction: column;padding: 25px 0 0 76px;} .sucai_package .content .fenlei .main .sheng {width: 88px;height: 88px;line-height: 1.2;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_daren_sheng.png') no-repeat center center;display: flex;align-items: center;justify-content: center;font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #733518;text-align: center;position: absolute;top: 20px;right: 50px;} .sucai_package .content .fenlei .main .title {width: 290px;text-align: center;font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #733518;display: flex;align-items: center;justify-content: center;} .sucai_package .content .fenlei .main .title i {display: inline-block;width: 44px;height: 44px;margin-right: 6px;} .sucai_package .content .fenlei .main .title i.qiye {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_icon_qy.png') no-repeat center center;} .sucai_package .content .fenlei .main .title i.chunjie {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_icon_cj.png') no-repeat center center;} .sucai_package .content .fenlei .main .title i.huaijiu {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_icon_hj.png') no-repeat center center;} .sucai_package .content .fenlei .main .title i.guoqing {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_icon_gq.png') no-repeat center center;} .sucai_package .content .fenlei .main .title i.daojishi {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_icon_djs.png') no-repeat center center;} .sucai_package .content .fenlei .main .title i.banjiang {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_icon_bj.png') no-repeat center center;} .sucai_package .content .fenlei .main .title i.zhenhan {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_icon_zh.png') no-repeat center center;} .sucai_package .content .fenlei .main .title i.sucai {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_icon_sc.png') no-repeat center center;} .sucai_package .content .fenlei .main .title i.qingxin {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_fenlei_icon_qx.png') no-repeat center center;} .sucai_package .content .fenlei .main .desc {width: 300px;text-align: center;font-size: 14px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #733518;margin-top: -3px;text-align: left;} .sucai_package .content .fenlei .main .price {width: 290px;display: flex;align-items: center;justify-content: space-between;background-color: rgba(255, 255, 255, 0.6);border-radius: 60px;margin-top: 22px;} .sucai_package .content .fenlei .main .price .left {width: calc(100% - 130px);line-height: 1;display: flex;align-items: center;justify-content: center;} .sucai_package .content .fenlei .main .price .left .l {color: #733518;} .sucai_package .content .fenlei .main .price .left .l del {font-size: 14px;opacity: 0.7;} .sucai_package .content .fenlei .main .price .left .l div {display: block;font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .sucai_package .content .fenlei .main .price .left .r {color: #f7401c;margin-left: 3px;} .sucai_package .content .fenlei .main .price .left .r i {font-size: 16px;font-style: normal;} .sucai_package .content .fenlei .main .price .left .r span {font-size: 36px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-left: -5px;} .sucai_package .content .fenlei .main .price .right {width: 130px;} .sucai_package .content .fenlei .main .price .right a {display: inline-block;width: 130px;height: 44px;line-height: 44px;text-align: center;color: white;background-image: linear-gradient(to left top, #ef4812, #f37e0c);border-radius: 60px;font-size: 18px;} .sucai_package .content .fenlei .main .time {width: 290px;text-align: center;font-size: 14px;color: #733518;margin-top: 8px;} .sucai_package .content .zhengban {width: 100%;height: 220px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_package_zhengban_bg.png') no-repeat center center;display: flex;align-items: center;justify-content: flex-end;} .sucai_package .content .zhengban .main {width: 600px;height: 100%;color: white;position: relative;display: flex;flex-direction: column;padding: 38px 0 0 76px;} .sucai_package .content .zhengban .main .title {font-size: 28px;line-height: 38px;text-align: center;} .sucai_package .content .zhengban .main .title span {color: #ef4812;font-weight: bold;} .sucai_package .content .zhengban .main .btns {margin-top: 20px;text-align: center;} .sucai_package .content .zhengban .main .btns a {display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;color: white;background-color: #ef4812;border-radius: 60px;font-size: 20px;} .sucai_list {width: 100%;max-width: 1920px;min-width: 1200px;margin: 40px auto 0;} .sucai_list .content {width: 1200px;margin: 0 auto;font-size: 0;} .sucai_list .content .item {display: inline-block;width: 285px;margin-right: 20px;} .sucai_list .content .item:nth-of-type(4n) {margin-right: 0;} .sucai_list .content .item .img {position: relative;} .sucai_list .content .item .img img, .sucai_list .content .item .img video {max-width: 285px;max-height: 160px;} .sucai_list .content .item .img .tag {display: inline-block;width: 50px;height: 26px;line-height: 26px;text-align: center;font-size: 16px;color: #733518;background-image: linear-gradient(to right, #f8ba9c, #f9d2bf);border-radius: 0 16px 16px 0;position: absolute;top: 8px;left: 0;} .sucai_list .content .item .img .tag2 {display: inline-block;width: 50px;height: 26px;line-height: 26px;text-align: center;font-size: 16px;color: #733518;background-image: linear-gradient(to right, #f6d686, #ecc35e);border-radius: 0 16px 16px 0;position: absolute;top: 8px;left: 0;} .sucai_list .content .item .title {padding: 12px 0 30px;display: flex;align-items: center;justify-content: space-between;} .sucai_list .content .item .title .left {font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 5px;} .sucai_list .content .item .title .left a{color: #333;} .sucai_list .content .item .title .right {padding-left: 18px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_fire.png') no-repeat center left;font-size: 16px;color: #bababa;} .sucai_page {width: 100%;max-width: 1920px;min-width: 1200px;margin: 20px auto 120px;} .sucai_page .content {width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: center;} .sucai_page .content a {display: inline-block;height: 30px;line-height: 30px;padding: 0 15px;text-align: center;font-size: 14px;border: 1px solid #e9e9e9;border-radius: 4px;margin: 0 5px;} .sucai_page .content a.active {color: white;background-color: #2f68fa;border-color: #2f68fa;} .sucai_page .content span {display: inline-block;height: 30px;line-height: 30px;display: flex;align-items: center;justify-content: center;margin: 0 10px;} .sucai_detail_package {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .sucai_detail_package .content {width: 1200px;margin: 0 auto;height: 80px;background-color: #fef3e8;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;border-radius: 4px;} .sucai_detail_package .content .left {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #733518;} .sucai_detail_package .content .right {display: flex;align-items: flex-end;} .sucai_detail_package .content .right label {font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #733518;} .sucai_detail_package .content .right .price {color: #f7401c;font-size: 34px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .sucai_detail_package .content .right .price i {font-style: normal;font-size: 20px;} .sucai_detail_package .content .right a {display: inline-block;width: 180px;height: 48px;line-height: 48px;text-align: center;color: white;background-image: linear-gradient(to left, #f7401c, #f37e0c);border-radius: 24px;font-size: 20px;margin-left: 6px;} .sucai_detail_content {width: 100%;max-width: 1920px;min-width: 1200px;margin: 65px auto 100px;} .sucai_detail_content .content {width: 1200px;margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;} .sucai_detail_content .content .leftCont {width: 800px;padding: 28px 20px 80px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);} .sucai_detail_content .content .leftCont .top {display: flex;align-items: center;justify-content: space-between;} .sucai_detail_content .content .leftCont .top .title {width: 470px;font-size: 20px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #333;padding-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sucai_detail_content .content .leftCont .top .msg {display: flex;} .sucai_detail_content .content .leftCont .top .msg span {display: inline-block;font-size: 14px;color: #bababa;padding-left: 20px;margin-right: 15px;} .sucai_detail_content .content .leftCont .top .msg span.time {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_time.png') no-repeat left center;} .sucai_detail_content .content .leftCont .top .msg span.fire {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_fire.png') no-repeat left center;} .sucai_detail_content .content .leftCont .top .msg span.collect {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_collect.png') no-repeat left center;} .sucai_detail_content .content .leftCont .top .msg span.download {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_dl.png') no-repeat left center;} .sucai_detail_content .content .leftCont .swiper {margin-top: 25px;} .sucai_detail_content .content .leftCont .swiper .big {width: 760px;height: 426px;} .sucai_detail_content .content .leftCont .swiper .big img, .sucai_detail_content .content .leftCont .swiper .big video {max-width: 760px;max-height: 420px;} .sucai_detail_content .content .leftCont .swiper .thumb {display: flex;align-items: center;justify-content: flex-start;margin-top: 20px;border: 2px solid transparent;} .sucai_detail_content .content .leftCont .swiper .thumb .item {width: 182px;height: 104px;position: relative;cursor: pointer;border-radius: 4px;box-sizing: border-box;margin-right: 10px;} .sucai_detail_content .content .leftCont .swiper .thumb .item:last-child{margin-right: 0;} .sucai_detail_content .content .leftCont .swiper .thumb .item.active {border: 2px solid #2f68fa;} .sucai_detail_content .content .leftCont .swiper .thumb .item img {max-width: 100%;max-height: 100%;} .sucai_detail_content .content .leftCont .swiper .thumb .item i.play {display: inline-block;width: 44px;height: 44px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_detail_play.png') no-repeat center center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .sucai_detail_content .content .leftCont .article {margin-top: 72px;padding-bottom: 60px;} .sucai_detail_content .content .leftCont .article p {font-size: 14px;line-height: 24px;color: #666;} /* .sucai_detail_content .content .leftCont .article p img {margin: 20px 0 9px;} */ .sucai_detail_content .content .leftCont .cate {text-align: center;} .sucai_detail_content .content .leftCont .cate > div {width: 120px;margin: 0 auto;height: 72px;border-radius: 36px;background-color: #f1f5ff;display: flex;align-items: center;justify-content: center;flex-direction: column;} .sucai_detail_content .content .leftCont .cate > div i {font-size: 36px;color: #bfc6d6;} .sucai_detail_content .content .leftCont .cate > div div {font-size: 14px;margin-top: -5px;} .sucai_detail_content .content .leftCont .cate.like > div {background-color: rgba(247, 64, 28, 0.06);} .sucai_detail_content .content .leftCont .cate.like > div i {color: #f7401c;} .sucai_detail_content .content .rightCont {width: 340px;padding-top: 14px;} .sucai_detail_content .content .rightCont .price {display: flex;align-items: center;justify-content: space-between;} .sucai_detail_content .content .rightCont .price .left label {font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';letter-spacing: 2px;} .sucai_detail_content .content .rightCont .price .left span {font-size: 34px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .sucai_detail_content .content .rightCont .price .left span i {font-size: 16px;font-style: normal;} .sucai_detail_content .content .rightCont .price .right a {display: inline-block;width: 200px;height: 44px;line-height: 44px;text-align: center;border-radius: 22px;font-size: 20px;letter-spacing: 3px;} .sucai_detail_content .content .rightCont .price .right a.buynow {color: white;background-color: #f7401c;} .sucai_detail_content .content .rightCont .price .right a.buynow:hover {background-color: #f95231;} .sucai_detail_content .content .rightCont .price .right a.freedownload {color: white;background-color: #2f68fa;} .sucai_detail_content .content .rightCont .price .right a.freedownload:hover {background-color: #4d7cf7;} .sucai_detail_content .content .rightCont .price .right a.tologin {color: #666;background-color: #e5e6e8;} .sucai_detail_content .content .rightCont .price .right a.tologin:hover {background-color: #edeef0;} .sucai_detail_content .content .rightCont .jiaocheng {display: flex;align-items: center;margin-top: 15px;padding-bottom: 30px;border-bottom: 1px solid #f2f2f2;} .sucai_detail_content .content .rightCont .jiaocheng span {margin-right: 50px;} .sucai_detail_content .content .rightCont .jiaocheng span a {font-size: 14px;color: #666;} .sucai_detail_content .content .rightCont .jiaocheng span a.course {color: #2f68fa;} .sucai_detail_content .content .rightCont .jiaocheng span a.agreement i {font-size: 10px;border: 1px solid #333;border-radius: 50%;margin-left: 2px;} .sucai_detail_content .content .rightCont .msg {padding: 28px 0 10px;border-bottom: 1px solid #f2f2f2;} .sucai_detail_content .content .rightCont .msg .item {display: flex;align-items: flex-start;margin-bottom: 5px;color: #666;} .sucai_detail_content .content .rightCont .msg .item label {width: 60px;text-align: justify;} .sucai_detail_content .content .rightCont .msg .item label::after {content: '';width: 100%;display: inline-block;} .sucai_detail_content .content .rightCont .msg .item div {width: calc(100% - 60px);padding-top: 2px;} .sucai_detail_content .content .rightCont .msg .item div span.version {display: inline-block;height: 22px;line-height: 22px;font-size: 14px;border-radius: 4px;padding: 0 5px;margin-top: -2px;margin-right: 4px;} .sucai_detail_content .content .rightCont .tag {padding: 28px 0 10px;border-bottom: 1px solid #f2f2f2;} .sucai_detail_content .content .rightCont .tag .title {font-size: 14px;color: #333;} .sucai_detail_content .content .rightCont .tag .tags {display: flex;align-items: flex-start;flex-wrap: wrap;margin-top: 18px;} .sucai_detail_content .content .rightCont .tag .tags a {display: inline-block;height: 30px;line-height: 30px;border-radius: 15px;text-align: center;color: #333;background-color: #f1f5ff;font-size: 14px;padding: 0 15px;margin: 0 15px 16px 0;} .sucai_detail_content .content .rightCont .tag .tags a:hover {color: #2f68fa;} .sucai_detail_content .content .rightCont .jubao {padding-top: 18px;} .sucai_detail_content .content .rightCont .jubao a {color: #bababa;font-size: 14px;padding-left: 20px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_jb.png') no-repeat left center;} .sucai_detail_content .content .rightCont .adv {padding-top: 50px;} .sucai_detail_content .content .rightCont .adv img {max-width: 100%;} .sucai_detail_remd {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto 90px;} .sucai_detail_remd .content {width: 1200px;margin: 0 auto;position: relative;} .sucai_detail_remd .content .title {font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;padding-left: 10px;position: relative;} .sucai_detail_remd .content .title::before {content: '';width: 3px;height: 20px;background-color: #2f68fa;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} .sucai_detail_remd .content .sucai_detail_rmd {margin-top: 10px;font-size: 0;} .sucai_detail_remd .content .sucai_detail_rmd .swiper-slide {padding-top: 10px;} .sucai_detail_remd .content .sucai_detail_rmd .item {display: inline-block;width: 285px;margin-right: 20px;transition: all 0.5s;position: relative;top: 0;} .sucai_detail_remd .content .sucai_detail_rmd .item:nth-of-type(4n) {margin-right: 0;} .sucai_detail_remd .content .sucai_detail_rmd .item:hover {top: -5px;} .sucai_detail_remd .content .sucai_detail_rmd .item:hover .img {box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.08);} .sucai_detail_remd .content .sucai_detail_rmd .item .img {position: relative;} .sucai_detail_remd .content .sucai_detail_rmd .item .img img, .sucai_detail_remd .content .sucai_detail_rmd .item .img video {max-width: 285px;max-height: 160px;} .sucai_detail_remd .content .sucai_detail_rmd .item .img .tag {display: inline-block;width: 50px;height: 26px;line-height: 26px;text-align: center;font-size: 16px;color: #733518;background-image: linear-gradient(to right, #f8ba9c, #f9d2bf);border-radius: 0 16px 16px 0;position: absolute;top: 8px;left: 0;} .sucai_detail_remd .content .sucai_detail_rmd .item .img .tag2 {display: inline-block;width: 50px;height: 26px;line-height: 26px;text-align: center;font-size: 16px;color: #733518;background-image: linear-gradient(to right, #f6d686, #ecc35e);border-radius: 0 16px 16px 0;position: absolute;top: 8px;left: 0;} .sucai_detail_remd .content .sucai_detail_rmd .item .it_title {padding: 12px 0 30px;display: flex;align-items: center;justify-content: space-between;} .sucai_detail_remd .content .sucai_detail_rmd .item .it_title .left {font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 5px;} .sucai_detail_remd .content .sucai_detail_rmd .item .it_title .left a{color: #333;} .sucai_detail_remd .content .sucai_detail_rmd .item .it_title .left a:hover{color: #ed531e;} .sucai_detail_remd .content .sucai_detail_rmd .item .it_title .right {padding-left: 18px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_fire.png') no-repeat center left;font-size: 16px;color: #bababa;} .sucai_detail_remd .content .sucai_detail_rmd_prev, .sucai_detail_remd .content .sucai_detail_rmd_next {display: inline-block;width: 44px;height: 44px;transition: background 0.5s;} .sucai_detail_remd .content .sucai_detail_rmd_prev {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_arrow_l.png') no-repeat center center;transform: translateX(-200%);outline: none;} .sucai_detail_remd .content .sucai_detail_rmd_prev:hover {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_arrow_l_a.png') no-repeat center center;} .sucai_detail_remd .content .sucai_detail_rmd_next {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_arrow_r.png') no-repeat center center;transform: translateX(200%);outline: none;} .sucai_detail_remd .content .sucai_detail_rmd_next:hover {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_arrow_r_a.png') no-repeat center center;} .jubaoTc {border-radius: 5px !important;} .jubaoTc .layui-layer-content {padding: 50px 45px;} .jubaoTc .layui-layer-content .title {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .jubaoTc .layui-layer-content .number {font-size: 14px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 20px;} .jubaoTc .layui-layer-content .list_title {font-size: 14px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 15px;} .jubaoTc .layui-layer-content ul {display: inline-block;margin-left: 18px;list-style-type: disc;margin-top: 10px;} .jubaoTc .layui-layer-content ul li {list-style: disc;color: #666;margin-bottom: 10px;} .jubaoTc .layui-layer-content .email {margin-top: 30px;text-align: center;} .jubaoTc .layui-layer-content .email span {display: inline-block;width: 320px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;color: #333;background-color: #e5e8ef;font-size: 14px;} .jubaoTc .layui-layer-setwin {top: 44px;right: 44px;} .jubaoTc .layui-layer-setwin a {width: 21px !important;height: 21px !important;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_close.png') no-repeat center center !important;background-size: 100%;transition: transform 0.3s;} .jubaoTc .layui-layer-setwin:hover a {transform: rotate(90deg);} .sucai_license {width: 100%;max-width: 1920px;min-width: 1200px;margin: 50px auto 120px;} .sucai_license .content {width: 800px;margin: 0 auto;} .sucai_license .content .title {font-size: 26px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;text-align: center;} .sucai_license .content p {font-size: 16px;line-height: 26px;margin-top: 32px;} .sucai_license .content p .color {color: #ed531e;} .sucai_license .content .list_title {font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 35px;} .sucai_license .content table {width: 100%;margin-top: 18px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);} .sucai_license .content table thead tr {height: 60px;background-color: #2f68fa;} .sucai_license .content table thead tr th {width: 33.33%;color: white;font-size: 20px;text-align: center;} .sucai_license .content table tbody tr {height: 60px;} .sucai_license .content table tbody tr:nth-child(even) {background-color: #f8fafc;} .sucai_license .content table tbody tr td {font-size: 16px;color: #333;} .sucai_license .content table tbody tr td:nth-child(1) {padding-left: 40px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .sucai_license .content table tbody tr td:nth-child(2) {text-align: center;padding: 8px 10px;} .sucai_license .content table tbody tr td.yes {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sucai_license_ok.png') no-repeat center center;} /* 模板素材 end */ /* 产品页2022 start */ .prod2022_banner {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 560px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_banner.png') no-repeat center center;} .prod2022_banner .content {width: 1200px;margin: 0 auto;padding-top: 102px;} .prod2022_banner .content .title {color: white;font-size: 60px;font-family: 'SourceHanSansSC-Regular, bestFont regular';} .prod2022_banner .content .desc {color: white;line-height: 30px;font-size: 20px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 30px;} .prod2022_banner .content .btns {margin-top: 75px;} .prod2022_banner .content .btns a {display: inline-block;width: 200px;height: 52px;line-height: 52px;border-radius: 4px;text-align: center;color: white;font-size: 20px;font-family: 'SourceHanSansSC-Regular, bestFont regular';} .prod2022_banner .content .btns a.buynow {background-color: #FA4F31;margin-right: 18px;} .prod2022_banner .content .btns a.download {background-color: #2575e8;} .prod2021_menu {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 60px;color: white;background-color: #1a1a1a;} .prod2021_menu .content {width: 1200px;margin: 0 auto;display: flex;} .prod2021_menu .content .left {width: 75%;} .prod2021_menu .content .left span {display: inline-block;height: 100%;line-height: 60px;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-right: 80px;color: #cccccc;box-sizing: border-box;cursor: pointer;} .prod2021_menu .content .left span.active {color: white;position: relative;} .prod2021_menu .content .left span.active::after {content: '';width: 100%;height: 3px;background-color: #2575e8;position: absolute;bottom: 0;left: 0;} .prod2021_menu .content .right {width: 25%;line-height: 60px;text-align: right;} .prod2021_menu .content .right a {display: inline-block;width: 160px;height: 40px;line-height: 40px;border-radius: 4px;color: white;background-color: #FA4F31;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';text-align: center;} .prod2021_menu.chanpin2021Menufixed {position: fixed;top: 30px;left: 50%;transform: translateX(-50%);z-index: 10;} .prod2021_m1 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .prod2021_m1 .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 84px;} .prod2021_m1 .content .title {font-size: 42px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m1 .content .desc {width: 800px;margin: 0 auto;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;margin-top: 13px;} .prod2021_m1 .vid {margin: 55px auto 0;position: relative;} .prod2021_m1 .vid .pc_show {display: block;width: 1200px;margin: 0 auto;height: 556px;} .prod2021_m1 .vid .m_show {display: none;} .prod2021_m1 .vid .player {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;} .prod2022_m2_before {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .prod2022_m2_before .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 84px;} .prod2022_m2_before .content .title {font-size: 42px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2022_m2_before .content .desc {width: 800px;margin: 0 auto;font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;margin-top: 13px;} .prod2022_m2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 70px auto 0;height: 800px;background-image: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m2_bg1.png');background-repeat: no-repeat;background-position: center center;transition: all 0.5s;position: relative;} .prod2022_m2 .content {width: 1200px;margin: 0 auto;position: relative;z-index: 1;} .prod2022_m2 .content .features {width: 490px;position: absolute;top: 150px;right: 0;} .prod2022_m2 .content .features .layui-collapse {margin-top: 35px;border: none;} .prod2022_m2 .content .features .layui-collapse .layui-colla-item {margin-top: 10px;border: none;} .prod2022_m2 .content .features .layui-collapse .layui-colla-item .layui-colla-title {width: 490px;height: 44px;line-height: 44px;border-radius: 4px;color: white;background-color: rgba(255, 255, 255, 0.5);font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding: 0 15px 0 20px;border: none;} .prod2022_m2 .content .features .layui-collapse .layui-colla-item .layui-colla-title i {left: auto;right: 15px;font-size: 18px;transform: rotate(90deg);color: #1B77EC;} .prod2022_m2 .content .features .layui-collapse .layui-colla-item .layui-colla-title i.open{transform: rotate(180deg);} .prod2022_m2 .content .features .layui-collapse .layui-colla-item .layui-colla-content {border: none;font-size: 16px;line-height: 26px;padding: 15px 15px 5px 20px;color: rgba(255, 255, 255, 0.8);} .prod2022_m4 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;position: relative;} .prod2022_m4 .m_show {display: none;} .prod2022_m4 .beforeAfter {position: relative;max-height: 800px;overflow: hidden;} .prod2022_m4 .beforeAfter ul, .prod2022_m4 .beforeAfter li {margin: 0;} .prod2022_m4 .beforeAfter ul {display: table;padding: 0;} .prod2022_m4 .beforeAfter li {display: none;list-style: none;} .prod2022_m4 .beforeAfter .active-image {display: block;} .prod2022_m4 .beforeAfter .controls {position: absolute;bottom: 0;z-index: 100;width: 10%;right: -120px;} .prod2022_m4 .beforeAfter .controls .prev, .prod2022_m4 .beforeAfter .controls .next {color: #13ad97;cursor: pointer;} .prod2022_m4 .beforeAfter .controls .prev:hover, .prod2022_m4 .beforeAfter .controls .next:hover {opacity: 0.3;} .prod2022_m4 .beforeAfter .instruction {cursor: pointer;} .prod2022_m4 .beforeAfter .label {background-color: rgba(0, 0, 0, 0.5);border-radius: 0;bottom: 0;color: #fff;font-size: 14px;font-weight: normal;padding: 0.3em 1em 0.5em;position: absolute;z-index: 9;} .prod2022_m4 .beforeAfter .label.after {right: 0;} .prod2022_m4 .slider {position: relative;} .prod2022_m4 .slider .right.image {position: absolute;z-index: 1;top: 0;left: 0;} .prod2022_m4 .slider .left.image {position: relative;z-index: 2;margin-right: -4px;overflow: hidden;} .prod2022_m4 .slider .instruction {position: absolute;top: 55%;padding: 0 15px 7px;color: #fff;border: 4px solid #fff;border-radius: 4px;left: 49.9% !important;transform: translate(-50%, -50%);z-index: 3;} .prod2022_m4 .ultimate .slider .instruction {background: #00BEFF;} .prod2022_m4 .pro .slider .instruction {background: #B80006;} .prod2022_m4 .slider .instruction p {display: inline;font-size: 2em;text-transform: uppercase;color: #fff;line-height: 1.2;} .prod2022_m4 .ba-section .container {width: 1200px;height: 100%;margin: 0 auto;position: relative;} .prod2022_m4 .ba-section .container .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2022_m4 .ba-section .container .title span{color: #FA4F31;} .prod2022_m4 .ba-section .container .title2 {font-size: 42px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-top: 32px;} .prod2022_m4 .ba-section .container .desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 12px;} .prod2022_m4 .ba-section.stickers .sec-block.text-center {position: absolute;right: 15px;top: 50%;z-index: 3;text-align: left;max-width: 450px;padding: 150px 0 0;} .prod2022_m4 .line {width: 60px;height: 100%;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m4_handle.png') no-repeat center center;position: absolute;top: 0;z-index: 3;cursor: pointer;} .prod2022_m3 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 700px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m3.png') no-repeat center center;} .prod2022_m3 .content {width: 1200px;margin: 0 auto;color: white;padding-top: 100px;text-align: center;} .prod2022_m3 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2022_m3 .content .desc {width: 800px;margin: 0 auto;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 12px;} .prod2022_m5 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;color: white;} .prod2022_m5.m5_1{height: 759px;background: url("//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m5_1.png") no-repeat center center;} .prod2022_m5.m5_1 .content{padding: 260px 0 0;} .prod2022_m5.m5_1 .content .item .left .title{color: #000;} .prod2022_m5.m5_1 .content .item .left .desc{width: 380px;margin-top: 40px;;color: #000;} .prod2022_m5.m5_2{height: 650px;background: url("//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m5_2.png") no-repeat center center;} .prod2022_m5.m5_2 .content{padding: 200px 0 0;} .prod2022_m5.m5_2 .content .item .left .desc{width: 380px;margin-top: 20px;} .prod2022_m5.m5_3{height: 650px;background: url("//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m5_3.png") no-repeat center center;} .prod2022_m5.m5_3 .content{padding: 200px 0 0;} .prod2022_m5.m5_3 .content .item .left .desc{width: 380px;margin-top: 20px;} .prod2022_m5 .content {width: 1200px;margin: 0 auto;padding: 140px 0 120px;} .prod2022_m5 .content .item {display: flex;justify-content: space-between;align-items: center;margin-bottom: 140px;} .prod2022_m5 .content .item:last-child {margin-bottom: 0;} .prod2022_m5 .content .item.reverse {flex-direction: row-reverse;} .prod2022_m5 .content .item .left {width: 400px;} .prod2022_m5 .content .item .left .limit {display: inline-block;width: 96px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';background-color: #2575e8;text-align: center;border-radius: 4px;} .prod2022_m5 .content .item .left .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2022_m5 .content .item .left .desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';} .prod2022_m5 .content .item .left ul {list-style-type: disc;padding-left: 22px;} .prod2022_m5 .content .item .left ul li {list-style: disc;font-size: 18px;line-height: 40px;} .prod2022_m5 .content .item .left ul li i {color: #2575e8;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2022_m5 .content .item .right.compare {position: relative;} .prod2022_m5 .content .item .right.compare > div {width: 50%;position: absolute;top: 0;left: 0;overflow: hidden;} .prod2022_m5 .content .item .right.compare .line {width: 30px;height: 100%;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_m4_handle.png') no-repeat center center;background-size: 100%;position: absolute;top: 0;left: 50%;cursor: col-resize;} .prod2022_m3_2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 700px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m5_4.png') no-repeat center center;} .prod2022_m3_2 .content {width: 1200px;margin: 0 auto;color: white;padding-top: 100px;text-align: center;} .prod2022_m3_2 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2022_m3_2 .content .desc {width: 800px;margin: 0 auto;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 12px;} .prod2022_m2_2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 70px auto 0;} .prod2022_m2_2 .content {width: 1200px;margin: 0 auto;text-align: center;} .prod2022_m2_2 .content .title{font-size: 42px;font-weight: bold;color: #000;} .prod2022_m2_3 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 30px auto 0;height: 800px;background-image: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m2_bg2.png');background-repeat: no-repeat;background-position: center center;transition: all 0.5s;position: relative;} .prod2022_m2_3 .content {width: 1200px;margin: 0 auto;position: relative;z-index: 1;} .prod2022_m2_3 .content .features {width: 490px;position: absolute;top: 150px;right: 0;} .prod2022_m2_3 .content .features .layui-collapse {margin-top: 35px;border: none;} .prod2022_m2_3 .content .features .layui-collapse .layui-colla-item {margin-top: 10px;border: none;} .prod2022_m2_3 .content .features .layui-collapse .layui-colla-item .layui-colla-title {width: 490px;height: 44px;line-height: 44px;border-radius: 4px;color: white;background-color: rgba(255, 255, 255, 0.5);font-size: 18px;padding: 0 15px 0 20px;border: none;} .prod2022_m2_3 .content .features .layui-collapse .layui-colla-item .layui-colla-title span{color: #FA4F31;} .prod2022_m2_3 .content .features .layui-collapse .layui-colla-item .layui-colla-title i {left: auto;right: 15px;font-size: 18px;transform: rotate(90deg);color: #1B77EC;} .prod2022_m2_3 .content .features .layui-collapse .layui-colla-item .layui-colla-title i.open{transform: rotate(180deg);} .prod2022_m2_3 .content .features .layui-collapse .layui-colla-item .layui-colla-content {border: none;font-size: 16px;line-height: 26px;padding: 15px 15px 5px 20px;color: rgba(255, 255, 255, 0.8);} .prod2022_m6 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .prod2022_m6 .content {width: 1200px;margin: 0 auto;text-align: center;padding-top: 85px;} .prod2022_m6 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2022_m6 .content .desc {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 12px;} .prod2022_m6 .content .img {max-width: 100%;margin-top: 50px;} .prod2022_m6 .content .cate {margin-top: 20px;border-bottom: 2px solid rgba(0, 0, 0, 0.04);display: flex;justify-content: center;} .prod2022_m6 .content .cate span {display: inline-block;font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';margin-right: 80px;padding: 23px 0 15px;box-sizing: border-box;cursor: pointer;} .prod2022_m6 .content .cate span i {color: #2575e8;} .prod2022_m6 .content .cate span.active {position: relative;} .prod2022_m6 .content .cate span.active::after {content: '';width: 100%;height: 3px;background-color: #2575e8;position: absolute;bottom: -1px;left: 0;} .prod2022_m6 .content .cont {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;padding: 25px 0 50px;} .prod2022_m6 .content .more {display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;border-radius: 4px;color: #2575e8;background-color: #e3efff;font-size: 18px;font-family: 'SourceHanSansSC-Medium, bestFont medium';cursor: pointer;} /* .prod2021_m7 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 145px auto 130px;} .prod2021_m7 .content {width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-direction: row-reverse;} .prod2021_m7 .content .left {width: 37.5%;} .prod2021_m7 .content .left .title {font-size: 48px;line-height: 58px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m7 .content .left .layui-collapse {margin-top: 35px;border: none;} .prod2021_m7 .content .left .layui-collapse .layui-colla-item {border: none;margin-top: 10px;} .prod2021_m7 .content .left .layui-collapse .layui-colla-item .layui-colla-title {border: none;font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';height: 44px;line-height: 44px;border-radius: 4px;background-color: #f5f5f7;padding: 0 15px 0 20px;} .prod2021_m7 .content .left .layui-collapse .layui-colla-item .layui-colla-title i {left: auto;right: 15px;font-size: 18px;transform: rotate(90deg);} .prod2021_m7 .content .left .layui-collapse .layui-colla-item .layui-colla-content {border: none;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';padding: 15px 15px 5px 20px;} .prod2021_m7 .content .left > a {display: inline-block;margin: 13px 0 0 15px;font-size: 16px;text-decoration: underline;} .prod2021_m7 .content .right {width: 62.5%;text-align: right;} */ .prod2022_m8 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 80px auto 0;position: relative;} .prod2022_m8 .bg {width: 100%;max-width: 1920px;min-width: 1200px;margin: 50px auto 0;height: 530px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m8.png') no-repeat center center;;} .prod2022_m8 .bg > img {max-width: 100%;} .prod2022_m8 .bg > img.m_show {display: none;} .prod2022_m8 .content {width: 1200px;margin: 0 auto;} .prod2022_m8 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;text-align: center;} .prod2022_m8 .content .module {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;position: relative;z-index: 3;} .prod2022_m8 .content .module .item {width: 380px;} .prod2022_m8 .content .module .item .v_title {font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2022_m8 .content .module .item .v_title .limit {display: inline-block;width: 96px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;background-color: #2575e8;text-align: center;border-radius: 4px;} .prod2022_m8 .content .module .item .v_desc {margin-top: 10px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 26px;} .prod2022_m9 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 70px auto 0;height: 761px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m9.png') no-repeat center center;position: relative;} .prod2022_m9 .content {width: 1200px;margin: 0 auto;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 3;} .prod2022_m9 .content .shadow {width: 27.5em;height: 30em;color: #333;border-radius: 4px;padding: 55px 35px 0;position: absolute;top: 9.125em;right: 0;z-index: 3;} .prod2022_m9 .content .shadow .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2022_m9 .content .shadow .desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 10px;} /* .prod2021_m11 .layui-collapse {border: none;} .prod2021_m11 .layui-collapse .layui-colla-item {border: none;margin-top: 10px;} .prod2021_m11 .layui-collapse .layui-colla-item .layui-colla-title {border: none;font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';height: 44px;line-height: 44px;border-radius: 4px;background-color: #f5f5f7;padding: 0 15px 0 20px;} .prod2021_m11 .layui-collapse .layui-colla-item .layui-colla-title i {left: auto;right: 15px;font-size: 18px;transform: rotate(90deg);} .prod2021_m11 .layui-collapse .layui-colla-item .layui-colla-title::after {display: none;} .prod2021_m11 .layui-collapse .layui-colla-item .layui-colla-content {border: none;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';padding: 15px 15px 5px 20px;} */ /* .prod2021_m12 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 800px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2021_m12.png') no-repeat center center;} .prod2021_m12 .content {width: 1200px;margin: 0 auto;padding-top: 184px;} .prod2021_m12 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m12 .content .item {margin-top: 35px;} .prod2021_m12 .content .item .v_title {font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m12 .content .item .v_title .limit {display: inline-block;width: 96px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;background-color: #2575e8;text-align: center;border-radius: 4px;} .prod2021_m12 .content .item .v_desc {margin-top: 10px;width: 500px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 26px;} */ .prod2022_m13 {width: 100%;max-width: 1920px;min-width: 1200px;margin: -1px auto 0;} .prod2022_m13.m13_1{height: 830px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m13_1.png') no-repeat center center;} .prod2022_m13.m13_2{height: 906px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m13_2.png') no-repeat center center;} .prod2022_m13.m13_2 .content{text-align: right;} .prod2022_m13 .content {width: 1200px;margin: 0 auto;padding-top: 145px;} .prod2022_m13 .content .item {display: inline-block;width: 500px;text-align: left;} .prod2022_m13 .content .item .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #fff;} .prod2022_m13 .content .item .layui-collapse {margin-top: 30px;border: none;} .prod2022_m13 .content .item .layui-collapse .layui-colla-item {margin-top: 10px;border: none;} .prod2022_m13 .content .item .layui-collapse .layui-colla-item .layui-colla-title {width: 490px;height: 44px;line-height: 44px;border-radius: 4px;background-color: rgba(255, 255, 255, 0.5);color: white;;font-size: 18px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding: 0 15px 0 20px;border: none;} .prod2022_m13 .content .item .layui-collapse .layui-colla-item .layui-colla-title i {left: auto;right: 15px;font-size: 18px;transform: rotate(90deg);color: #1B77EC;} .prod2022_m13 .content .item .layui-collapse .layui-colla-item .layui-colla-content {border: none;font-size: 16px;line-height: 26px;padding: 15px 15px 5px 20px;color: white;} .prod2022_m10 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 560px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m10.png') no-repeat center center;} .prod2022_m10 .content {width: 1200px;margin: 0 auto;color: white;padding-top: 146px;} .prod2022_m10 .content .title {width: 50%;font-size: 42px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2022_m10 .content .item {width: 50%;padding-right: 100px;margin: 32px 0 42px;} .prod2022_m10 .content .item .v_title {font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2022_m10 .content .item .v_title i {color: #2575e8;} .prod2022_m10 .content .item .v_title .limit {display: inline-block;width: 96px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;background-color: #2575e8;text-align: center;border-radius: 4px;} .prod2022_m10 .content .item .v_desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-top: 10px;} .prod2022_m14 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 60px auto 0;text-align: center;} .prod2022_m14 span {display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;border-radius: 4px;color: #2575e8;background-color: #e3efff;font-size: 18px;font-family: 'SourceHanSansSC-Medium, bestFont medium';cursor: pointer;} .prod2021_m15 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 120px auto 0;} .prod2021_m15 .content {width: 1200px;margin: 0 auto;text-align: center;} .prod2021_m15 .content .limit {display: inline-block;width: 96px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: white;background-color: #2575e8;text-align: center;border-radius: 4px;} .prod2021_m15 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;margin-top: 5px;} .prod2021_m15 .content .desc {margin-top: 15px;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';line-height: 26px;} .prod2021_m15 .content .img {display: flex;text-align: center;justify-content: center;align-items: center;margin-top: 36px;} .prod2021_m15 .content .img img {margin: 0 40px;} .prod2021_m15 .content .showBtn {display: inline-block;width: 200px;height: 48px;line-height: 48px;text-align: center;border-radius: 4px;color: #2575e8;background-color: #e3efff;font-size: 18px;font-family: 'SourceHanSansSC-Medium, bestFont medium';margin-top: 62px;cursor: pointer;} .prod2021_m15 .content .effect {display: flex;flex-wrap: wrap;text-align: left;margin-top: 95px;} .prod2021_m15 .content .effect .item {width: 25%;padding: 0 10px 0;margin-bottom: 52px;} .prod2021_m15 .content .effect .item .v_title {font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m15 .content .effect .item .v_title i {color: #2575e8;} .prod2021_m15 .content .effect .item .v_desc {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;margin-top: 10px;} .prod2021_m16 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .prod2021_m16 .content {width: 1200px;margin: 0 auto;padding-top: 55px;text-align: center;} .prod2021_m16 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;} .prod2021_m16 .content .desc {font-size: 18px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #444;margin-top: 16px;} .prod2021_m16 .content > a {display: inline-block;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';padding-left: 30px;margin-top: 24px;color: #333;position: relative;} .prod2021_m16 .content > a::after {content: '';width: 20px;height: 24px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/icon_pdf.png') no-repeat center center;position: absolute;top: 0;left: 0;} .prod2021_m16 .content .cate {display: flex;align-items: center;width: 320px;height: 48px;line-height: 48px;border-radius: 24px;margin: 0 auto;margin-top: 35px;background-color: #f5f5f7;} .prod2021_m16 .content .cate span {display: inline-block;width: 50%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-family: 'SourceHanSansSC-Bold, bestFont bold';color: #333;cursor: pointer;} .prod2021_m16 .content .cate span.active {color: white;background-color: #1a1a1a;border-radius: 24px;} .prod2021_m16 .content .cont {margin-top: 42px;} .prod2021_m16 .content .cont table {width: 100%;} .prod2021_m16 .content .cont table thead {width: 100%;height: 60px;line-height: 60px;color: white;background-color: #2575e8;font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m16 .content .cont table thead th:nth-of-type(1) {width: 50%;text-align: left;padding-left: 50px;} .prod2021_m16 .content .cont table thead th:nth-of-type(2), .prod2021_m16 .content .cont table thead th:nth-of-type(3) {width: 25%;} .prod2021_m16 .content .cont table.before th:nth-of-type(2), .prod2021_m16 .content .cont table.before th:nth-of-type(3), .prod2021_m16 .content .cont table.before th:nth-of-type(4) {width: 16%;} .prod2021_m16 .content .cont table tbody tr {border-top: 3px solid white;background-color: #f5f5f7;} .prod2021_m16 .content .cont table tbody tr td {height: 60px;} .prod2021_m16 .content .cont table tbody tr td:nth-of-type(1) {text-align: left;padding-left: 50px;} .prod2021_m16 .content .cont table tbody .t_title {text-align: left;height: 60px;line-height: 60px;font-size: 20px;font-family: 'SourceHanSansSC-Bold, bestFont bold';background-color: #eff4fd;cursor: pointer;} .prod2021_m16 .content .cont table tbody .t_title td {position: relative;} .prod2021_m16 .content .cont table tbody .t_title td::after {content: '+';color: #2575e8;font-size: 30px;font-family: 'SourceHanSansSC-Regular, bestFont regular';position: absolute;top: 0;left: 25px;} .prod2021_m16 .content .cont table tbody .t_title td.active::after {content: '-';top: -5px;} .prod2021_m17 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 126px auto 0;} .prod2021_m17 .content {width: 1200px;margin: 0 auto;padding-bottom: 40px;} .prod2021_m17 .content .title {font-size: 48px;font-family: 'SourceHanSansSC-Bold, bestFont bold';text-align: center;color: #333;} .prod2021_m17 .content .main {display: flex;flex-wrap: wrap;margin-top: 32px;} .prod2021_m17 .content .main .left {width: 50%;} .prod2021_m17 .content .main .left .item .v_title {font-size: 22px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m17 .content .main .left .item ul {list-style: disc;padding-left: 20px;margin-top: 20px;} .prod2021_m17 .content .main .left .item ul li {list-style: disc;font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-bottom: 26px;padding-right: 20px;} .prod2021_m17 .content .main .right {width: 50%;} .prod2021_m17 .content .main .right .item .v_title {font-size: 22px;font-family: 'SourceHanSansSC-Bold, bestFont bold';padding-left: 20px;} .prod2021_m17 .content .main .right .item ul {padding-left: 20px;margin-top: 20px;} .prod2021_m17 .content .main .right .item ul li {font-size: 16px;font-family: 'SourceHanSansSC-Regular, bestFont regular';margin-bottom: 26px;} .prod2021_m17 .content .note {margin-top: 45px;} .prod2021_m17 .content .note label {font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Bold, bestFont bold';} .prod2021_m17 .content .note > div {display: inline-block;font-size: 16px;line-height: 26px;font-family: 'SourceHanSansSC-Regular, bestFont regular';vertical-align: top;} /* 产品页2022 end */ /* 新新模板素材 start */ .mbsc_banner {width: 100%;max-width: 1920px;min-width: 1200px;margin: 20px auto 0;/*padding: 0 50px;*/display: flex;align-items: flex-start;justify-content: space-between;} .mbsc_banner .left {width: 62.6%;height: 100%;padding-right: 1.4em;} .mbsc_banner .left .swiper-pagination {text-align: right;padding-right: 1.42em;} .mbsc_banner .left .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 4px;background: #FFFFFF;opacity: 0.5;border-radius: 21px;transition: width 0.2s;} .mbsc_banner .left .swiper-pagination .swiper-pagination-bullet-active {width: 24px;opacity: 0.9;} .mbsc_banner .right {width: 37.4%;} .mbsc_banner .right .bottom {margin-top: 1.4em;} .mbsc_module {width: 100%;max-width: 1920px;min-width: 1200px;margin: 70px auto 0;} .mbsc_module .content {width: 1200px;margin: 0 auto;} .mbsc_module .content .title {display: flex;align-items: center;justify-content: space-between;} .mbsc_module .content .title span {font-size: 40px;font-weight: bold;color: #000;} .mbsc_module .content .title a {font-size: 18px;color: #2F80ED;} .mbsc_module .content .main {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin: 37px auto 20px;} .mbsc_module .content .main .item {width: 284px;height: 236px;background: #FFFFFF;box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.06);border-radius: 4px;display: flex;flex-direction: column;margin-bottom: 25px;} .mbsc_module .content .main .item .video {height: 160px;position: relative;overflow: hidden;} .mbsc_module .content .main .item .video .tag {height: 21px;color: white;background: rgba(0, 0, 0, 0.4);border-radius: 4px;padding: 0px 8px;vertical-align: middle;position: absolute;top: 8px;left: 8px;z-index: 5;} .mbsc_module .content .main .item .video .tag i {display: inline-block;width: 11px;height: 14px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_item_tag_icon.png') no-repeat center center;margin-right: 4px;vertical-align: middle;margin-top: -4px;} .mbsc_module .content .main .item .video .poster{width: 284px;height: 160px;} .mbsc_module .content .main .item .video .preview {width: 284px;height: 160px;position: absolute;top: 0;left: 0;} .mbsc_module .content .main .item .video .control {width: 100%;height: 51px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(137, 137, 137, 0.370833) 46.35%, rgba(80, 80, 80, 0.8) 100%);position: absolute;left: 0;bottom: -2px;} .mbsc_module .content .main .item .video .control i.audio {display: inline-block;width: 17px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_on.png') no-repeat center center;position: absolute;bottom: 8px;left: 20px;cursor: pointer;} .mbsc_module .content .main .item .video .control i.audio.off {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_off.png') no-repeat center center;} .mbsc_module .content .main .item .video .control span.progress {font-size: 14px;color: white;position: absolute;left: 130px;bottom: 8px;} .mbsc_module .content .main .item .video .control span.progress i {font-style: normal;} .mbsc_module .content .main .item .video .control i.like {display: inline-block;width: 15px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_nolike.png') no-repeat center center;position: absolute;bottom: 8px;right: 55px;cursor: pointer;} .mbsc_module .content .main .item .video .control i.like.ok {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_like.png') no-repeat center center;} .mbsc_module .content .main .item .video .control i.full {display: none;display: inline-block;width: 14px;height: 14px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_full.png') no-repeat center center;position: absolute;bottom: 9px;right: 20px;cursor: pointer;min-width: auto;} .mbsc_module .content .main .item .msg {padding: 6px 13px;} .mbsc_module .content .main .item .msg:hover .it_price .right a {display: inline-block;} .mbsc_module .content .main .item .msg .it_title {display: flex;align-items: center;justify-content: space-between;} .mbsc_module .content .main .item .msg .it_title .name {font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mbsc_module .content .main .item .msg .it_title .hot {line-height: 16px;padding-left: 18px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_fire.png) no-repeat center left;font-size: 14px;color: #bababa;} .mbsc_module .content .main .item .msg .it_price {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;} .mbsc_module .content .main .item .msg .it_price .left span {font-size: 20px;color: #F6522D;} .mbsc_module .content .main .item .msg .it_price .left del {font-size: 16px;color: #8C8C8C;} .mbsc_module .content .main .item .msg .it_price .right a {display: none;width: 66px;height: 22px;line-height: 22px;text-align: center;color: white;background: #F6522D;border-radius: 60px;font-size: 14px;} .mbsc_search {width: 100%;max-width: 1920px;min-width: 1200px;margin: 30px auto 0;} .mbsc_search .content {width: 1200px;margin: 0 auto;background: #F6F7FA;padding: 30px;border-radius: 4px;} .mbsc_search .content .search_wrapper {width: 100%;height: 46px;display: flex;align-items: center;justify-content: space-between;background-color: white;border-radius: 60px;} .mbsc_search .content .search_wrapper input {display: inline-block;width: calc(100% - 153px);height: 100%;padding: 0 30px;border: none;font-size: 18px;color: #666;border-radius: 60px 0 0 60px;} .mbsc_search .content .search_wrapper button {border: none;width: 153px;height: 46px;line-height: 46px;text-align: center;color: white;background: #2F80ED;border-radius: 60px;font-size: 18px;display: flex;align-items: center;justify-content: center;cursor: pointer;} .mbsc_search .content .search_wrapper button i {font-size: 20px;margin-right: 6px;} .mbsc_search .content .search_category {margin-top: 20px;} .mbsc_search .content .search_category .item {display: flex;align-items: flex-start;margin-top: 6px;} .mbsc_search .content .search_category .item label {width: 60px;line-height: 30px;font-size: 18px;color: #000;font-weight: bold;} .mbsc_search .content .search_category .item .list {width: calc(100% - 60px);} .mbsc_search .content .search_category .item .list.hidden {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;position: relative;} .mbsc_search .content .search_category .item .list a {display: inline-block;height: 30px;line-height: 30px;text-align: center;margin: 0 10px 6px 0;padding: 0 20px;border-radius: 60px;color: #333;} .mbsc_search .content .search_category .item .list a.active {color: white;background: #2F80ED;} .mbsc_search .content .search_category .item .list.hidden a.moreMobile{position: absolute;top: 0.72rem;right: -0.3rem;} .mbsc_search_filter {width: 100%;max-width: 1920px;min-width: 1200px;margin: 28px auto 0;} .mbsc_search_filter .content {width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;} .mbsc_search_filter .content .number {font-size: 14px;color: #666;} .mbsc_search_filter .content .number i {font-style: normal;color: #2F80ED;} .mbsc_search_filter .content .filter {padding: 5px 0;} .mbsc_search_filter .content .filter label {color: #777;} .mbsc_search_filter .content .filter > div {display: inline-block;position: relative;} .mbsc_search_filter .content .filter > div span {font-weight: bold;} .mbsc_search_filter .content .filter > div ul {display: none;width: 100px;background-color: white;box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);padding: 10px 5px;position: absolute;top: 20px;left: -10px;z-index: 2;} .mbsc_search_filter .content .filter > div ul:hover {display: inline-block;} .mbsc_search_filter .content .filter > div ul li {font-size: 16px;padding: 5px 10px;cursor: pointer;} .mbsc_search_filter .content .filter > div ul li:hover a {color: #2f68fa;} .mbsc_search_filter .content .filter > div ul li a {color: #666;} .mbsc_search_result {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .mbsc_search_result .content {width: 1200px;margin: 0 auto;padding-bottom: 120px;} .mbsc_search_result .content .noresult {display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 62px 0 100px;} .mbsc_search_result .content .noresult span {display: inline-block;width: 400px;height: 233px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_search_noresult.png') no-repeat center center;} .mbsc_search_result .content .noresult label {display: inline-block;font-size: 16px;color: #000;font-weight: bold;margin-top: 20px;} .mbsc_search_result .content .main {display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;margin: 37px auto 20px;} .mbsc_search_result .content .main .item {width: 284px;height: 236px;background: #FFFFFF;box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.06);border-radius: 4px;display: flex;flex-direction: column;margin-bottom: 25px;margin-right: 20px;} .mbsc_search_result .content .main .item:nth-child(4n){margin-right: 0;} .mbsc_search_result .content .main .item .video {height: 160px;position: relative;max-width: 284px;max-height: 160px;} .mbsc_search_result .content .main .item .video img {height: 160px;position: relative;max-width: 284px;max-height: 160px;} .mbsc_search_result .content .main .item .video a.clear{display: inline-block;width: 100%;height: calc(100% - 51px);position: absolute;top: 0;left: 0;z-index: 1;} .mbsc_search_result .content .main .item .video .tag {height: 21px;color: white;background: rgba(0, 0, 0, 0.4);border-radius: 4px;padding: 0px 8px;vertical-align: middle;position: absolute;top: 8px;left: 8px;z-index: 5;} .mbsc_search_result .content .main .item .video .tag i {display: inline-block;width: 11px;height: 14px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_item_tag_icon.png') no-repeat center center;margin-right: 4px;vertical-align: middle;margin-top: -4px;} .mbsc_search_result .content .main .item .video .preview {width: 284px;height: 160px;position: absolute;top: 0;left: 0;} .mbsc_search_result .content .main .item .video .control {width: 100%;height: 51px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(137, 137, 137, 0.370833) 46.35%, rgba(80, 80, 80, 0.8) 100%);position: absolute;left: 0;bottom: 0;} .mbsc_search_result .content .main .item .video .control i.audio {display: inline-block;width: 17px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_on.png') no-repeat center center;position: absolute;bottom: 8px;left: 20px;cursor: pointer;} .mbsc_search_result .content .main .item .video .control i.audio.off {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_off.png') no-repeat center center;} .mbsc_search_result .content .main .item .video .control span.progress {font-size: 14px;color: white;position: absolute;left: 130px;bottom: 8px;} .mbsc_search_result .content .main .item .video .control span.progress i {font-style: normal;} .mbsc_search_result .content .main .item .video .control i.like {display: inline-block;width: 15px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_nolike.png') no-repeat center center;position: absolute;bottom: 8px;right: 55px;cursor: pointer;} .mbsc_search_result .content .main .item .video .control i.like.ok {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_like.png') no-repeat center center;} .mbsc_search_result .content .main .item .video .control i.full {display: none;display: inline-block;width: 14px;height: 14px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_full.png') no-repeat center center;position: absolute;bottom: 9px;right: 20px;cursor: pointer;min-width: auto;} .mbsc_search_result .content .main .item .msg {padding: 6px 13px;} .mbsc_search_result .content .main .item .msg:hover .it_price .right a {display: inline-block;} .mbsc_search_result .content .main .item .msg .it_title {display: flex;align-items: center;justify-content: space-between;} .mbsc_search_result .content .main .item .msg .it_title .name {font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mbsc_search_result .content .main .item .msg .it_title .hot {line-height: 16px;padding-left: 18px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_fire.png) no-repeat center left;font-size: 14px;color: #bababa;} .mbsc_search_result .content .main .item .msg .it_price {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;} .mbsc_search_result .content .main .item .msg .it_price .left span {font-size: 20px;color: #F6522D;} .mbsc_search_result .content .main .item .msg .it_price .left del {font-size: 16px;color: #8C8C8C;} .mbsc_search_result .content .main .item .msg .it_price .right a {display: none;width: 66px;height: 22px;line-height: 22px;text-align: center;color: white;background: #F6522D;border-radius: 60px;font-size: 14px;} .mbsc_search_result .content .pages {display: flex;align-items: center;justify-content: center;margin-top: 45px;} .mbsc_search_result .content .pages span, .mbsc_search_result .content .pages a {display: inline-block;width: 32px;height: 32px;line-height: 32px;text-align: center;margin: 0 4px;background: #FFFFFF;border: 1px solid #D9D9D9;box-sizing: border-box;border-radius: 2px;color: #333;} .mbsc_search_result .content .pages span.current, .mbsc_search_result .content .pages a.current {color: #FF7629;border: 1px solid #FF7629;} .mbsc_search_result .content .pages .prev.disable, .mbsc_search_result .content .pages .next.disable {cursor: default;} .mbsc_search_result .content .pages .prev.disable i, .mbsc_search_result .content .pages .next.disable i {color: #D9D9D9;} .mbsc_search_result .content .pages select {width: 100px;height: 32px;margin-left: 20px;padding: 0 5px;border: 1px solid #D9D9D9;box-sizing: border-box;border-radius: 2px;} .mbsc_detail_package {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;} .mbsc_detail_package .content {width: 1200px;margin: 0 auto;background: #FFFFFF;box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.06);border-radius: 4px;} .mbsc_detail_package .content .message {width: 100%;height: 90px;display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 30px;background-image: linear-gradient(to left, #FFE8D5 40%, #FFF3E9 50%);border-radius: 4px 4px 0px 0px;} .mbsc_detail_package .content .message .left {color: #77351D;} .mbsc_detail_package .content .message .left .title {font-size: 24px;font-weight: bold;} .mbsc_detail_package .content .message .left .desc {font-size: 14px;margin-top: 5px;} .mbsc_detail_package .content .message .left .desc a {color: #2F80ED;} .mbsc_detail_package .content .message .left .desc a:hover {text-decoration: underline;} .mbsc_detail_package .content .message .right {display: flex;align-items: center;} .mbsc_detail_package .content .message .right .price {text-align: right;padding-right: 10px;} .mbsc_detail_package .content .message .right .price del {font-size: 18px;color: #8C8C8C;} .mbsc_detail_package .content .message .right .price .total {margin-top: -8px;} .mbsc_detail_package .content .message .right .price .total span {font-size: 20px;font-weight: bold;color: #77351D;} .mbsc_detail_package .content .message .right .price .total i, .mbsc_detail_package .content .message .right .price .total label {color: #FF3F2C;font-weight: bold;} .mbsc_detail_package .content .message .right .price .total i {font-size: 18px;font-style: normal;} .mbsc_detail_package .content .message .right .price .total label {font-size: 36px;} .mbsc_detail_package .content .message .right .price .one {font-size: 16px;color: #8C8C8C;margin-top: -5px;} .mbsc_detail_package .content .message .right .price .one span {color: #F6522D;font-weight: bold;} .mbsc_detail_package .content .message .right a.buynow {display: inline-block;width: 180px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: white;background: linear-gradient(90deg, #FB7E2B 0%, #FF402C 100%);border-radius: 60px;} .mbsc_detail_package .content .message .right a.buynow i {display: inline-block;width: 19px;height: 19px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_package.png') no-repeat center center;margin: -2px 5px 0 0;vertical-align: middle;} .mbsc_detail_package .content .list {background-color: white !important;} .mbsc_detail_package .content .list .str_move {padding: 16px 0;} .mbsc_detail_package .content .list .str_wrap.str_active {background-color: white;} .mbsc_detail_package .content .list .item {font-size: 0;display: inline-block;margin-right: 10px;position: relative;} .mbsc_detail_package .content .list .item .info {width: 284px;height: 236px;background: #FFFFFF;box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.06);border-radius: 4px;display: flex;flex-direction: column;margin-bottom: 25px;display: none;position: fixed;z-index: 1;} .mbsc_detail_package .content .list .item .info.reverse {transform: translateX(-100%);} .mbsc_detail_package .content .list .item .info .video {height: 160px;position: relative;} .mbsc_detail_package .content .list .item .info .video .poster {width: 284px;height: 160px;} .mbsc_detail_package .content .list .item .info .video .preview {width: 284px;height: 160px;position: absolute;top: 0;left: 0;} .mbsc_detail_package .content .list .item .info .control {width: 100%;height: 51px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(137, 137, 137, 0.370833) 46.35%, rgba(80, 80, 80, 0.8) 100%);position: absolute;left: 0;bottom: 0;} .mbsc_detail_package .content .list .item .info .control i.audio {display: inline-block;width: 17px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_on.png') no-repeat center center;position: absolute;bottom: 8px;left: 20px;cursor: pointer;} .mbsc_detail_package .content .list .item .info .control i.audio.off {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_off.png') no-repeat center center;} .mbsc_detail_package .content .list .item .info .control span.progress {font-size: 14px;color: white;position: absolute;left: 130px;bottom: 8px;} .mbsc_detail_package .content .list .item .info .control span.progress i {font-style: normal;} .mbsc_detail_package .content .list .item .info .control i.like {display: inline-block;width: 15px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_nolike.png') no-repeat center center;position: absolute;bottom: 8px;right: 55px;cursor: pointer;} .mbsc_detail_package .content .list .item .info .control i.like.ok {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_like.png') no-repeat center center;} .mbsc_detail_package .content .list .item .info .control i.full {display: none;display: inline-block;width: 14px;height: 14px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_full.png') no-repeat center center;position: absolute;bottom: 9px;right: 20px;cursor: pointer;min-width: auto;} .mbsc_detail_package .content .list .item .info .msg {padding: 6px 13px;} .mbsc_detail_package .content .list .item .info .msg:hover .it_price .right a {display: inline-block;} .mbsc_detail_package .content .list .item .info .msg .it_title {display: flex;align-items: center;justify-content: space-between;} .mbsc_detail_package .content .list .item .info .msg .it_title .name {font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mbsc_detail_package .content .list .item .info .msg .it_title .hot {line-height: 16px;padding-left: 18px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_fire.png) no-repeat center left;font-size: 14px;color: #bababa;} .mbsc_detail_package .content .list .item .info .msg .it_price {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;} .mbsc_detail_package .content .list .item .info .msg .it_price .left span {font-size: 20px;color: #F6522D;} .mbsc_detail_package .content .list .item .info .msg .it_price .left del {font-size: 16px;color: #8C8C8C;} .mbsc_detail_package .content .list .item .info .msg .it_price .right a {display: none;width: 66px;height: 22px;line-height: 22px;text-align: center;color: white;background: #F6522D;border-radius: 60px;font-size: 14px;} .mbsc_detail_package .content .list .swiper-container{overflow: visible;} .mbsc_detail_package .content .list .swiper-container .swiper-wrapper{z-index: 11;width: calc(100% - 28px);} .mbsc_detail_package .content .list .swiper-slide{display: none;align-items: center;padding: 16px 0 16px 15px;} .mbsc_detail_package .content .list .swiper-slide.swiper-slide-active{display: flex;} .mbsc_detail_package .content .list .item {font-size: 0;display: inline-block;margin-right: 18px;position: relative;} .mbsc_detail_package .content .list .mbsc_detail_swiper-button-next{width: 28px;height: 84px;color: white;background-image: none;background: linear-gradient(172.52deg, #4A97FF -3.32%, #006AF9 96.97%);text-align: center;margin-top: 0;padding-top: 5px;top: 16px;right: 0;outline: none;} .mbsc_detail_package .content .list .mbsc_detail_swiper-button-next i{display: inline-block;width: 18px;height: 18px;line-height: 18px;border-radius: 50%;text-align: center;color: #006AF9;background-color: white;font-size: 14px;box-sizing: border-box;} .mbsc_detail_package .content .list .item .info{position: absolute;top: 50%;left: 50%;} .mbsc_detail_content {width: 100%;max-width: 1920px;min-width: 1200px;margin: 20px auto 100px;} .mbsc_detail_content .content {width: 1200px;margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;flex-direction: row-reverse;} .mbsc_detail_content .content .leftCont {width: 800px;padding: 28px 20px 80px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);} .mbsc_detail_content .content .leftCont .top {display: flex;align-items: center;justify-content: space-between;} .mbsc_detail_content .content .leftCont .top .title {font-size: 20px;font-family: 'SourceHanSansSC-Regular, bestFont regular';color: #333;padding-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mbsc_detail_content .content .leftCont .top .msg {display: flex;} .mbsc_detail_content .content .leftCont .top .msg span {display: inline-block;font-size: 14px;color: #bababa;padding-left: 20px;margin-right: 15px;} .mbsc_detail_content .content .leftCont .top .msg span.fire {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_fire.png') no-repeat left center;} .mbsc_detail_content .content .leftCont .top .msg span.collect {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_collect.png') no-repeat left center;} .mbsc_detail_content .content .leftCont .swiper {margin-top: 25px;} .mbsc_detail_content .content .leftCont .swiper .big {width: 760px;height: 426px;} .mbsc_detail_content .content .leftCont .swiper .big img, .mbsc_detail_content .content .leftCont .swiper .big video {max-width: 760px;} .mbsc_detail_content .content .leftCont .swiper .number {text-align: center;padding: 20px 0;} .mbsc_detail_content .content .leftCont .swiper .number span {display: inline-block;min-width: 18px;height: 16px;line-height: 16px;font-size: 14px;color: #bababa;padding-left: 22px;margin-right: 15px;} .mbsc_detail_content .content .leftCont .swiper .number span.collect {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_like_dark.png') no-repeat left center;} .mbsc_detail_content .content .leftCont .swiper .number span.collect.ok {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_like_active.png') no-repeat left center;} .mbsc_detail_content .content .leftCont .package_list {padding-bottom: 30px;} .mbsc_detail_content .content .leftCont .package_list .title {font-size: 18px;padding: 5px 0;} .mbsc_detail_content .content .leftCont .package_list .main {display: flex;align-items: flex-start;flex-wrap: wrap;} .mbsc_detail_content .content .leftCont .package_list .main .item {margin-right: 10px;margin-bottom: 10px;position: relative;} .mbsc_detail_content .content .leftCont .package_list .main .item:nth-child(6n) {margin-right: 0;} .mbsc_detail_content .content .leftCont .package_list .main .item > img {width: 114px;} .mbsc_detail_content .content .leftCont .package_list .main .item .info {width: 284px;height: 236px;background: #FFFFFF;box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.06);border-radius: 4px;display: flex;flex-direction: column;margin-bottom: 25px;position: absolute;top: 50%;left: 50%;z-index: 1;display: none;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .video {height: 160px;position: relative;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .video .poster {width: 284px;height: 160px;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .video .preview {width: 284px;height: 160px;position: absolute;top: 0;left: 0;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .msg {padding: 6px 13px;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .msg:hover .it_price .right a {display: inline-block;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .msg .it_title {display: flex;align-items: center;justify-content: space-between;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .msg .it_title .name {font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .msg .it_title .hot {line-height: 16px;padding-left: 18px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_fire.png) no-repeat center left;font-size: 14px;color: #bababa;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .msg .it_price {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .msg .it_price .left span {font-size: 20px;color: #F6522D;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .msg .it_price .left del {font-size: 16px;color: #8C8C8C;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .msg .it_price .right a {display: none;width: 66px;height: 22px;line-height: 22px;text-align: center;color: white;background: #F6522D;border-radius: 60px;font-size: 14px;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .control {width: 100%;height: 51px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(137, 137, 137, 0.370833) 46.35%, rgba(80, 80, 80, 0.8) 100%);position: absolute;left: 0;bottom: 0;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .control i.audio {display: inline-block;width: 17px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_on.png') no-repeat center center;position: absolute;bottom: 8px;left: 20px;cursor: pointer;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .control i.audio.off {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_off.png') no-repeat center center;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .control span.progress {font-size: 14px;color: white;position: absolute;left: 130px;bottom: 8px;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .control span.progress i {font-style: normal;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .control i.like {display: inline-block;width: 15px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_nolike.png') no-repeat center center;position: absolute;bottom: 8px;right: 55px;cursor: pointer;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .control i.like.ok {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_like.png') no-repeat center center;} .mbsc_detail_content .content .leftCont .package_list .main .item .info .control i.full {display: none;display: inline-block;width: 14px;height: 14px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_full.png') no-repeat center center;position: absolute;bottom: 9px;right: 20px;cursor: pointer;min-width: auto;} .mbsc_detail_content .content .leftCont .article img{max-width: 100%;} .mbsc_detail_content .content .leftCont .cate {text-align: center;} .mbsc_detail_content .content .leftCont .cate > div {width: 120px;margin: 0 auto;height: 72px;border-radius: 36px;background-color: #f1f5ff;display: flex;align-items: center;justify-content: center;flex-direction: column;} .mbsc_detail_content .content .leftCont .cate > div i {font-size: 36px;color: #bfc6d6;} .mbsc_detail_content .content .leftCont .cate > div div {font-size: 14px;margin-top: -5px;} .mbsc_detail_content .content .leftCont .cate.like > div {background-color: rgba(247, 64, 28, 0.06);} .mbsc_detail_content .content .leftCont .cate.like > div i {color: #f7401c;} .mbsc_detail_content .content .rightCont {width: 340px;padding-top: 14px;} .mbsc_detail_content .content .rightCont .price {display: flex;align-items: center;justify-content: space-between;} .mbsc_detail_content .content .rightCont .price .left label {font-size: 20px;font-weight: bold;letter-spacing: 2px;color: #77351D;} .mbsc_detail_content .content .rightCont .price .left span {font-size: 34px;font-weight: bold;color: #FF3F2C;display: inline-block;} .mbsc_detail_content .content .rightCont .price .left span i {font-size: 16px;font-style: normal;} .mbsc_detail_content .content .rightCont .price .left span sup {display: inline-block;transform: translate(-120%, -18px);} .mbsc_detail_content .content .rightCont .price .left span del {font-size: 16px;color: #8C8C8C;font-weight: 200;} .mbsc_detail_content .content .rightCont .price .right a.buynow {display: inline-block;width: 180px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;letter-spacing: 3px;color: #FF3F2C;background: rgba(255, 63, 44, 0.1);border: 1px solid #FF3F2C;box-sizing: border-box;border-radius: 60px;} .mbsc_detail_content .content .rightCont .msg {padding: 28px 0 10px;border-bottom: 1px solid #f2f2f2;} .mbsc_detail_content .content .rightCont .msg .item {display: flex;align-items: center;margin-bottom: 15px;color: #666;} .mbsc_detail_content .content .rightCont .msg .item label {width: 80px;color: #999;} .mbsc_detail_content .content .rightCont .msg .item div {width: calc(100% - 80px);color: #333;} .mbsc_detail_content .content .rightCont .msg .item div span.version {display: inline-block;height: 22px;line-height: 22px;font-size: 14px;border-radius: 4px;padding: 0 5px;margin-top: -2px;} .mbsc_detail_content .content .rightCont .msg .item div a.agreement {font-size: 14px;} .mbsc_detail_content .content .rightCont .msg .item div a.agreement i {font-size: 10px;border: 1px solid #2f68fa;color: #2f68fa;border-radius: 50%;margin-left: 2px;} .mbsc_detail_content .content .rightCont .tag {padding: 28px 0 10px;border-bottom: 1px solid #f2f2f2;} .mbsc_detail_content .content .rightCont .tag .title {font-size: 14px;color: #333;} .mbsc_detail_content .content .rightCont .tag .tags {display: flex;align-items: flex-start;flex-wrap: wrap;margin-top: 18px;} .mbsc_detail_content .content .rightCont .tag .tags a {display: inline-block;height: 30px;line-height: 30px;border-radius: 15px;text-align: center;color: #333;background-color: #f1f5ff;font-size: 14px;padding: 0 15px;margin: 0 15px 16px 0;} .mbsc_detail_content .content .rightCont .tag .tags a:hover {color: #2f68fa;} .mbsc_detail_content .content .rightCont .jubao {padding-top: 18px;} .mbsc_detail_content .content .rightCont .jubao a {color: #bababa;font-size: 14px;padding-left: 20px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_jb.png') no-repeat left center;} .mbsc_detail_content .content .rightCont .adv {padding-top: 50px;} .mbsc_detail_content .content .rightCont .adv img {max-width: 100%;} .mbsc_detail_content .content .rightCont .rank {margin-top: 20px;border-radius: 8px;background: #FFFFFF;box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.06);} .mbsc_detail_content .content .rightCont .rank .title {height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;color: #222;border-bottom: 1px solid #F0F2F6;display: flex;align-items: center;padding: 0 15px;} .mbsc_detail_content .content .rightCont .rank .title i {display: inline-block;width: 20px;height: 16px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_rank.png') no-repeat center center;margin-right: 8px;} .mbsc_detail_content .content .rightCont .rank ul {margin: 20px 12px 0;padding-bottom: 10px;} .mbsc_detail_content .content .rightCont .rank ul li {margin-bottom: 28px;display: flex;align-items: flex-start;} .mbsc_detail_content .content .rightCont .rank ul li i {display: inline-block;width: 24px;text-align: center;font-style: normal;font-size: 18px;font-weight: bold;color: #c0c0c0;margin: 1px 10px 0 0;} .mbsc_detail_content .content .rightCont .rank ul li a {display: inline-block;width: calc(100% - 24px);font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;} .mbsc_detail_content .content .rightCont .rank ul li a:hover {color: #F94E37;} .mbsc_detail_content .content .rightCont .rank ul li a div {padding-bottom: 4px;color: #333;} .mbsc_detail_content .content .rightCont .rank ul li:nth-of-type(1) i {color: #F94E37;} .mbsc_detail_content .content .rightCont .rank ul li:nth-of-type(2) i {color: #FF6F2A;} .mbsc_detail_content .content .rightCont .rank ul li:nth-of-type(3) i {color: #FFA931;} .mbsc_detail_remd {width: 100%;max-width: 1920px;min-width: 1200px;margin: 150px auto 90px;} .mbsc_detail_remd .content {width: 1200px;margin: 0 auto;position: relative;} .mbsc_detail_remd .content .title {font-size: 48px;font-weight: bold;color: #333;} .mbsc_detail_remd .content .main {margin-top: 10px;font-size: 0;display: flex;align-items: flex-start;flex-wrap: wrap;} .mbsc_detail_remd .content .main .item {width: 284px;height: 236px;background: #FFFFFF;box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.06);border-radius: 4px;display: flex;flex-direction: column;margin: 0 20px 25px 0;} .mbsc_detail_remd .content .main .item:nth-child(4n) {margin-right: 0;} .mbsc_detail_remd .content .main .item .video {height: 160px;position: relative;} .mbsc_detail_remd .content .main .item .video .tag {height: 21px;color: white;background: rgba(0, 0, 0, 0.4);border-radius: 4px;padding: 3px 8px 0;vertical-align: middle;font-size: 12px;position: absolute;top: 8px;left: 8px;z-index: 5;} .mbsc_detail_remd .content .main .item .video .tag i {display: inline-block;width: 11px;height: 14px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_item_tag_icon.png') no-repeat center center;margin-right: 4px;vertical-align: middle;margin-top: -4px;} .mbsc_detail_remd .content .main .item .video >img {width: 284px;height: 160px;} .mbsc_detail_remd .content .main .item .video .preview {width: 284px;height: 160px;position: absolute;top: 0;left: 0;} .mbsc_detail_remd .content .main .item .video .control {width: 100%;height: 51px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(137, 137, 137, 0.370833) 46.35%, rgba(80, 80, 80, 0.8) 100%);position: absolute;left: 0;bottom: 0;} .mbsc_detail_remd .content .main .item .video .control i.audio {display: inline-block;width: 17px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_on.png') no-repeat center center;position: absolute;bottom: 8px;left: 20px;cursor: pointer;} .mbsc_detail_remd .content .main .item .video .control i.audio.off {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_off.png') no-repeat center center;} .mbsc_detail_remd .content .main .item .video .control span.progress {font-size: 14px;color: white;position: absolute;left: 130px;bottom: 8px;} .mbsc_detail_remd .content .main .item .video .control span.progress i {font-style: normal;} .mbsc_detail_remd .content .main .item .video .control i.like {display: inline-block;width: 15px;height: 15px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_nolike.png') no-repeat center center;position: absolute;bottom: 8px;right: 55px;cursor: pointer;} .mbsc_detail_remd .content .main .item .video .control i.like.ok {background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_like.png') no-repeat center center;} .mbsc_detail_remd .content .main .item .video .control i.full {display: none;display: inline-block;width: 14px;height: 14px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_full.png') no-repeat center center;position: absolute;bottom: 9px;right: 20px;cursor: pointer;min-width: auto;} .mbsc_detail_remd .content .main .item .msg {padding: 6px 13px;} .mbsc_detail_remd .content .main .item .msg:hover .it_price .right a {display: inline-block;} .mbsc_detail_remd .content .main .item .msg .it_title {display: flex;align-items: center;justify-content: space-between;} .mbsc_detail_remd .content .main .item .msg .it_title .name {font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mbsc_detail_remd .content .main .item .msg .it_title .hot {line-height: 16px;padding-left: 18px;background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/sucai/sc_icon_fire.png) no-repeat center left;font-size: 14px;color: #bababa;} .mbsc_detail_remd .content .main .item .msg .it_price {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;} .mbsc_detail_remd .content .main .item .msg .it_price .left span {font-size: 20px;color: #F6522D;} .mbsc_detail_remd .content .main .item .msg .it_price .left del {font-size: 16px;color: #8C8C8C;} .mbsc_detail_remd .content .main .item .msg .it_price .right a {display: none;width: 66px;height: 22px;line-height: 22px;text-align: center;color: white;background: #F6522D;border-radius: 60px;font-size: 14px;} /* 新新模板素材 end */ /* 会声会影剪映关键词 lp页 start */ .jianying_bg {width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;height: 1080px;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/jianying_banner.jpg') no-repeat center center;} .jianying_bg .content {width: 1200px;margin: 0 auto;padding-top: 206px;} .jianying_bg .content.ie .bigTitle {display: block;width: 355px;font-size: 0;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/jianying_txt1.png') no-repeat center center;} .jianying_bg .content.ie .bigTitle2 {display: block;width: 355px;font-size: 0;background: url('//pic.mairuan.com/WebSource/huishenghuiying/web/images/jianying_txt2.png') no-repeat center center;} .jianying_bg .content .bigTitle {display: block;height: 138px;font-size: 92px;font-weight: bold;color: white;} .jianying_bg .content .bigTitle2 {display: inline-block;height: 138px;font-size: 92px;font-weight: bold;background: linear-gradient(to right, #2093FF, #0DF2CC, #A532FF), #FFFFFF;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .jianying_bg .content .desc {font-size: 26px;color: white;margin-top: 18px;} .jianying_bg .content .btns {margin-top: 80px;display: flex;align-items: center;} .jianying_bg .content .btns a {display: inline-block;width: 200px;height: 52px;line-height: 53px;text-align: center;font-size: 20px;border-radius: 26px;color: white;} .jianying_bg .content .btns a.download {display: flex;align-items: center;justify-content: center;background: linear-gradient(273.58deg, #127EFF -4.74%, #2093FF 33.64%, #0DF2CC 112.24%);margin-right: 33px;} .jianying_bg .content .btns a.download i {font-size: 24px;margin-right: 5px;} .jianying_bg .content .btns a.viewmore {background: linear-gradient(to right, rgba(18, 126, 255, 0.2) -4.74%, rgba(32, 147, 255, 0.2) 33.64%, rgba(13, 242, 204, 0.2) 112.24%);border: 1px solid #0df2cc33;} .jianying_bg .content .version {font-size: 18px;color: rgba(232, 232, 232, 0.7);margin-top: 25px;} /* 会声会影剪映关键词 lp页 end */ /* 会声会影首页22 start */ .idx22-banner{ height: 640px; background: url("http://pic.mairuan.com//WebSource/huishenghuiying/web/images/20220607/banner.png") center center no-repeat; } .idx22-banner .conter{ padding: 165px 0 0 0; margin: 0 auto; } .idx22-banner .title{ font-weight: 700; font-size: 52px; line-height: 60px; text-align: center; letter-spacing: -0.015em; color: #FFFFFF; } .idx22-banner p{ font-size: 30px; line-height: 30px; text-align: center; color: #FFFFFF;margin-top: 30px; } .idx22-banner a,.idx22-tool a,.idx22-used a,.idx22-scene a,.idx22-train a,.idx22-course a{ text-decoration:none; } .idx22-banner .botton{ width: 400px; margin: 0 auto; margin-top: 106px; } .idx22-banner .botton .download{ font-size: 20px; line-height: 36px; letter-spacing: -0.015em; background: #2F80ED; border-radius: 8px; color: #FFFFFF;padding: 14px 50px; margin-right: 20px; } .idx22-banner .botton .buy{ font-size: 20px; line-height: 36px; letter-spacing: -0.015em; background: #FA4F31; border-radius: 8px; color: #FFFFFF;padding: 14px 50px; } .idx22-banner .botton .download:hover{ background: #0771FF; } .idx22-banner .botton .buy:hover{ background: #FF4524; } .idx22-basis{} .idx22-basis .conter{ padding: 68px 0; } .gradient-change { animation: flow 15s infinite linear; -webkit-animation: flow 15s infinite linear; -moz-animation: flow 15s infinite linear; -o-animation: flow 15s infinite linear; -ms-animation: flow 15s infinite linear; background-image: linear-gradient(210deg, #32E2E2 0%, #0094FF 7.29%, #0094FF 13.02%, #EE43BE 22.4%, #FF6543 30.21%, #A32FFF 38.02%, #00DDDD 44.27%, #1B5BFF 52.6%, #0094FF 59.9%, #EE43BE 70.31%, #FF6543 78.65%, #0094FF 85.94%, #00DDDD 92.71%, #1B5BFF 100%) !important; background-size: 800% 100%; background-position-x: 0; } .linear-gradient-text { font-size: 48px; font-weight: 700; float: left; color: #1584FC; text-align: center; line-height: 60px; background-image: linear-gradient(200.41deg, #32E2E2 0.84%, #0094FF 24.8%, #1B5BFF 51.37%, #EE43BE 74.81%, #FF6543 100.85%); background-image: -webkit-linear-gradient(200.41deg, #32E2E2 0.84%, #0094FF 24.8%, #1B5BFF 51.37%, #EE43BE 74.81%, #FF6543 100.85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @-webkit-keyframes flow { 0%, 100% { background-position: 0 0; } 50% { background-position: 100% 100%; } } @keyframes flow { 0%, 100% { background-position: 0 0; } 50% { background-position: 100% 100%; } } .idx22-basis .top{ } .idx22-basis .top .title{ width: 100%; height: 60px; text-align: center; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; } .idx22-basis .top .title h2{ font-weight: 700; font-size: 48px; line-height: 60px; float: left; letter-spacing: -0.015em; color: #000000; } .idx22-basis .top .desc{ font-size: 18px; line-height: 28px; text-align: center; color: #545352; } .idx22-basis .step{ width: 50%; margin: 0 auto;display: flex; margin-top: 52px; } .idx22-basis .step .item{ flex: 1; position: relative; font-weight: 700; font-size: 28px; line-height: 32px; letter-spacing: -0.015em; color: #000000;text-align: center; } .idx22-basis .step .item img{ width: 35px; margin-right: 10px; } .idx22-basis .step .item:first-child::before {content: '';width: 28px;height: 14px;background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/ico16.png') no-repeat center center;position: absolute;top: 11px;right: -14px;} .idx22-basis .step .item:nth-child(2)::before {content: '';width: 28px;height: 14px;background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/ico16.png') no-repeat center center;position: absolute;top: 11px;right: -14px;} .idx22-basis .bottom{ width: 1200px; height: 518px; margin: 0 auto; margin-top: 65px;position: relative; } .idx22-basis .bottom .player{ display: inline-block; width: 86px; height: 86px; text-align: center; padding-left: 6px; background-color: #2F80ED; border-radius: 20px; margin: 0 0 0 -44px; position: absolute; left: 50%; top: calc(50% - 43px); z-index: 1; cursor: pointer; } .idx22-basis .bottom #idx_video { width: 1200px;height: 518px; box-shadow: 0px 27px 50px -20px #d5dce6; } .idx22-basis .bottom .player:hover { background-color: #2168cc; } .idx22-basis .bottom .player i { display: inline-block;margin-top: 23px;border-style: solid; border-width: 20px 0 20px 24px; border-color: transparent transparent transparent #fff; } .idx22-basis .bottom .pause { display: inline-block;width: 88px;height: 88px;text-align: center; padding-left: 6px;background-color: #2575e8;border-radius: 10px; margin: 0 0 0 -44px;position: absolute;left: 90%; top: calc(50% + 65px + 60px);border: 2px solid #2575e8; padding-left: 0;transition: opacity 0.4s; } .idx22-basis .bottom .pause:hover {opacity: 1;} .idx22-basis .bottom .pause i { width: 10px; height: 26px; display: inline-block; /* margin-top: 29px; */ /* margin-left: 10px; */ margin-top: 0;margin-left: 0; border-style: double; border-width: 0px 0px 0px 24px; border-color: #ffffff; } .idx22-tool { width: 1200px; margin: 0 auto; margin-top:92px; margin-bottom: 160px; } .idx22-tool .conter {} .idx22-tool .top {} .idx22-tool .top h2{ font-weight: 700; font-size: 48px; line-height: 60px; text-align: center; color: #000000; } .idx22-tool .top p{ font-size: 18px; line-height: 28px; text-align: center; color: #545352;margin-top: 10px; } .idx22-tool .bottom { margin: 70px 0 20px 0; } .idx22-tool .bottom .wrapper{ height: 82px; display: flex; } .idx22-tool .bottom .wrapper div{ float: left; flex: 1; /* text-align: center; */ text-align: left; position: relative; } .idx22-tool .bottom .wrapper div:first-child{ text-align: left; } .idx22-tool .bottom .wrapper div:last-child{ /* text-align: right; */ text-align: left; } .idx22-tool .bottom .wrapper a { font-size: 18px; line-height: 20px; letter-spacing: -0.015em; color: #2F80ED;line-height: 36px; } .idx22-tool .bottom .wrapper a img{ margin-left: 5px; } .idx22-tool .bottom .wrapper .active span{ color: #2F80ED; ine-height: 32px; padding-bottom: 4px; border-bottom: 2px solid; border-image-source: linear-gradient(90.01deg, #FFFFFF 0.01%, #2F80ED 53.65%, rgba(255, 255, 255, 0) 100%); border-image-slice: 1; } /*.idx22-tool .bottom .wrapper .active span:after{ content: ""; width: 90%; height: 4px; position: absolute; left: 0; top: 36px; background: linear-gradient(90.01deg, #FFFFFF 0.01%, #2F80ED 53.65%, rgba(255, 255, 255, 0) 100%); background-size: 100%; background-size: cover; }*/ .idx22-tool .bottom .wrapper span{ font-weight: 700; font-size: 20px; line-height: 32px; text-align: center; letter-spacing: -0.015em; color: #000000; cursor:pointer; } .idx22-tool .bottom .titleWrapper{} .idx22-tool .bottom .titleWrapper div{ position: relative; width: 100%; height: 420px;text-align: center; } .idx22-tool .bottom .titleWrapper .wrapper1{ background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p1.png") center center no-repeat; } .idx22-tool .bottom .titleWrapper .wrapper2{ background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p2.png") no-repeat; } .idx22-tool .bottom .titleWrapper .wrapper3{ background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p3.png") no-repeat; } .idx22-tool .bottom .titleWrapper .wrapper4{ background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p5.png") no-repeat; } .idx22-tool .bottom .titleWrapper .wrapper5{ background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p4.png") no-repeat; } .idx22-tool .bottom .titleWrapper p{ position: absolute; width: 100%; bottom: 24px; font-size: 18px; line-height: 28px; color: #FFFFFF; } .idx22-works{ margin-bottom: 115px; } .idx22-works .conter{ width: 1200px; margin: 0 auto; } .idx22-works .top{ margin-bottom: 58px; } .idx22-works .top h2{ font-weight: 700; font-size: 48px; line-height: 60px; text-align: center; color: #000000; } .idx22-works .bottom{ display: flex; justify-content: space-between; flex-wrap: wrap; } .idx22-works .bottom .item{ width: 48%; } .idx22-works .bottom .item video{ width: 100%; border-radius: 20px; } .idx22-works .bottom .item:nth-child(2n-1){ margin-right: 2%; } .idx22-works .bottom .item:nth-child(2n){ margin-left: 2%; } .idx22-works .deatil .title{ font-weight: 700; font-size: 32px; line-height: 70px; letter-spacing: -0.015em; color: #000000; } .idx22-works .deatil .title img{ width: 30px; margin-left: 10px; cursor:pointer; } .idx22-works .deatil .desc{ font-size: 16px; line-height: 24px; color: #545352; height: 90px; } .idx22-used{ height: 460px; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p7.png") center center no-repeat; position: relative; } .idx22-used .conter{ position: absolute; top: 92px; left: 49%; } .idx22-used .title{ font-weight: 700; font-size: 48px; line-height: 82px; color: rgba(255, 255, 255, 0.6); } .idx22-used .title span{ font-weight: 700; font-size: 48px; line-height: 82px; color: #fff; } .idx22-used .desc{ font-size: 24px; line-height: 36px; color: #FFFFFF; margin-top: 16px; } .idx22-used .conter .used_buy{ font-weight: 700; font-size: 20px; line-height: 36px; letter-spacing: -0.015em; color: #FFFFFF; background: linear-gradient(0deg, #FA4F31, #FA4F31), linear-gradient(89.98deg, #FF7A00 0.02%, #FF3333 99.99%); border-radius: 8px; padding: 7px 46px; display: inline-block; margin-top: 46px; } .idx22-scene .scene{ height: 575px;background:unset!important; } .idx22-scene { width: 100%; max-width: 1920px; min-width: 1200px; margin: 0px auto; margin-top: 134px; overflow:hidden; } .idx22-scene2{ transform:translateX(-176px); width:calc(100% + 176px); } .idx22-scene .title { font-weight: 700; font-size: 52px; line-height: 60px; text-align: center; letter-spacing: -0.015em; color: #000000; } .idx22-scene .desc { float: unset; line-height: 72px; margin-bottom: 72px; } .idx22-scene .liMarquee { background-color: transparent; margin-top: 40px; } .idx22-scene .liMarquee .str_move { display: flex; } .idx22-scene .dowebok2{ padding-left: 100px; } .idx22-scene .liMarquee .item { width: 352px; height: 225px; margin-right: 20px; color: white; text-align: center; position: relative; white-space: normal; border-radius: 20px; overflow: hidden; } .idx22-scene .liMarquee .item.item_1 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p10.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_2 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p12.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_3 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p21.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_4 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p14.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_5 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p13.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_6 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p18.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_7 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p11.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_8 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p20.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_9 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p16.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_10{ background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p17.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_11 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p15.png') no-repeat center center; } .idx22-scene .liMarquee .item.item_12 { background: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p19.png') no-repeat center center; } .idx22-scene .liMarquee .item .it_desc { width: 88%; font-size: 0; line-height: 27px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; text-align: center; position: absolute; top: 80%; bottom: auto; left: 50%; transform: translateX(-50%); transition: top 0.5s; z-index:1; } .idx22-scene .liMarquee .item .it_desc .it_title { display: inline-block; width: 100%; font-size: 24px; line-height: 24px; font-family: 'SourceHanSansSC-Bold, bestFont bold'; font-weight: bold; padding: 0 30px 30px; } .idx22-scene .liMarquee .item .it_desc .it_to { display: inline-block; background: #2F80ED; border-radius: 8px; color: #fff; font-size: 20px; line-height: 36px; letter-spacing: -0.015em; padding: 5px 30px; width: 100px; height: 38px; display: none; margin: 0 auto; } .idx22-scene .liMarquee .item.active .it_desc { top: 30%; font-size: 18px; } .idx22-scene .liMarquee .item.active .it_to { display: block; } .idx22-train{ margin-top: 80px; } .idx22-train .conter{} .idx22-train .top{} .idx22-train .top h3{ font-weight: 700; font-size: 48px; line-height: 60px; text-align: center; letter-spacing: -0.015em; color: #000000; } .idx22-train .top p{ font-size: 18px; line-height: 28px; text-align: center; color: #545352; margin-top: 10px; } .idx22-train .bottom{ height: 601px; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p8.png") center center no-repeat; margin-top: 48px; position: relative; } .idx22-train .bottom .left{ position: absolute; top: 134px; left: 28%; } .idx22-train .bottom .left p{ font-weight: 700; font-size: 40px; line-height: 72px; letter-spacing: -0.015em; color: #FFFFFF; } .idx22-train .bottom .left a{ background: #2F80ED; border-radius: 8px; font-weight: 700; font-size: 20px; line-height: 36px; letter-spacing: -0.015em; color: #FFFFFF; padding: 7px 46px; display: inline-block; margin-top: 42px; } .idx22-train .bottom .right{ position: absolute; top: 126px; left: 55%; } .idx22-train .bottom .right .sub{ line-height: 50px; } .idx22-train .bottom .right .sub img{ margin-top: -8px; } .idx22-train .bottom .right .sub .sbu_title{ font-weight: 700; font-size: 20px; line-height: 36px; color: #FFFFFF;margin-left: 10px; } .idx22-train .bottom .right .sub .sub_desc{ font-size: 20px; line-height: 36px; color: rgba(255, 255, 255, 0.7); } .idx22-course{ margin-top: 128px; } .idx22-course .conter{ width: 1200px; margin: 0 auto; } .idx22-course .top{ } .idx22-course .top h2{ font-weight: 700; font-size: 48px; line-height: 80px; text-align: center; letter-spacing: -0.015em; color: #000000; } .idx22-course .top p{ font-size: 18px; line-height: 28px; text-align: center; color: #545352; } .idx22-course .center { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 42px 0 64px 0; } .idx22-course .center .item{ font-weight: 700; font-size: 30px; line-height: 24px; text-align: center; color: #000000; width: 32%; height: 120px; background: #FFFFFF; border: 1px solid #E9E9E9; box-shadow: 10px 10px 20px 3px rgba(39, 92, 141, 0.06); border-radius: 20px; display: flex; align-items: center; justify-content: center; } .idx22-course .center .item img{ margin-right: 10px; } .idx22-course .bottom{ display: flex; flex-wrap: wrap; justify-content: space-between; } .idx22-course .bottom .item{ width: 48%; height: 388px;padding: 47px 48px; } .idx22-course .bottom .gzh{ background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p27.png") no-repeat; background-size: 100%; } .idx22-course .bottom .sq{ background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/p26.png") no-repeat; background-size: 100%; } .idx22-course .bottom .item h4{ font-weight: 700; font-size: 40px; line-height: 43px; letter-spacing: -0.015em; color: #000000; } .idx22-course .bottom .item p{ font-size: 18px; line-height: 28px; color: #000000;margin-top: 20px; } .idx22-course .bottom .item a{ font-weight: 700; font-size: 20px; line-height: 36px; letter-spacing: -0.015em; color: #FFFFFF; background: #000; border-radius: 8px; padding: 14px 61px; display: inline-block; margin-top: 70px; } .idx22-customer{ margin-top: 140px; } .idx22-customer .conter{} .idx22-customer .conter .top{} .idx22-customer .top h3{ font-weight: 700; font-size: 48px; line-height: 60px; text-align: center; letter-spacing: -0.015em; color: #000000; margin-bottom: 30px; } .logo_wrap { position: relative; width: 100%; max-width: 1440px; height: 540px; overflow: hidden; margin: 0 auto; font-size: 0; margin-top: 60px; } .logo_wrap .mask { position: absolute; z-index: 10; } .logo_wrap .left_mask { left: 0; } .logo_wrap .mask { position: absolute; z-index: 10; } .logo_wrap .right_mask { right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .logo_wrap .line_odd { width: 2521px; -webkit-animation: scrollToLeft 36s linear infinite; animation: scrollToLeft 36s linear infinite; } .logo_wrap .line_even { width: 2521px; -webkit-animation: scrollToLeft 30s linear infinite; animation: scrollToLeft 30s linear infinite; } .logo_wrap .line_four { width: 2521px; } .logo_wrap .line_odd .logo_img { width: 50%; display: inline-block; } .logo_wrap .line_even .logo_img { width: 50%; display: inline-block; } @-webkit-keyframes scrollToLeft { from { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } to { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } @keyframes scrollToLeft { from { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } to { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } @keyframes scrollToLeft { from { -webkit-transform: translate3d(0%, 0, 0); } to { -webkit-transform: translate3d(-50%, 0, 0); } } .topcdow{display: none} .idx22_m4 { width: 100%; max-width: 1920px; min-width: 1200px; margin: 0px auto; } .idx22_m4 .content { width: 1200px; margin: 0px auto; padding-bottom: 160px; text-align: center; } .idx22_m4 .content h2 { font-size: 48px; font-family: 'SourceHanSansSC-Bold, bestFont bold'; font-weight: bold; display: inline-block; color: #000; } .idx22_m4 .content .category { display: inline-block; height: 77px; padding-top: 22px; } .idx22_m4 .content .category li { display: inline-block; font-size: 16px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; font-weight: bold; margin-right: 18px; padding: 2px 7px 3px; cursor: pointer; } .idx22_m4 .content .category li.active, .idx22_m4 .content .category li:hover { position: relative; z-index: 2; } .idx22_m4 .content .category li.active::after, .idx22_m4 .content .category li:hover::after { content: ''; width: 70px; height: 7px; background-color: #ff6000; position: absolute; left: 4px; bottom: 3px; z-index: -1; } .idx22_m4 .content .main { margin-top: 44px; text-align: left; } .idx22_m4 .content .main > div { display: flex; justify-content: space-between; } .idx22_m4 .content .main .item { width: 360px; } .idx22_m4 .content .main .time { font-size: 14px; font-family: Helvetica; color: #565c6b; border-bottom: 1px solid #f0f0f0; padding-bottom: 17px; } .idx22_m4 .content .main .title { display: inline-block; width: 100%; font-size: 24px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; color: #000; padding-top: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .idx22_m4 .content .main .desc { font-size: 14px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; line-height: 24px; color: #333; margin-top: 3px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .idx22_m4 .indexNewsTags .tagleft { width: 78%; height: 36px; line-height: 36px; overflow: hidden; float: left; font-size: 14px; margin-top: 12px; } .idx22_m4 .content .main .more { display: inline-flex; font-size: 14px; font-family: 'SourceHanSansSC-Regular, bestFont regular'; line-height: 36px; margin-top: 12px; color: #FF3613; } .idx22_m4 .content .main .more i { display: inline-block; width: 5px; transition: all 0.5s; } .idx22_m4 .oh .item .tagleft a{ color:#9E9E9E;margin-right: 12px; } @media screen and (max-width: 767px){ .idx22-banner { height: auto; background: url(http://pic.mairuan.com//WebSource/huishenghuiying/web/images/20220607/m_banner.png) no-repeat; background-size: 100%; } .idx22-banner .botton .download{ display: none; } .idx22-banner p { font-size: 16px;margin-top: 14px; } .idx22-banner .botton { width: 100%;position: relative; margin-top: 220px; } .idx22-banner .botton .buy { width: 47%;margin: 0 auto;position: absolute; bottom: 75px; left: calc(100% - 315px); padding: 5px 40px;text-align: center; } .topcdow{ display: block;position: absolute; bottom: 30px; left: calc(50% - 52px); } .idx22-basis .bottom #idx_video { width: 100%;height: 150px; } .idx22-basis .bottom { width: 90%;/*height: 170px;*/height: auto;margin-top: 10px; } .idx22-basis .top .title { width: 100%;margin-bottom: 0px; } .idx22-basis .top .title h2 { font-size: 30px; } .idx22-tool,.idx22-works .conter,.idx22-course .conter,.logo_wrap { width: 100%; } .idx22-works .bottom .item { width: 90%; margin: 0 auto!important; } .idx22-scene { max-width: unset; min-width: unset; } .idx22-banner .title span{ width: 100%; display: inline-block; font-size: 36px; line-height: 53px; } .idx22-banner .conter { padding: 76px 0 0 0; height: 536px; } .linear-gradient-text,.idx22-basis .top .title p { font-size: 30px;} .idx22-basis .top .desc { font-size: 16px; line-height: 26px;} .idx22-basis .top .desc { width: 90%;font-size: 15px; margin: 0 auto;} .idx22-basis .step{display: none;} .idx22-basis .conter { padding: 0; } .idx22-basis .bottom .player { width: 43px; height: 43px; border-radius: 10px; margin: 11px 0 0 -22px; } .idx22-basis .bottom .player i { margin-top: 12px; border-width: 10px 0 10px 13px; } .idx22-basis .bottom .pause { width: 43px; height: 43px; border-radius: 10px; margin: 11px 0 0 -22px;top: calc(25%); } .idx22-basis .bottom .pause i { height: 15px;display: inline-block;margin-top: 12px;margin-left: 12px;border-width: 0px 0px 0px 14px;border-color: #ffffff;} .idx22-basis { margin-top: 30px; } .idx22-tool .top h2 ,.idx22-works .top h2,.idx22-scene .title,.idx22-train .top h3,.idx22-course .top h2,.idx22-customer .top h3{font-size: 24px;} .idx22-tool {margin-top: 12px;margin-bottom: 10px;} .idx22-tool .top p,.idx22-train .top p,.idx22-course .top p { width:90%; margin: 0 auto; font-size: 15px; text-align: left; } .idx22-tool .top p > br { display: none; } .idx22-tool .bottom { width: 90%; margin: 30px auto; } .idx22-tool .bottom .wrapper a { font-size: 12px;} .idx22-tool .bottom .wrapper a img { width: 14px; margin-top: -4px;} .idx22-tool .bottom .titleWrapper { margin-top: 16px; } .idx22-tool .bottom .wrapper .active span:after { height: 2px; top: 26px;} .idx22-tool .bottom .wrapper span { font-size: 12px;} .idx22-tool .bottom .wrapper { flex-wrap: wrap; } .idx22-tool .bottom .wrapper div { flex: unset; width: 33%;} .idx22-works .bottom .item img{width: 100%;} .idx22-works .deatil .title {font-size: 22px;line-height: 52px;} .idx22-works .deatil .title img { width: 26px;} .idx22-works .deatil .desc { font-size: 14px;height: 80px;} .idx22-used { height: 460px; background: url(http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/m_p7.png) no-repeat; background-size: 100% 100%; } .idx22-used .title,.idx22-used .title span { font-size: 22px;padding-left: 2px;margin-top: 114px;line-height: 40px;} .idx22-used .conter { left: 10%;} .idx22-used .desc { font-size: 16px; line-height: 28px;width: 92%;margin-top: 10px;} .idx22-used .desc br{display: none;} .idx22-used .conter .used_buy { margin-top: 30px;margin-left: 18%;} .idx22-works { margin-bottom: 30px; } .idx22-train .bottom { height: 684px; background: url(http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220607/m_p8.png) no-repeat; background-size: 100% 100%; } .idx22-train .bottom .left p { font-size: 20px; line-height: 38px;} .idx22-train .bottom .left a { padding: 0px 32px;margin-top: 30px;} .idx22-train .bottom .right { left: 5%;} .idx22-train .bottom .right .sub .sbu_title,.idx22-train .bottom .right .sub .sub_desc { font-size: 13px;} .idx22-train .bottom .right .sub { line-height: 40px; } .idx22-train .bottom .right { top: 284px;} .idx22-train .bottom .right .sub img { margin-top: -3px; width: 16px; } .idx22-scene,.idx22-train,.idx22-course,.idx22-customer { margin-top: 30px; } .idx22-scene .desc { margin-bottom: 32px;font-size: 22px;line-height: 22px; } .idx22-train .bottom .left { position: absolute; top: 78px; left: 41%; } .idx22-course .center .item { width: 90%; margin: 5px auto; font-size: 22px; height: 70px; } .idx22-course .center .item img { width: 28px; } .idx22-course .bottom .item { width: 90%;height: 243px; margin: 0 auto;padding: 20px 29px;} .idx22-course .bottom .item h4 { font-size: 22px;text-align: left;} .idx22-course .bottom .item p { font-size: 13px; line-height: 20px; margin-top: 0px; } .idx22-course .bottom .item a { font-size: 16px; padding: 4px 46px; margin-top: 17px;} .idx22-course .center { margin: 30px 0 30px 0; } .logo_wrap .mask,.logo_wrap .right_mask { width: 20%; } .logo_wrap .line_odd,.logo_wrap .line_even,.logo_wrap .line_four { width: 2022px;} .logo_wrap { height: 354px; margin-top: -10px; } .idx22-scene .liMarquee { height: 144px !important; } .idx22-scene .liMarquee .item { width: 225px; height: 144px;} .idx22-scene .liMarquee .item .it_desc { position: static; width: 100%; height: 100%; transform: translateX(0); } .idx22-scene .liMarquee .item .it_desc .it_title { font-size: 18px;padding: 0 30px 16px; } .idx22-scene .liMarquee .item .it_desc .it_title { font-size: 18px; padding: 0 30px 16px; margin-top: 100px; } .idx22-scene .liMarquee .item .it_desc .it_to { font-size: 16px; line-height: 30px; padding: 5px 30px; width: 76px; height: 30px;} .idx22-scene .liMarquee .item .it_desc .it_to { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: transparent; color: transparent; } .idx22-scene .liMarquee .item.active .it_desc { top: 20%;} .idx22-basis .bottom .pause{ /* top:calc(48%); left:80%; */ top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; display: flex; align-items: center; justify-content: center; } .idx22-basis .bottom .pause:hover{ opacity: 1; } .idx22-scene .liMarquee{ margin-top: 20px; } .idx22-tool .bottom .titleWrapper div { height: 160px; background-size: 100% 100%!important; } .idx22-tool .bottom .titleWrapper p { font-size: 12px;width: 90%;line-height: 18px;margin-left: 15px; bottom: 15px;} .idx22-works .top { margin-bottom: 30px; } .idx22_m4 { width: 100%; max-width: 767px; min-width: 320px;margin-top: 30px; } .idx22_m4 .content { width: 100%; padding: 0 0.533rem 1.6rem; text-align: left; } .idx22_m4 .content h2 { font-size: 30px; color: #000; } .idx22_m4 .content .category { height: 1.067rem; margin-left: 0; padding-top: 0.333rem; } .idx22_m4 .content .category li { font-size: 0.347rem; margin-right: 0.267rem; padding: 2px 0.133rem 3px; } .idx22_m4 .content .category li.active::after, .idx22_m4 .content .category li:hover::after { width: 1.733rem; height: 0.133rem; } .idx22_m4 .content .main { margin-top: 0.667rem; } .idx22_m4 .content .main > div { display: block; } .idx22_m4 .content .main .item { width: 100%; margin-bottom: 1.067rem; } .idx22_m4 .content .main .time { font-size: 0.347rem; padding-bottom: 0.2rem; } .idx22_m4 .content .main .title { font-size: 0.427rem; padding-top: 0.133rem; } .idx22_m4 .content .main .desc { font-size: 0.347rem; line-height: 0.52rem; margin-top: 0.133rem; } .idx22_m4 .content .main .more { font-size: 0.347rem; line-height: 0.52rem; margin-top: 0.333rem; } .idx22-scene .scene { height: 317px;} } /* 会声会影首页22 lp页 end */ /* 产品对比 compare.html start */ .page_top .content,.page_box1 .content,.page_box2 .content,.page_box2 .content,.page_box3 .content,.page_box4 .content,.page_box5 .content,.page_bottom .content{ width: 1200px; margin: 0 auto; } .page_top{ height: 800px; padding-top: 140px; text-align: center; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220609/banner.png") center center no-repeat; } .page_top .title{ font-weight: 700; font-size: 72px; line-height: 108px; color: #fff; } .page_top .dowload{ font-weight: 700; font-size: 18px; text-align: center; color: #FFFFFF; background: #2F80ED; border-radius: 8px; display: inline-block; line-height: 52px; padding: 0 20px; margin-top: 36px; } .page_top .item{ width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 130px; } .page_top .item .li{ background: rgba(255, 255, 255, 0.06); border-radius: 16px; width: 48%; height: 104px; margin-bottom: 40px; display: flex; align-items: center; padding-left: 40px; } .page_top .item .li a{ background: linear-gradient(90.88deg, #2093FF 0.24%, #0DF2CC 44.83%, #2093FF 102.36%), #FFFFFF; -webkit-background-clip: text; color: transparent; /* -webkit-text-fill-color: transparent; */ text-fill-color: transparent; font-weight: 700; font-size: 36px; line-height: 60px; } .page_box1 { height: 760px; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220609/p5.png") center center no-repeat; } .page_box1 .content,.page_box2 .content,.page_box3 .content,.page_box4 .content{ position: relative; } .page_box1 .desc,.page_box2 .desc,.page_box3 .desc,.page_box4 .desc{ width: 440px; position: absolute; right: 0; top: 203px; } .page_box1 .desc h3,.page_box2 .desc h3,.page_box3 .desc h3,.page_box4 .desc h3{ width: 300px; font-weight: 700; font-size: 48px; line-height: 60px; margin-bottom: 25px; } .page_box1 .desc p,.page_box2 .desc p,.page_box3 .desc p,.page_box4 .desc p{ width: 440px; font-weight: 400; font-size: 18px; line-height: 30px; } .color_000{color: #000;} .color_333{color: #333;} .color_fff{color: #fff;} .page_box2 .desc h3{ width: 400px;} .page_box3 .desc h3{ width: 350px;} .page_box2 { color: #fff; height: 760px; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220609/p4.png") center center no-repeat; } .page_box3 { color: #fff; height: 760px; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220609/p3.png") center center no-repeat; } .page_box4 { color: #fff; height: 760px; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220609/p2.png") center center no-repeat; } .page_box5 { margin-top: 108px; margin-bottom: 140px; } .page_box5 h3{ font-weight: 700; font-size: 48px; line-height: 60px; text-align: center; color: #000000; } .page_box5 td,.page_box5 th,.page_box5 table{ border: 0; } .page_box5 td{ width: 15%; text-align: center; } .page_box5 th{ font-weight: initial; text-align: left;padding-left: 50px; } .fwbi{ font-weight: bold!important; padding-left: 50px; } #comtable2 tr:hover{ background: #F1F1FF; } #comtable2 tr{ height: 50px; } .page_box5 .right{ margin-top: 55px; } .page_box5 table{ background: #F9FBFD; } .bg_fff{ background: #fff; text-align: left; } .page_box5 .right #comheadtr{ height: 108px; } .page_box5 .right .tleft_l1{ width: 25%; } .contrast_car{ width: 180px; } .page_box5 .right .show_div .fl{ color: #666;margin-right: 10px; } .page_box5 .right .contrast_car{ text-align: center; } .page_box5 .right .contrast_car img{ } .page_box5 .right .contrast_car p{ font-weight: 700; font-size: 16px; line-height: 30px; text-align: center; color: #000000; } .bg_F1F7FF{ background: #F1F7FF; } .hightbox{ position: absolute; height: 118px; top: -10px; background: #f1f7ff; border-radius: 10px 10px 0 0; padding-top: 32px; } .bg_f1f7ff{ background-color: #f1f7ff; } .page_bottom{ clear: both; padding: 25px; height: 320px; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220609/p1.png") center center no-repeat; padding-top: 56px; } .page_bottom h3{ text-align: center; margin-bottom: 20px; color: #fff; font-family: 'Source Han Sans CN'; font-style: normal; font-weight: 700; font-size: 48px; line-height: 60px; } .page_bottom .content{ margin-top: 56px; text-align: center;display: flex; justify-content: center; } .page_bottom .content .left{ float: left;position: relative;margin-right: 30px; } .page_bottom .content .left p{ width: 104px;font-weight: 700; font-size: 14px; line-height: 20px; display: flex; align-items: center; justify-content: center; color: #2F80ED; background: #FFFFFF; border: 1px solid #2F80ED; border-radius: 12px 0px;position: absolute; top: -15px; } .page_bottom .content .left a{ width: 200px; height: 52px; background: #2F80ED; border-radius: 8px; color: #fff; display: flex; align-items: center; justify-content: center; } .page_bottom .content .right{ position: relative; } .page_bottom .content .right p{ width: 120px; font-weight: 700; font-size: 14px; line-height: 20px; display: flex; align-items: center;justify-content: center; color: #FA4F31; background: #FFFFFF; border: 1px solid #FA4F31; border-radius: 12px 0px; text-align: center;position: absolute; top: -15px; } .page_bottom .content .right a{ width: 200px; height: 52px; background: #FA4F31; border-radius: 8px; color: #fff; display: flex; align-items: center; justify-content: center; } .page_top .title br{ display: none; } .page_box1 .desc img,.page_box2 .desc img,.page_box3 .desc img,.page_box4 .desc img { display: none; } @media screen and (max-width: 767px){ .page_top { background: url(http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220609/m_banner.png) no-repeat; background-size: 100%; padding-top: 88px; height: 535px; } .page_bottom { height: auto; background: url(http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220609/m_p1.png) no-repeat; background-size: 100%; padding-top: 25px; } .page_top .dowload { margin-top: 32px; padding: 0px 40px; } .content,.page_top .item { width: 100%; } .page_top .title { font-size: 37px; line-height: 60px; } .page_bottom h3 { font-size: 21px;line-height: 55px; } .page_bottom .content .left a { width: 110px;height: 35px; } .page_bottom .content .left p { width: 86px; font-size: 12px;} .page_bottom .content .right p { width: 99px; font-size: 12px;} .page_bottom .content .right a { width: 110px;height: 35px; } .page_bottom .content { margin-top: 15px; } .page_box5 .left { width: 100%; overflow-x: scroll; } .page_box5 .right { width: 100%; overflow-x: scroll; } .page_box5 table { width: 800px; } .page_top .item .li a { font-size: 12px; line-height: 24px; } .page_top .item .li { height: 50px; justify-content: center; padding-left: unset; border-radius: 8px; margin-bottom: 14px; } .page_top .item { width: 90%; margin-top: 64px; } .page_top .title br { display: block; } .page_top .item .li img{ width: 14px; } .page_box1 .desc, .page_box2 .desc, .page_box3 .desc, .page_box4 .desc { width: 100%;text-align: center;top: 60px;} .page_box1 .desc h3, .page_box2 .desc h3, .page_box3 .desc h3, .page_box4 .desc h3 { width: 100%;font-size: 28px;margin-bottom: unset; } .page_box1 .desc p, .page_box2 .desc p, .page_box3 .desc p, .page_box4 .desc p { margin: 0 auto; width: 90%;font-size: 15px; line-height: 24px;text-align: left;} .page_box1,.page_box3 { background: unset;height: 630px;} .page_box1 .desc img,.page_box2 .desc img,.page_box3 .desc img,.page_box4 .desc img { display: block;margin-top: 30px;width: 100%; } .color_fff{ color: #000; } .page_box2 h3,.page_box3 h3{ font-size: 22px!important; } .page_box2{ background: unset; height: 669px; } .page_box4{ background: unset; height: 716px; } .page_box5 { margin-top: 70px; margin-bottom: 70px; } .page_box5 h3 { font-size: 32px; line-height: 32px;} .page_box5 th { padding-left: 20px; } .page_box5 .right .tleft_l1 { width: 20%; } .contrast_car { width: 124px; } } /* 产品对比 compare.html end */ /* 在线课程 ----- start */ /* html{background:linear-gradient(355.94deg,#FFFFFF 3.28%,#F4F8FF 17.37%)} */ a{text-decoration:none !important} .layui-form-radio:hover *,.layui-form-radioed,.layui-form-radioed > i{color:#2F80ED} .crumbs .layui-icon-right:before{font-size:14px} .Course_newArticle{padding-top:80px;padding-bottom:85px;background:url(//pic.mairuan.com/WebSource/flstudionew/web/images/courseBg.png) no-repeat top center} .Course_newArticle .content{margin:0 auto;width:1200px;display:flex;position:relative} .Course_newArticle .content #player-container{display:none;position:absolute;z-index:10;width:789px;height:444px} /* .Course_newArticle .content .boards{position:absolute;display:none;width:789px;height:444px;z-index:11} */ .Course_newArticle .content .boards{position: absolute;display: none;z-index: 11;bottom: 23px;left: 140px;} .Course_newArticle .content .boards .home-card-link-button{height: 36px;line-height: 36px;background-color: #2f80ed80;font-size: 14px;border-radius: 18px;cursor: pointer;padding: 0 14px;color: #fff;} .Course_newArticle .content .banner{width:789px;height:444px;position:relative} .Course_newArticle .content .banner .banimg .imgs{cursor:pointer;width:703px;height:414px;width:789px;height:444px} .Course_newArticle .content .banner .swiper-pagination{display:none} .Course_newArticle .content .article{width:458px;height:444px;background:#1C2537;padding-top:25px} .Course_newArticle .content .article > P{color:#fff;font-style:normal;font-weight:bold;font-size:24px;line-height:54px;padding-left:50px;padding-bottom: 13px;} .Course_newArticle .content .article .row{height:76px} .Course_newArticle .content .article .row .txt{padding-left:50px;padding-top:15px} .Course_newArticle .content .article .row .txt .title{color:#fff;width:300px;font-size:16px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-weight:normal} .Course_newArticle .content .article .row .txt .desc{font-size:14px;width:300px;color:#666666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;padding:7px 0 16px 0;font-weight:normal} .Course_newArticle .content .article .active{background:#333A49} .Course_newArticle .content .article .active .txt .title{color:#FF3E37} .Course_newArticle .content .article .active .txt .desc{color:#fff} .Course_recommend,.Course_hot{width:1200px;padding-top:90px} .Course_recommend .title,.Course_hot .title{color:#000000;font-style:normal;font-weight:bold;font-size:48px;line-height:66px;padding-bottom:45px} .emptyelems{width:280px} .vodList{display:flex;justify-content:space-between;flex-wrap:wrap} .vodList .videoitem{width:280px;height:270px;border-radius:4px;background-color:#FFFFFF;position:relative;bottom:0;transition:bottom 0.3s} .vodList .videoitem .cover{position:relative;border-top-left-radius: 4px;border-top-right-radius: 4px;} .vodList .videoitem .cover img{width:100%;height:160px;border-top-left-radius: 4px;border-top-right-radius: 4px;} .vodList .videoitem .cover span{padding:2px 6px;color:#fff;background:#FF3E37;border-radius:3px;position:absolute;top:10px;left:10px} .vodList .videoitem .txt{padding:13px 20px 0 20px} .vodList .videoitem .txt h3{width:240px;height:40px;font-style:normal;font-weight:normal;font-size:16px;line-height:20px;color:#222222;margin-bottom:22px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .vodList .videoitem .txt .end{display:flex;justify-content:space-between} .vodList .videoitem .txt .end .typeCode{font-size:12px;color:#FF3E37;padding:1px 4px;background:#FF3E3733;border-radius:4px} .vodList .videoitem .txt .end .seeNum{font-size:12px;color:#8A8A8A;position:relative} .vodList .videoitem .txt .end .seeNum::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/see.png);width:17.5px;height:11.2px;background-size:100%;position:absolute;top:-2px;left:-24px} .vodList .videoitem:hover{box-shadow:0px 4px 40px rgba(39,92,141,0.07);bottom:5px} .Course_list{width:1200px;padding-top:100px} .Course_list .addrSearch{padding-bottom:45px} .Course_list .addrSearch .main{width:100%;height:auto;background:#FFFFFF;box-shadow:0px 4px 40px rgba(39,92,141,0.07);border-radius:4px;padding:37px 44px 16px 44px} .Course_list .addrSearch .main .types{display:flex} .Course_list .addrSearch .main .types .fields{color:#666666;font-size:14px;width:40px} .Course_list .addrSearch .main .types .addrVal{display:flex;flex-wrap:wrap;width:1030px} .Course_list .addrSearch .main .types .addrVal .options{margin-right:70px;position:relative;bottom:1px;color:#000000;font-size:14px;margin-bottom:20px} .Course_list .addrSearch .main .types .notbox .layui-form-radioed{font-weight:700;border-bottom:3px solid #2F80ED;height:27px;padding-bottom:13px} .Course_list .addrSearch .main .attributes{padding-top:20px;display:flex} .Course_list .addrSearch .main .attributes .isSpend{display:flex;position:relative;bottom:9px;padding-right:20px} .Course_list .addrSearch .main .attributes .isSpend .options{width:70px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#000000;margin-right:20px} .Course_list .addrSearch .main .attributes .isSpend .options .layui-form-radioed{text-align:center;color:#2F80ED} .Course_list .addrSearch .main .attributes .isSpend .options_active{font-size:14px;color:#000000;background:rgba(47, 128, 237, 0.2);border-radius:4px} .Course_list .addrSearch .main .attributes .modes{display:flex;position:relative;bottom:2px;padding-left:45px} .Course_list .addrSearch .main .attributes .modes .layui-form-radio{margin:0 !important} .Course_list .addrSearch .main .attributes .modes .options{margin-right:35px} .Course_list .addrSearch .row{display:flex;justify-content:space-between;padding-top:40px} .Course_list .addrSearch .row .left{display:flex;color:#000000;font-size:14px} .Course_list .addrSearch .row .left .hrs{color:#D9D9D9;margin:0 38px} .Course_list .addrSearch .row .left .hrs:last-child{display:none} .Course_list .addrSearch .row .right{display:flex} .Course_list .addrSearch .row .right .options{margin-left:35px} .Course_list .addrSearch .row .right .Collection,.Course_list .addrSearch .row .right .popularity{position:relative;padding-left:20px} .Course_list .addrSearch .row .right .Collection::after {content: url(//pic.mairuan.com/WebSource/flstudionew/web/images/course_order.png);position: absolute;top: 1px;left: 52px;} .Course_list .addrSearch .row .right .Collection_hove .layui-form-radio::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/collection.png);position:absolute;top:0px;left:-4px} .Course_list .addrSearch .row .right .Collection_hove .layui-form-radioed::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/collection_hover.png);position:absolute;top:0px;left:-4px} .Course_list .addrSearch .row .right .popularity::after {content: url(//pic.mairuan.com/WebSource/flstudionew/web/images/course_order.png);position: absolute;top: 1px;left: 52px;} .Course_list .addrSearch .row .right .collect_desc::after,.Course_list .addrSearch .row .right .see_desc::after {content: url(//pic.mairuan.com/WebSource/flstudionew/web/images/course_order_bottom.png);position: absolute;top: 1px;left: 52px;} .Course_list .addrSearch .row .right .collect_asc::after,.Course_list .addrSearch .row .right .see_asc::after {content: url(//pic.mairuan.com/WebSource/flstudionew/web/images/course_order_top.png);position: absolute;top: 1px;left: 52px;} .Course_list .addrSearch .row .right .popularity_hove .layui-form-radio::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/popularity.png);position:absolute;top:0px;left:-4px} .Course_list .addrSearch .row .right .popularity_hove .layui-form-radioed::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/popularity_hover.png);position:absolute;top:0px;left:-4px} .Course_list .addrSearch .notbox .layui-icon{display:none !important} .Course_list .addrSearch .notbox .layui-form-radio{display:inline !important;line-height:0 !important;margin:0 !important;padding-right:0 !important} .Course_list .vodList .videoitem{margin-bottom:40px} .Course_list #videoPage{text-align:center;margin:0 auto;padding-top:55px;padding-bottom:120px} .Course_list #videoPage .layui-laypage a,.Course_list #videoPage .layui-laypage .layui-laypage-curr,.Course_list #videoPage .layui-laypage-spr{margin-left:8px;padding:0 12px !important;height:30px !important;line-height:30px !important} .Course_list #videoPage .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#fff;border:1px solid #2F80ED;border-radius:3px;height:28px !important} .Course_list #videoPage .layui-laypage .layui-laypage-curr{border:1px solid #2F80ED;padding-right:11px !important} .Course_list #videoPage .layui-laypage .layui-laypage-curr em{color:#2F80ED !important} .Course_list #videoPage .layui-laypage a,.Course_list #videoPage .layui-laypage span{border:1px solid #D9D9D9;border-radius:3px} .Course_list #videoPage .layui-laypage-limits{border:0 !important} .Course_list #videoPage .layui-laypage select{border:1px solid #D9D9D9} .Course_list #videoPage .layui-laypage a:hover{color:#2F80ED !important} .Course_list #videoPage .layui-laypage input:focus,.Course_list #videoPage .layui-laypage select:focus{border-color:#D9D9D9 !important} .tip-node{display:flex;align-items:center;position:absolute;bottom:5em;left:1em;background:rgba(0,0,0,0.4);border-radius:4px;padding:5px 10px} .tip-icon-close{width:14px;height:14px;display:inline-block;margin-left:10px;background-image:url(http://pic.mairuan.com/WebSource/flstudionew/web/images/playtips-close.png);background-size:cover;cursor:pointer} .page-node{position:absolute;width:100%;height:100%;background:rgba(32,32,34,0.5);/*z-index:999;*/display:flex;align-items:center;justify-content:center} .page-content{color:#FFFFFF;font-size:20px;text-align:center;width:100%} .page-content > span{display:block;padding-bottom:50px} .page-content .btns a{display:inline-flex;width:180px;height:50px;border-radius:40px;color:#FFFFFF;align-items:center;justify-content:center;text-decoration:none;margin:0 auto;cursor:pointer;margin-right:10px} .page-content .nologins{background:#2F80ED} .page-content .nologins_buy{background:#F24428} .page-content .next-course,.page-content .buys{background:#2F80ED;font-weight:bold} .page-content #replay-btn,.page-content .inquiry{background:rgba(32,32,34,0.5);color:#2F80ED !important;border:2px solid #2F80ED;font-weight:bold} .tcp-skin .vjs-play-progress{background-color:#2F80ED !important} .tcp-skin .vjs-time-divider{padding-left:0.2em !important;padding-right:0.2em !important} .video-js .vjs-progress-control .vjs-progress-holder{margin:0 !important} .tcp-skin .vjs-control-bar{background-color:#1C2537 !important;background:#1C2537 !important;padding:5px 20px !important;height:42px !important} .vjs-icon-previous-item{cursor:pointer} .vjs-play-control{width:25px !important} .vjs-button-icon button,.vjs-button-icon button svg{cursor:pointer} .video-js .vjs-tech{outline:unset !important} .playWrapper{background:#0F131E;padding-bottom:80px} .playWrapper .content{width:1200px;margin:0 auto;padding-top:18px} .playWrapper .content .crumbs{color:#fff;font-size:16px} .playWrapper .content .crumbs span{color:#2F80ED} .playWrapper .content .title{color:#fff;font-size:24px;font-weight:bold;padding:40px 0} .playWrapper .content .main{display:flex} .playWrapper .content .main #play{width:742px;height:537px;position:relative} .playWrapper .content .main #play #player-container-id{width:100%;height:494px} .playWrapper .content .main #play .ends{width:100%;height:42px;background:#1C2537;border-top:1px solid rgba(255,255,255,0.06);padding-top:13px;padding-left:36px;display:flex;color:#fff;font-size:12px;padding-left:50px} .playWrapper .content .main #play .ends > div{margin-right:50px} .playWrapper .content .main #play .ends .times,.playWrapper .content .main #play .ends .see,.playWrapper .content .main #play .ends .collection,.playWrapper .content .main #play .ends .forward{position:relative} .playWrapper .content .main #play .ends .times::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/play_times.png);position:absolute;top:-2px;left:-25px} .playWrapper .content .main #play .ends .see::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/play_see.png);position:absolute;top:-2px;left:-25px} .playWrapper .content .main #play .ends .collection::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/play_Collection.png);position:absolute;top:-2px;left:-25px} .playWrapper .content .main #play .ends .forward::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/play_forward.png);position:absolute;top:0px;left:-21px} .playWrapper .content .main #play .ends .collection{cursor:pointer} .playWrapper .content .main #play .ends .forward{cursor:pointer} .playWrapper .content .main #play .ends .collection_active,.playWrapper .content .main #play .ends .forward_active{color:#2F80ED !important} .playWrapper .content .main #play .ends .collection_active::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/collection_hover.png) !important} .playWrapper .content .main #play .ends .forward_active::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/play_forward_hover.png) !important} .playWrapper .content .main #play .ends .forward_main{width:360px;height:356px;background:#fff;display:none;position:absolute;left:-302px;top:28px;border-radius:4px;border:1px solid #EAEAEA;box-sizing:border-box;box-shadow:0px 10px 20px rgba(238,238,238,0.5);padding:22px 28px 32px 28px;text-align:center;z-index:10;cursor:default} .playWrapper .content .main #play .ends .forward_main .title{font-size:20px;color:#000000;border-bottom:1px solid #E6E6E6;padding:17px 0} .playWrapper .content .main #play .ends .forward_main .txt{display:block;padding-top:24px} .playWrapper .content .main #play .ends .forward_main .txt img{width:104px;height:104px} .playWrapper .content .main #play .ends .forward_main .txt p{color:#666666;font-size:14px;padding-top:14px} .playWrapper .content .main #play .ends .forward_main .platform{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 18px;color:#666666;font-size:12px;margin-top:26px} .playWrapper .content .main #play .ends .forward_main .platform div{padding-top:52px} .playWrapper .content .main #play .ends .forward_main .platform .copy,.playWrapper .content .main #play .ends .forward_main .platform .qq,.playWrapper .content .main #play .ends .forward_main .platform .qqkj,.playWrapper .content .main #play .ends .forward_main .platform .weibo{position:relative;cursor:pointer} .playWrapper .content .main #play .ends .forward_main .platform .copy::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/copyLink.png);position:absolute;left:6px;bottom:24px} .playWrapper .content .main #play .ends .forward_main .platform .qq::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/forward_qq.png);position:absolute;left:4px;bottom:24px} .playWrapper .content .main #play .ends .forward_main .platform .qqkj::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/forward_qqkj.png);position:absolute;left:4px;bottom:24px} .playWrapper .content .main #play .ends .forward_main .platform .weibo::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/forward_weibo.png);position:absolute;left:4px;bottom:24px} .playWrapper .content .main .catalogue{width:458px;height:537px;background:#212837;padding:0 0 30px 0} .playWrapper .content .main .catalogue .playStatus{height:71px;line-height:71px;background-color:#333A49;padding:0 25px} .playWrapper .content .main .catalogue .playStatus .content{width:100%;padding-top:0 !important;display:flex;justify-content:space-between;flex-wrap:wrap} .playWrapper .content .main .catalogue .playStatus .content .pricle{font-size:16px;color:#FFFFFF} .playWrapper .content .main .catalogue .playStatus .content .pricle span{position:relative;top:2px;left:16px;font-size:12px} .playWrapper .content .main .catalogue .playStatus .content .pricle span b{font-size:24px} .playWrapper .content .main .catalogue .playStatus .content .bth{padding-top:16px} .playWrapper .content .main .catalogue .playStatus .content .bth a{display:block;width:144px;height:40px;border-radius:32px;line-height:40px;text-align:center;font-size:16px;font-weight:bold;color:#fff} .playWrapper .content .main .catalogue .playStatus .buy .pricle span{color:#F24428} .playWrapper .content .main .catalogue .playStatus .buy .bth a{background-color:#F24428} .playWrapper .content .main .catalogue .playStatus .login .pricle span{color:#2F80ED} .playWrapper .content .main .catalogue .playStatus .login .bth a{background-color:#2F80ED} .playWrapper .content .main .catalogue > .title{color:#fff;font-size:24px;font-weight:bold;margin-top:38px;padding:0 0 0 25px} .playWrapper .content .main .catalogue .row{width:100%;height:82%;margin-top:18px;overflow:hidden;overflow-y:auto;padding:0px 25px 0px 25px} .playWrapper .content .main .catalogue .row #mCSB_1_scrollbar_vertical{right:-5px !important} .playWrapper .content .main .catalogue .row .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px !important} .playWrapper .content .main .catalogue .row .layui-collapse{border-color:#212837 !important} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item{border-color:#3F4654} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height:50px !important;line-height:50px !important;color:#FFFFFF;font-size:14px;font-weight:bold;background:#333A49;padding:0 35px 0 20px !important} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content{border-color:#3F4654 !important;font-size:14px;padding:0 !important} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content ul li{height:50px;line-height:50px;border-bottom:1px solid #3F4654;padding:0 18px !important} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content ul li a{position:relative;color:#FFFFFF;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content ul li a span{padding-left:36px;position:relative} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content ul li a span::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/video_play.png);position:absolute;top:-10px;left:7px} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content ul li:last-child{border-bottom:0 !important} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content ul .active a{color:#FF3E37 !important} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content ul .active a span::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/video_play_hoverr.png) !important} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content ul .active a::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/videoPlays.png);position:absolute;top:-13px;right:-21px} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-item .layui-colla-content:nth-child(2){border-color:#212837 !important} .playWrapper .content .main .catalogue .row .layui-collapse .layui-colla-icon{left:unset !important;right:20px;font-weight:400 !important} .playDetails{margin: 0 auto;} .playDetails .content{width:1200px;margin:0 auto;padding-top:70px;display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:140px} .playDetails .content .infos{width:790px;height:auto} .playDetails .content .infos h3{color:#000000;font-size:24px;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #F3F3F3} .playDetails .content .infos .curriculum,.playDetails .content .infos .copyright{background:#FFFFFF;padding:23px 40px 80px 40px;border-radius:4px} .playDetails .content .infos .curriculum .main,.playDetails .content .infos .copyright .main{padding-top:40px} .playDetails .content .infos .curriculum .main p,.playDetails .content .infos .copyright .main p,.playDetails .content .infos .curriculum .main h1,.playDetails .content .infos .copyright .main h1,.playDetails .content .infos .curriculum .main h2,.playDetails .content .infos .copyright .main h2,.playDetails .content .infos .curriculum .main h3,.playDetails .content .infos .copyright .main h3,.playDetails .content .infos .curriculum .main h4,.playDetails .content .infos .copyright .main h4,.playDetails .content .infos .curriculum .main h5,.playDetails .content .infos .copyright .main h5,.playDetails .content .infos .curriculum .main table,.playDetails .content .infos .copyright .main table,.playDetails .content .infos .curriculum .main pre,.playDetails .content .infos .copyright .main pre{margin:10px 0;line-height:1.5} .playDetails .content .infos .curriculum .main h1,.playDetails .content .infos .copyright .main h1{font-size:32px !important} .playDetails .content .infos .curriculum .main h2,.playDetails .content .infos .copyright .main h2{font-size:24px !important} .playDetails .content .infos .curriculum .main h3,.playDetails .content .infos .copyright .main h3{font-size:18.72px !important} .playDetails .content .infos .curriculum .main h4,.playDetails .content .infos .copyright .main h4{font-size:16px !important} .playDetails .content .infos .curriculum .main h5,.playDetails .content .infos .copyright .main h5{font-size:13.28px !important} .playDetails .content .infos .curriculum .main p,.playDetails .content .infos .copyright .main p{font-size:16px !important} .playDetails .content .infos .curriculum .main .eleImg,.playDetails .content .infos .copyright .main .eleImg{cursor:pointer;display:inline-block;font-size:18px;padding:0 3px} .playDetails .content .infos .curriculum .main *,.playDetails .content .infos .copyright .main *{padding:0;margin:0;box-sizing:border-box} .playDetails .content .infos .curriculum .main hr,.playDetails .content .infos .copyright .main hr{cursor:pointer;display:block;height:0px;border:0;border-top:3px solid #ccc;margin:20px 0} .playDetails .content .infos .copyright{margin-top:40px} .playDetails .content .infos .copyright .main p{color:#666666;font-size:14px !important;line-height:24px} .playDetails .content .relevant{width:385px;height:auto;border-radius:4px;} .playDetails .content .relevant .relevant_content{padding: 20px;height: auto;background: #fff;} .playDetails .content .relevant h3{color:#000000;font-size:24px;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #F3F3F3} .playDetails .content .relevant .main .row{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #F3F3F3} .playDetails .content .relevant .main .row .imgs img{width:140px;height:80px} .playDetails .content .relevant .main .row .txt{width:190px} .playDetails .content .relevant .main .row .txt .title{font-size:14px;align-items:center;text-align:justify;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .playDetails .content .relevant .main .row .txt .title a{color:#000000} .playDetails .content .relevant .main .row .txt .ends{padding-top:20px;text-align:right;color:#999999;font-size:12px} .playDetails .content .relevant .main .row .txt .ends .see,.playDetails .content .relevant .main .row .txt .ends .likes{position:relative} .playDetails .content .relevant .main .row .txt .ends .see{right:36px} .playDetails .content .relevant .main .row .txt .ends .see::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/relevant_see.png);position:absolute;top:-1px;left:-21px} .playDetails .content .relevant .main .row .txt .ends .likes::before{content:url(//pic.mairuan.com/WebSource/flstudionew/web/images/relevant_like.png);position:absolute;top:-1px;left:-21px} .playDetails .content .relevant .main .row:last-child{border-bottom:0px !important} .copyok{text-align:center;width:112px;height:42px;line-height:42px;background:#FFFFFF;box-shadow:0px 2px 8px rgba(0,0,0,0.15);border-radius:4px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);opacity:0.3;animation-duration:0.7s;animation-fill-mode:both} .copyok i{display:inline-block;width:16px;height:16px;line-height:42px;background:url('https://i.mairuan.com/Public/images/share_icon_copy_ok.png');margin-right:5px;margin-top:-2px;vertical-align:middle} .anim-up{animation-name:layui-up} .buyDom{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(0,0,0,0.3)} .buyDom .content{width:580px;height:529px;border-radius:8px;background:#FFFFFF;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block} .buyDom .content .cover{width:100%;height:333px} .buyDom .content .cover img{width:100%;height:100%} .buyDom .content .txt{padding:0 50px;position:relative} .buyDom .content .txt h1{color: #000000;font-size: 24px;font-weight: bold;padding-top: 15px;padding-bottom: 26px;verflow: hidden;/* text-overflow: ellipsis; *//* white-space: nowrap; */display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: 50px;margin-bottom: 25px;} .buyDom .content .txt .desc{color:#666666;font-size:14px;position: relative;bottom: 20px;} .buyDom .content .txt .price{padding-top:0px;color:#FB4646;font-size:38px;font-weight:700} .buyDom .content .txt .price span{font-size:20px;position:relative;top:1px} .buyDom .content .txt .times{padding-top:16px;color:#666666;font-size:14px} .buyDom .content .txt .platformCode{position:absolute;bottom:0;right:50px;width:166px;height:116px;background:#F1F5FA;border-radius:8px;display:flex} .buyDom .content .txt .platformCode .payimg{width:108px;height:115px;border:2px solid #E0EBF3;padding:5px;background:#fff;border-radius:8px} .buyDom .content .txt .platformCode .payimg img{width:100%;height:100%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor} .buyDom .content .txt .platformCode .pay{text-align:center;margin:0 auto} .buyDom .content .txt .platformCode .pay img{display:block;position:relative;left:6px} .buyDom .content .txt .platformCode .pay .wx,.buyDom .content .txt .platformCode .pay .zfb{padding-top:12px} .buyDom .content .txt .platformCode .pay .wx span,.buyDom .content .txt .platformCode .pay .zfb span{color:#666666;font-size:12px} .NewLeftSlide-bar {width: 76px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;border-radius: 4px;margin-top: -260px;margin-left: -703px;} .NewLeftSlide-bar li a {padding: 20px 0 12px 0;font-size: 12px;line-height: 20px;text-align: center;width: 100%;height: 60px;display: table;border-bottom: 1px solid #F2F2F2;} .NewLeftSlide-bar li a > .middle-box {display: table-cell;width: 100%;vertical-align: middle;} .NewLeftSlide-bar li a > .middle-box span {display: block;color: #8C8C8C;padding-top:9px;font-size:14px;} /*.NewLeftSlide-bar li .middle-box .icon-box img {border-radius: 50%}*/ .NewLeftSlide-bar li a:hover span {color: #2F80ED;} .NewLeftSlide-bar li:last-child a {border-bottom: 0;} /* 在线课程 ------ END */ /* ---------训练营-training.html-start----------------- */ .training_box1{ background: url("https://pic.mairuan.com//WebSource/huishenghuiying/web/images/20220708/p1.png") center center no-repeat; width: 100%; height: 520px; max-width: 1920px; min-width: 1200px; margin: 0 auto; position: relative; } .training_box1 .top{ position: absolute; top: 77px; left: 380px; } .training_box1 .top .tips{ width: 104px; line-height: 36px; background: linear-gradient(101.24deg, #3DADFF 6.39%, #2F80ED 91.89%); border-radius: 8px; font-weight: 700; font-size: 20px; text-align: center; color: #FFFFFF; } .training_box1 .top .title{ font-weight: 700; font-size: 60px; line-height: 90px; color: #FFFFFF; } .training_box1 .top .desc{ font-weight: 700; font-size: 33px; line-height: 50px; color: #FFFFFF; } .training_box1 .top .tip{ font-size: 28px; line-height: 42px; color: #FFFFFF; margin-top: 60px; } .training_box1 .center{ position: absolute; right: 330px; top: 80px; } .training_box1 .center img{ } .training_box1 .center .info{ font-size: 16px; line-height: 20px; color: #BEE2FF; margin-top: 26px; } .training_box1 .apply{ position: absolute; bottom: 86px; left: 380px;; width: 200px; line-height: 52px; background: #FF712C; border-radius: 8px; font-weight: 700; font-size: 20px; text-align: center; color: #FFFFFF; } .training_box1 .apply a{ color: #fff; } .training_box2{ margin: 100px 0; } .training_box2 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; color: #222222; } .training_box2 .title .tip{ background: linear-gradient(90.88deg, #2093FF 0.24%, #0DF2CC 44.83%, #8C32FF 102.36%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .training_box2 .top{ height: 533px; background: url("https://pic.mairuan.com//WebSource/huishenghuiying/web/images/20220708/p6.png") center center no-repeat; } .training_box3{ background: url("https://pic.mairuan.com//WebSource/huishenghuiying/web/images/20220708/p2.png") center center no-repeat; width: 100%; height: 760px; max-width: 1920px; min-width: 1200px; margin: 0 auto; padding: 120px; } .training_box3 .left{ width: 1200px; margin: 0 auto; } .training_box3 .left .title{ font-weight: 700; font-size: 48px; line-height: 72px; display: flex; align-items: flex-end; text-align: center; background: linear-gradient(90.88deg, #2093FF 0.24%, #0DF2CC 44.83%, #8C32FF 102.36%), #2F80ED; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .training_box3 .left .title span{ font-size: 80px; } .training_box3 .left .desc{ font-weight: 700; font-size: 36px; line-height: 54px; color: #FFFFFF; margin: 70px 0 30px 0; height: 50px; } .training_box3 .left .desc p{ float: left; } .training_box3 .left .desc .time{ background: #FFFFFF; border-radius: 53px; font-weight: 700; font-size: 18px; line-height: 36px; color: #000000; float: left; padding: 0 20px; margin-left: 20px; margin-top: 8px; } .training_box3 .left .list{ clear: both; } .training_box3 .left .list .li{ font-size: 18px; line-height: 40px; color: #FFFFFF; } .training_box3 .left .list .li::before{ content: url("https://pic.mairuan.com//WebSource/huishenghuiying/web/images/20220708/ico4.png"); width: 16px; height: 16px; margin-right: 8px; } .training_box3 .left .list .li span{ color: #2F80ED; } .training_box4 { margin: 100px 0; height: 640px; } .training_box4 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; color: #222222; } .training_box4 .center{ width: 1200px; margin: 0 auto; position: relative; margin-top: 40px; } .training_box4 .center img{ position: absolute; } .training_box4 .center .right{ background: linear-gradient(180deg, #E7F3FF 0%, #EFF7FF 100%, #E6F2FF 100%), linear-gradient(102.56deg, #E6F3FF 8.96%, #F2F9FF 90.9%); border-radius: 16px; height: 480px; margin-top: 20px; width: 100%; position: absolute; } .training_box4 .center .right .top{ position: absolute; top: 50px; left: 48%; } .training_box4 .center .right .top p{ background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.27) 100%); border: 1px solid #FFFFFF; border-radius: 53px; font-weight: 700; font-size: 18px; line-height: 27px; margin-bottom: 10px; float: left; padding: 8px 26px; margin-right: 10px; } .training_box4 .center .right .bottom{ margin-top: 40px; position: absolute; top: 150px; left: 50%; } .training_box4 .center .right .bottom li{ font-size: 18px; line-height: 50px; list-style-type: disc; } .training_box4 .center .right .bottom li span{ color: #2F80ED; font-weight: 700; } .training_box5 { background: url("https://pic.mairuan.com//WebSource/huishenghuiying/web/images/20220708/p3.png") center center no-repeat; width: 100%; height: 732px; max-width: 1920px; min-width: 1200px; margin: 0 auto; padding-top: 88px; } .training_box5 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; color: #FFFFFF; } .training_box5 .center{ width: 1200px; margin: 0 auto; margin-top: 30px; } .training_box5 .center .table{ background: #fff; width: 100%; height: 390px; border-radius: 14px; text-align: center; } .training_box5 .center .table tr{ } .training_box5 .center .table th{ width: 171px; font-weight: 700; font-size: 18px; border: 1px solid #EFF1F6; background: linear-gradient(180deg, #F2F9FF 0%, #E6F3FF 100%); } .training_box5 .center .table th p{ margin: 0 auto; width: 73px; line-height: 29px; background: linear-gradient(101.24deg, #3DADFF 6.39%, #2F80ED 91.89%); border-radius: 37px; color: #FFFFFF; font-size: 18px; font-weight: 700; margin-bottom: 5px; } .training_box5 .center .table td{ border: 1px solid #EFF1F6 } .training_box6 { margin: 100px 0; } .training_box6 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; color: #222222; } .training_box6 .center{ width: 1200px; height: 450px; margin: 0 auto; margin-top: 30px; } .training_box6 .center .prod-item{ position: relative; /*display: flex; flex-flow: column nowrap; align-items: center; flex: none;*/ width: 380px; border-radius: 24px; box-sizing: border-box; height: 448px; border: 2px solid #EFF1F6; background: white; padding: 32px; float: left; margin: 0 10px; } .training_box6 .center .prod-item .prod-head{ display: flex; width: 312px; height: 54px; flex: none; margin-top: 20px; } .training_box6 .center .prod-item h2{ margin-top: 3px; font-weight: 700; font-size: 26px; line-height: 32px; color: #000000; } .training_box6 .center .prod-item .prod-head img{ width: 54px; height: 54px; } .training_box6 .center .prod-item .prod-head .prod-head-title{ display: flex; flex-flow: column nowrap; align-items: flex-start; flex: 1; margin-left: 19px; } .training_box6 .center .prod-item .prod-head .prod-head-title p{ display: flex; } .training_box6 .center .prod-item .prod-head .prod-head-title p span{ flex: none; padding: 0 6px; font-weight: 400; font-size: 14px; line-height: 20px; box-sizing: border-box; border: 1px solid #000000; border-radius: 4px; color: #000000; margin-right: 10px; } .training_box6 .center .prod-item .prod-head .prod-head-title h3{ margin-top: 3px; font-size: 18px; line-height: 30px; color: #000000; } .training_box6 .center .prod-item .prod-buy{ display: flex; justify-content: center; align-items: center; width: 312px; height: 50px; margin-top: 38px; font-weight: 700; font-size: 20px; line-height: 50px; color: #F24428; background: #FFF4F3; border-radius: 8px; } .training_box6 .center .prod-item .prod-promote{ display: flex; align-items: flex-start; flex: none; width: 312px; margin-top: 30px; } .training_box6 .center .prod-item .prod-promote .prod-promote-list{ display: flex; flex-flow: column nowrap; align-items: flex-start; flex: 1; margin-left: 18px; } .training_box6 .center .prod-item .prod-promote .prod-promote-list li{ flex: none; font-weight: 400; font-size: 12px; line-height: 20px; color: #000000; list-style-type: disc; } .training_box6 .center .prod-item .prod-price{ display: flex; align-items: center; flex: none; width: 312px; position: absolute; bottom: 17px; } .training_box6 .center .prod-item .prod-price .prod-price-title{ flex: none; font-weight: 600; font-size: 15px; letter-spacing: 0.169679px; color: #000000; } .training_box6 .center .prod-item .prod-price .prod-price-detail{ display: flex; align-items: baseline; flex: 1; margin-left: 18px; } .training_box6 .center .prod-item .prod-price .prod-price-detail .tip{ font-weight: 600; font-size: 14px; line-height: 14px; } .training_box6 .center .prod-item .prod-price .prod-price-detail .pirce{ font-weight: 700; font-size: 27px; line-height: 27px; } .training_box6 .center .prod-item .prod-price .prod-price-detail .del{ font-weight: 500; font-size: 12px; line-height: 2px; margin-left: 8px; text-decoration: line-through; color: #999999; } .training_box7{ width: 100%; height: 678px; max-width: 1920px; min-width: 1200px; margin: 0 auto; background: linear-gradient(360deg, #F5F9FF -0.04%, #F5F9FF 100%), linear-gradient(355.94deg, #FFFFFF 3.28%, #F5F9FF 96.56%); padding-top: 88px; } .training_box7 .content{ width: 1200px; margin: 0 auto; } .training_box7 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; color: #222222; } .training_box7 .desc{ text-align: center; margin: 20px 0 84px 0; font-size: 16px; line-height: 24px; color: #222222; } .training_box7 .list{ position: relative; } .training_box7 .list .mySwiper{ padding-top: 50px; overflow: hidden; } .training_box7 .swiper-button-prev { width: 46px; height: 46px; left: -5%; border-radius: 50%; top: 50%; background-size: 90% 90%; background-image: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220908/ico3.png'); } .training_box7 .swiper-button-next { width: 46px; height: 46px; left: unset; right: -5%; top: 50%; border-radius: 50%; background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220908/ico2.png') no-repeat center center; } .training_box7 .swiper-button-prev1 { position: absolute; width: 46px; height: 46px; left: 40%; top: 100%; border-radius: 50%; background: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220908/ico3.png') no-repeat center center; } .training_box7 .swiper-button-next1 { position: absolute; width: 46px; height: 46px; left: unset; right: 32%; border-radius: 50%; top: 100%; background-size: 100% 100%; background-image: url('https://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220908/ico2.png'); } .training_box7 .list .item{ float: left; width: 18%; height: 240px; /*margin: 0 1%;*/ padding: 0 20px; position: relative; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6FAFF; border-radius: 16px; padding-top: 50px; } .training_box7 .list .item .pic{ position: absolute; top: -34px; left: calc(50% - 34px); } .training_box7 .list .item .name{ text-align: center; font-weight: 700; font-size: 20px; } .training_box7 .list .item .info{ font-size: 14px; line-height: 24px; margin-top: 10px; } .training_box7 .list .item .info .baike{ color: #2F80ED; } .training_box10{ display: none; position:fixed; top: 30px; left: 0px; right: 0px; width: 100%; height: 70px; max-width: 1920px; min-width: 1200px; margin: 0 auto; background: url("https://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220728/p9.png") center center no-repeat; z-index: 11; } .training_box10 .content{ width: 1200px; height: 100%; margin: 0 auto; padding-top: 5px; position: relative; } .training_box10 .title{ font-weight: 700; font-size: 40px; line-height: 60px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 20.49%, #CEE2FF 78.78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; float: left; } .training_box10 .tip{ font-weight: 700; font-size: 18px; text-align: center; color: #FFFFFF; line-height: 33px; background: linear-gradient(101.24deg, #3DADFF 6.39%, #2F80ED 91.89%); border-radius: 8px; margin-left: 20px; margin-top: 15px; float: left; padding: 0 12px; } .training_box10 .button{ position: absolute; top: 15px; right: 0; width: 180px; line-height: 44px; background: #FF712C; border-radius: 8px; font-weight: 700; font-size: 20px; text-align: center; color: #FFFFFF; } .training_box8{ width: 1200px; margin: 0 auto; display: flow-root; margin-top: 150px; margin-bottom: 150px; } .training_box8 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; color: #222222; } .training_box8 .desc{ text-align: center; color: #222222; font-size: 16px; line-height: 24px; margin-top: 20px; margin-bottom: 30px; } .training_box8 .list{} .training_box8 .list .item{ float: left; width: 22%; margin: 20px 1.5%; } .training_box8 .list .item .video{ height: 150px; position: relative; overflow: hidden; } .training_box8 .list .item .video .poster{ width: 100%; } .training_box8 .list .item .video .preview{ width: 264px; height: 150px; position: absolute; top: 0; left: 0; border-radius: 16px; } .training_box8 .list .item .video .control{ width: 100%; height: 51px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(137, 137, 137, 0.370833) 46.35%, rgba(80, 80, 80, 0.8) 100%); position: absolute; left: 0; bottom: -2px; } .training_box8 .list .item .video .control i.audio.off { background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_off.png) no-repeat center center; } .training_box8 .list .item .video .control i.audio { display: inline-block; width: 17px; height: 15px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_audio_on.png) no-repeat center center; position: absolute; bottom: 8px; left: 20px; cursor: pointer; } .training_box8 .list .item .video .control span.progress { font-size: 14px; color: white; position: absolute; left: 130px; bottom: 8px; } .training_box8 .list .item .video .control span.progress i { font-style: normal; } .training_box8 .list .item .video .control i.full { display: inline-block; width: 14px; height: 14px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/mbsc_icon_full.png) no-repeat center center; position: absolute; bottom: 9px; right: 20px; cursor: pointer; min-width: auto; } .training_box8 .list .item .info{ margin-top: 15px; display: flex; align-items: center; position: relative; } .training_box8 .list .item .info img{ width: 20px; height: 20px; border: 1px solid #EEEEEE; border-radius: 50%; margin-right: 10px; } .training_box8 .list .item .info .name{ font-weight: 700; font-size: 16px; line-height: 24px; } .training_box8 .list .item .info .number{ font-size: 14px; line-height: 21px; position: absolute; right: 0; } .training_box9{ width: 100%; min-width: 1200px; max-width: 1920px; margin: 0 auto; overflow: hidden; height: 774px; background: linear-gradient(360deg, #F5F9FF -0.04%, #F5F9FF 100%); padding-top: 88px; } .training_box9 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; color: #222222; } .training_box9 .content{ margin-top: 20px; } .training_box9 .content .list{} .training_box9 .content .list .item{ width: 440px; height: 122px; background: #FFFFFF; box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.04); border-radius: 16px; margin: 20px; float: left; padding: 22px; } .training_box9 .content .list .item .left{ width: 20%; float: left; } .training_box9 .content .list .item .pic{ width: 48px; height: 48px; margin-right: 16px; float: left; } .training_box9 .content .list .item .right{ float: left; width: 80%; } .training_box9 .content .list .item .top{ font-weight: 700; font-size: 18px; margin-bottom: 10px; } .training_box9 .content .list .item .top span{ font-size: 16px; margin-left: 10px; } .training_box9 .content .list .item .bottom{ font-size: 14px; color: #444444; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .training_box9 .content .list .liMarquee .str_move { display: flex; } .training_box9 .content .list .dowebok1, .training_box9 .content .list .dowebok2,.training_box9 .content .list .dowebok3{ padding-left: 100px; background: unset; } .training_box9 .content .list .liMarquee .item { position: relative; white-space: normal; border-radius: 20px; overflow: hidden; } .training_box9 .dowebok2{ transform:translateX(-40px); width:calc(100% + 40px); } .training_box9 .dowebok3{ transform:translateX(-90px); width:calc(100% + 90px); } @media screen and (max-width: 1440px) { .training_box1 .top,.training_box1 .apply{ left: 3%; } .training_box1 .center{ right: 3%; } } @media screen and (max-width: 1666px) { .training_box1 .top,.training_box1 .apply{ left: 11%; } .training_box1 .center{ right: 11%; } } @media screen and (max-width: 767px){ .training_box1,.training_box3,.training_box5{ min-width: 100%!important; } .training_box1{ background: url(https://pic.mairuan.com//WebSource/huishenghuiying/web/images/20220708/m_p1.png) no-repeat!important; background-size: 100% 100%!important; height: 620px!important; } .training_box1 .top { top: 74px!important; left: 60px!important; } .training_box1 .top .tips { width: 88px!important; line-height: 32px!important;} .training_box1 .center { right: 74px!important; } .training_box1 .center img { width: 49%!important; position: absolute; right: -50px; top: 155px; height: 170px; } .training_box1 .top .title { font-size:32px!important; } .training_box1 .top .desc { font-size: 18px!important; line-height: 20px!important; } .training_box1 .center .info { font-size: 14px!important; width: 36%; margin-top: 240px!important; margin-left: 50px; } .training_box1 .top .tip { font-size: 16px!important; width: 50%; line-height: 26px!important; margin-top: 30px; } .training_box1 .apply { width: 250px!important; left: calc(50% - 125px)!important; bottom: 70px!important; } .training_box3 .left,.training_box4 .center,.training_box6 .center { width: 100%!important; } .training_box5 .center { width: 95%!important; overflow-x: scroll; margin-left: 5%!important; } .training_box4 .center{ margin-top: unset; } .training_box4 .center img { width: 80%; left: 10%; } .training_box4 .center .right .top { width: 85%!important; top: 395px!important; left: 15% !important; } .training_box4 .center .right { height: 690px!important; } .training_box4 .center .right .top p { font-size: 14px!important; line-height: 20px!important; padding: 8px 20px!important; } .training_box4 .center .right .bottom li { font-size: 14px!important; line-height: 30px!important; } .training_box4 .center .right .bottom { top: 460px!important; left: 20%!important; } .training_box3 { background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220708/m_p2.png) center center no-repeat!important; background-size: 100%!important; padding: 40px 5% !important; } .training_box2 .title{ display: none; } .training_box2 .top { width: 96%; height: 426px!important; background: url(https://pic.mairuan.com//WebSource/huishenghuiying/web/images/20220708/m_p6.png) no-repeat!important; background-size: 100%!important; margin: 0 auto; } .training_box6 .center .prod-item { width: 90%; float: unset; margin: 0 auto; margin-bottom: 14px; padding: 32px 20px; } .training_box6 .center .prod-item h2{ margin-top: unset; font-size: 22px; } .training_box6 .center .prod-item .prod-head .prod-head-title p span { font-size: 12px} .training_box6 .center .prod-item .prod-head .prod-head-title h3 { font-size: 16px; } .training_box6 .center .prod-item .prod-buy{ width: auto; margin-top: 20px; } .training_box6 .center .prod-item .prod-promote { margin-top: 20px; } .training_box3 .left .title { font-size: 30px!important; } .training_box3 .left .desc { font-size: 24px!important; margin: 10px 0 10px 0!important; } .training_box3 .left .desc .time { font-size: 12px!important; line-height: 27px!important; padding: 0px 10px!important; margin-left: 10px!important; margin-top: 13px!important; } .training_box3 .left .list .li { font-size: 13px!important; line-height: 35px!important; } .training_box4 .title { font-size: 32px!important; } .training_box4 { height: 800px!important; margin: 50px 0; } .training_box5 .title,.training_box6 .title { font-size: 32px!important; } .training_box5 .center .table th { padding: 0 40px; } .training_box3 .left .title span { font-size: 60px!important; } .training_box6 .center { height: 1350px!important; } .training_box7,.training_box10,.training_box9{ min-width: 100%!important; } .training_box7 .content,.training_box8,.training_box10 .content { width: 90%!important; } .training_box7 .title,.training_box8 .title,.training_box9 .title{ font-size: 38px!important;line-height: 56px!important; } .training_box10 { background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220728/m_p9.png) center center no-repeat!important; background-size: 100%!important; top: 44px; height: 56px; } .training_box7 .list .item { width: 31%; margin: 10% 0; height: auto; } .training_box7 { height: 692px; } .training_box7 .desc { margin: 20px 0 20px 0; } .training_box7 .list .item .info { font-size: 12px; } .training_box7 .list .item:nth-child(4){ width: 48%;height: 268px; } .training_box7 .list .item:nth-child(5){ width: 48%;height: 268px; } .training_box8 { margin-top: 50px!important; margin-bottom: 50px!important; } .training_box8 .list .item { width: 47%!important; margin: 10px 1.5%!important; } .training_box8 .desc { margin-bottom: 6px; } .training_box8 .list .item .video { height: 120px!important; } .training_box8 .list .item .info { margin-top: 0!important; } .training_box8 .list .item .info .number { font-size: 12px!important; } .training_box8 .list .item .info .name { font-size: 14px!important; height: 24px; width: 22%; overflow: hidden; } .training_box8 .list .item .info img { margin-right: 5px!important; } .training_box10 .title { font-size: 18px!important; line-height: 46px; } .training_box10 .tip { line-height: 24px!important; margin-top: 12px!important; font-size: 16px!important; } .training_box10 .button { top: 13px!important; width:80px!important; line-height: 30px!important; font-size: 15px!important; } .training_box9 .content .list .item{ width: 312px!important; margin: 10px!important; } .training_box9 .content .list .item .bottom{ -webkit-line-clamp:3!important; } .training_box9 { padding-top:66px; height:660px; } } @media screen and (max-width: 667px){ .training_box1 .top .desc { font-size: 18px!important; } .training_box3 .left .desc { font-size: 22px!important; } .training_box4 .center .right .top { top: 350px!important; left: 12% !important; } .training_box4 .center .right .bottom { top: 406px!important; left: 12%!important; width: 80%; } } /* ---------训练营-training.html-end----------------- */ /* ---------移动端-文章详情页-底部广告-start----------------- */ .detail_foot_gg{ display: none; } @media screen and (max-width: 767px){ .detail_foot_gg{ display: block; width: 100%; position: fixed; bottom: 0; } .detail_foot_gg .item{ height: 66px; padding: 13px 30px; background-size: 100% 100%; margin: 5px; position: relative; } .detail_foot_gg .item .button{ float: right; display: block; width: 120px; line-height: 40px; text-align: center; background: #FF6B23; font-weight: 700; font-size: 18px; color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 8px; } .detail_foot_gg .item .close { display: inline-block; width: 10px; height: 10px; background: url(https://pic.mairuan.com/2021/1111/tc1020/closetckq20211020.png) no-repeat center center; position: absolute; top: 2px; right: 3px; cursor: pointer; z-index: 1; } } /* ---------移动端-文章详情页-底部广告-end----------------- */ .news_detail .media{margin: 0;} .news_detail .media embed{width: 100%;height: unset;} /* ---------训练营栏目-讲师 training_collection,training_lecturers-start----------------- */ .tcollection_box1bg{ width: 100%; max-width: 1920px; min-width: 1200px; height: 540px; margin: 0 auto; background: linear-gradient(0deg, #F7F8FA, #F7F8FA), linear-gradient(355.94deg, #FFFFFF 3.28%, #F2F7FF 96.56%);; padding-top: 50px; } .tcollection_box1{ width: 1200px; height: 440px; margin: 0 auto; background: #fff; border-radius:16px; box-shadow: 6px 6px 20px 3px rgba(39, 92, 141, 0.04); } .tcollection_box1 .Course_newArticle .content .title i { float: left; width: 14px; height: 14px; display: block; background-repeat: no-repeat; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220831/ico10.png"); margin-right: 6px; margin-top: 4px; } .tcollection_box1 .Course_newArticle .active .row:hover i,.tcollection_box1 .Course_newArticle .active .title i{ background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220831/ico11.png"); } .tcollection_box1 .Course_newArticle { padding-top: unset; padding-bottom: unset; background: unset; } .tcollection_box1 .Course_newArticle .content .article { background: #ffffff;border-radius: 0 16px 16px 0; } .tcollection_box1 .Course_newArticle .content .article .active { background: #F6F9FF!important; } .tcollection_box1 .Course_newArticle .content .row .title { color: #000!important; } .tcollection_box1 .Course_newArticle .article .active .title { color: #2F80ED!important; font-weight: bold!important; } .tcollection_box1 .Course_newArticle .content .article .active .desc { color: #00000080!important; } .tcollection_box1 .Course_newArticle .content .article > P { color: #000!important;} .tcollection_box2{ width: 1200px; margin: 0 auto; padding-top: 80px; } .tcollection_box2 .title{ font-weight: 700; font-size: 40px; line-height: 60px; text-align: center; } .tcollection_box2 .desc{ font-size: 14px; line-height: 21px; margin-top: 10px; text-align: center; } .tcollection_box2 .type{ width: 100%; display: flow-root; } .tcollection_box2 .type .type_name{ height: 64px; font-size: 24px; padding: 16px 43px; margin: 36px 0 40px 0; border-radius: 16px; background: #F6F9FF; } .tcollection_box2 .type .type_name img{ width: 22px; margin-right: 10px; } .tcollection_box2 .type .type_list{ display: flow-root; } .tcoltype_item{ width: 31%; margin-bottom: 3%; float: left; position: relative; } .tcoltype_item:nth-child(3n-1){ margin: 0 3.5%; } .tcoltype_item .pic{ width: 100%; height: 216px; border-radius: 16px; position: relative; } .tcoltype_item .pic img{ width: 100%; height: 100%; } .tcoltype_item .pic .tip{ position: absolute; top: 10px; left: 10px; font-size: 14px; line-height: 21px; color: #FFFFFF; background: #2F80ED; border-radius: 4px; padding: 3px 10px; } .tcoltype_item .name{ font-weight: 700; font-size: 20px; line-height: 28px; margin-top: 15px; } .tcoltype_item .center{ font-size: 14px; line-height: 26px; color: #828282; } .tcoltype_item .center .day{ margin-left: 20px; } .tcoltype_item .center .work{ margin-left: 20px; } .tcoltype_item .center .teach{ font-weight: 700; font-size: 14px; } .tcoltype_item .bottom{ margin-top: 15px; } .tcoltype_item .bottom .price{ font-weight: 700; font-size: 20px; line-height: 23px; color: #F24428; } .tcoltype_item .bottom .lineprice{ font-size: 14px; line-height: 16px; color: #828282; margin-left: 10px; } .lubotype_item{ width: 48%; float: left; background: #F6F9FF; border-radius: 16px; padding: 20px; margin-bottom: 3%; position: relative; } .lubotype_item:nth-child(2n){ margin-left: 4%; } .lubotype_item .pic{ width: 40%; float: left; } .lubotype_item .pic img{ width: 100%; height: 220px; } .lubotype_item .right{ width: 56%; margin-left: 4%; float: left; } .lubotype_item .right .tag{ width: 76px; height: 25px; background: rgba(242, 68, 40, 0.1); border-radius: 4px; font-size: 14px; line-height: 25px; color: #F24428; text-align: center; } .lubotype_item .right .name{ font-weight: 700; font-size: 24px; line-height: 36px; margin: 10px 0 10px 0; } .lubotype_item .right .center{ font-size: 14px; line-height: 26px; margin-top: 10px; } .lubotype_item .right .center .teach{ font-weight: 700; } .lubotype_item .right .center .day{ margin-left: 20px; } .lubotype_item .right .center .work{ margin-left: 20px; } .tcoltype_item .day img,.tcoltype_item .work img,.lubotype_item .day img,.lubotype_item .work img{ margin-right: 5px; } .lubotype_item .right .bottom{ margin-top: 37px; } .lubotype_item .right .bottom .price{ font-weight: 700; font-size: 20px; line-height: 23px; color: #F24428; } .lubotype_item .right .bottom .lineprice{ font-size: 16px; line-height: 18px; color: #828282; margin-left: 10px; } .itemtips{ display: none; position: absolute; top: 0; left: 106%; width: 254px; background: #fff; padding: 20px; z-index: 1; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15); border-radius: 8px; } .tcoltype_item:hover .itemtips,.lubotype_item:hover .itemtips{ display: block;} .itemtips:before{ content: ""; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; position: absolute; top: 40px; left: -10px; } .itemtips .title{ font-weight: 700; font-size: 16px; line-height: 22px; text-align: left; margin-bottom: 10px; } .itemtips .infos{ font-size: 12px; line-height: 23px; color: #444444; padding-left: 20px; } .itemtips .infos li{ list-style-type:none; list-style-image: url('http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220831/ic12.png'); } .tcollection_box3{ width: 1200px; margin: 0 auto; margin-top: 100px; margin-bottom: 100px; display: flow-root; } .tcollection_box3 .title{ font-weight: 700; font-size: 40px; line-height: 60px; text-align: center; } .tcollection_box3 .list{ width: 100%; margin-top: 40px; position: relative; } .tcollection_box3 .list .pc-swiper-container{ overflow: hidden; } .tcollection_box3 .item{ width: 23%; height: 380px; float: left; background: #F6F9FF; border-radius: 16px; margin: 1%; } .tcollection_box3 .item .pic{ width: 100%; height: 55%; border-radius: 16px 16px 0 0; } .tcollection_box3 .item .info{ padding: 10px 20px; } .tcollection_box3 .item .info .name{ font-weight: 700; font-size: 22px; line-height: 28px; margin-bottom: 10px; } .tcollection_box3 .item .info .desc{ font-size: 14px; line-height: 22px; color: #333333; } .tcollection_box3 .list .pc-swiper-button-prev{ position: absolute; top: 50%; left: -66px; background-image: url(https://pic.mairuan.com/mairuan/sgenglish/ico43.png); width: 50px; height: 50px; background-size: 100%; border: 0;outline: none } .tcollection_box3 .list .pc-swiper-button-next{ position: absolute; top: 50%; right: -66px; background-image: url(https://pic.mairuan.com/mairuan/sgenglish/ico44.png); width: 50px; height: 50px; background-size: 100%; border: 0;outline: none } .tcollection_box3 .list .m-swiper-button-prev{ position: absolute; top: 50%; left: -66px; background-image: url(https://pic.mairuan.com/mairuan/sgenglish/ico43.png); width: 50px; height: 50px; background-size: 100%; border: 0;outline: none } .tcollection_box3 .list .m-swiper-button-next{ position: absolute; top: 50%; right: -66px; background-image: url(https://pic.mairuan.com/mairuan/sgenglish/ico44.png); width: 50px; height: 50px; background-size: 100%; border: 0;outline: none } .tcollection_box3 .m_list{ display: none; } .jiangshi_home_banner{ width: 100%; max-width: 1920px; min-width: 1200px; margin: 0 auto; height: 140px; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220831/p1.png"); padding: 30px; } .jiangshi_home_banner .title{ font-weight: 700; font-size: 52px; line-height: 78px; text-align: center; color: #FFFFFF; } .training_box11{ width: 1200px; margin: 0 auto; margin-top: 80px; margin-bottom: 80px } .training_box11 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; } .training_box11 .title span{ background: linear-gradient(90.88deg, #2093FF 0.24%, #0DF2CC 44.83%, #8C32FF 102.36%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .training_box11 .vip_info{ width: 100%; height: 560px; padding: 90px 70px; margin-top: 40px; background: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220908/p1.png"); background-size: 100% 100%; } .training_box11 .vip_info .left{ width: 45%; } .training_box11 .vip_info .left .item{ font-size: 16px; line-height: 24px; color: #FFFFFF; margin-bottom: 20px; } .training_box11 .vip_info .left .item i{ content: url("http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220908/ico1.png"); width: 20px; height: 18px; vertical-align: middle; margin-right: 10px; float: left; margin-top: 3px; } .training_box11 .vip_info .left .item p { margin-left: 30px; } .training_box11 .vip_info .left .item .lan{ color: #2F80ED; } .training_box12{ width: 1200px; margin: 0 auto; display: flow-root; margin-bottom: 120px; } .training_box12 .title{ font-weight: 700; font-size: 48px; line-height: 72px; text-align: center; } .training_box12 .list{ margin-top: 30px; } .training_box12 .item{ width: 31%; float: left; padding: 10px; background: linear-gradient(180deg, #E7F3FF 0%, #EFF7FF 100%, #E6F2FF 100%), linear-gradient(102.56deg, #E6F3FF 8.96%, #F2F9FF 90.9%); border-radius: 16px; } .training_box12 .item:nth-child(2){ margin: 0 3%; } .training_box12 .item .pic{ width: 100%; height: 260px; } .training_box12 .item .info{ padding-top: 25px; } .training_box12 .item .info .name{ font-weight: 700; font-size: 28px; line-height: 22px; text-align: center; color: #000000; } .training_box12 .item .info .desc{ font-size: 18px; line-height: 29px; text-align: center; color: #333333; margin-top: 18px; } @media screen and (max-width: 767px){ .jiangshi_home_banner{ min-width: 100%; background: url(http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220831/m_p1.png); background-size: 100% 100%; } .jiangshi_home_banner .title { font-size: 30px;} .tcollection_box2 { width: 90%;padding-top: 40px;} .tcollection_box2 .title,.tcollection_box3 .title { font-size: 26px; } .tcollection_box2 .desc { margin-top: 4px;} .tcoltype_item { width: 100%;margin-bottom: 7%;} .tcoltype_item:nth-child(3n-1) { margin: unset; margin-bottom: 7%; } .lubotype_item { width: 100%;} .lubotype_item .right .name { font-size: 16px;line-height: 20px;} .lubotype_item .pic img { height: 156px; } .lubotype_item .right .center { font-size: 12px;line-height: 20px;} .lubotype_item .right .center .day,.lubotype_item .right .center .work { margin-left: 10px; } .lubotype_item .right .bottom { margin-top: 20px; } .lubotype_item:nth-child(2n) { margin-left: unset; } .tcollection_box2 .type .type_name { font-size: 13px; padding: 16px 20px; height: 58px; margin: 20px 0 20px 0; } .tcollection_box2 .type .type_name b{ font-size: 18px; } .tcollection_box2 .type .type_name img { width: 18px;} .tcollection_box3 { width: 90%; margin-top: 50px; } .tcollection_box3 .list{ display: block; } .tcollection_box3 .m_list{ display: block; } .tcollection_box3 .item { width: 98%;margin-bottom: 5%;} .tcollection_box3 .item .info .name { font-size: 18px; margin-bottom: 4px;} .tcollection_box3 .item .info .desc { font-size: 12px;} .tcollection_box3 .item .info { padding: 10px 10px; } /*.tcollection_box3 .item .pic {height: 40%;}*/ /*.tcollection_box3 .item {height: auto;}*/ .tcollection_box3 .m_list .m-swiper-button-prev { left: -25px;z-index: 2;} .tcollection_box3 .m_list .m-swiper-button-next { right: -25px;z-index: 2;} .tcollection_box3 .m_list .m-swiper-container{ width: 90%; overflow: hidden; margin: 0 auto; } .tcollection_box1bg { min-width: 100%;padding-top: 30px; height: 740px;} .tcollection_box1 { width: 90%; height: 658px;} .tcollection_box1 .left { width: 100%;height: 40%;} .tcollection_box1 .right { width: 100%; height: unset;} .tcollection_box1 .right .title { padding: 10px 0 0 30px; } .tcollection_box1 .right .list .item { padding: 12px 30px; } .itemtips { display: none !important; top: -16px; left: 0%; width: 100%; } .itemtips:before { content: ""; width: 0px; height: 0px; border-left: 10px solid transparent; border-top: 10px solid #fff; border-right: 10px solid transparent; position: absolute; top: unset; bottom: -18px; left: 47%; } .tcollection_box1 .Course_newArticle .content { width: 100%;display: block;} .tcollection_box1 .Course_newArticle .content .banner { width: 100%; height: 256px;} .tcollection_box1 .Course_newArticle .content .banner .banimg .imgs { width: 100%; height: 100%; } .tcollection_box1 .Course_newArticle .content .article { width: 100%; height: 400px; padding-top: 0; border-radius: 0 0 16px 16px; } .tcollection_box1 .Course_newArticle .content .article > P { padding-left: 20px;} .tcollection_box1 .Course_newArticle .content .article .txt { padding-left: 20px;} .tcollection_box1 .Course_newArticle .content #player-container { width: 100%; height: 32%; top: 0; } .training_box11 { width: 90%; margin-bottom: 60px;} .training_box11 .title,.training_box12 .title { font-size: 32px;} .training_box11 .vip_info { height: 680px; padding: 45px 28px; background: url(http://pic.mairuan.com/WebSource/huishenghuiying/web/images/20220908/m_p1.png); background-size: 100% 100%; } .training_box11 .vip_info .left { width: 100%; } .training_box11 .vip_info .left .item { font-size: 13px;margin-bottom: 12px;} .training_box12 { width: 90%;margin-bottom: 60px;} .training_box12 .item { width: 100%;margin-bottom: 20px;} .training_box12 .item:nth-child(2) { margin: unset; margin-bottom: 20px; } .training_box12 .item .info .name { font-size: 24px;} .training_box12 .item .info .desc { font-size: 16px;} .training_box12 .item .info { padding-top: 15px; width: 90%; margin: 0 auto; } .training_box12 .item .pic { height: auto; } } /* ---------训练营栏目-讲师 training_collection,training_lecturers-end----------------- */ /** 支付成功页vip-paysuccess_vip-start **/ .viphas{ width: 1200px; margin: 0 auto; } .viphas .vip_info{ text-align: center; } .viphas .vip_info .vip_title{ font-size: 14px; line-height: 28px; } .viphas .vip_info .vip_ewm{ margin-top: 5px; width: 130px; height: 130px; background: #FFFFFF; border: 1px solid #E9E9E9; border-radius: 4px; } .viphas .canhas_info{ margin-top: 50px; display: flow-root; } .viphas .canhas_info .canhas_title{ font-weight: 700; font-size: 20px; line-height: 27px; margin-left: 1%; } .viphas .canhas_info .list{ margin-top: 20px; } .viphas .canhas_info .list .item{ width: 18%; float: left; height: 190px; padding: 15px 20px; background: #FFFFFF; border-radius: 10px; margin: 0 1%; } .viphas .canhas_info .list .item .name{ font-weight: 700; font-size: 16px; line-height: 30px; border-bottom: 1px solid #F2F2F2; padding-bottom: 12px; } .viphas .canhas_info .list .item .ico{ width: 35px; height: 35px; margin-right: 6px; vertical-align: middle; } .viphas .canhas_info .list .item .desc{ margin-top: 13px; font-size: 12px; line-height: 24px; color: #545352; } /** 支付成功页vip-paysuccess_vip-end **/ /** 模板素材排行-start **/ .moban_rank {margin-top: 20px;border-radius: 8px;background: #FFFFFF;box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.06);} .moban_rank .title {height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;color: #222;border-bottom: 1px solid #F0F2F6;display: flex;align-items: center;padding: 0 15px;} .moban_rank ul {margin: 20px 12px 0;padding-bottom: 10px;} .moban_rank li {margin-bottom: 28px;display: flex;align-items: flex-start;} .moban_rank li i {display: inline-block;width: 24px;text-align: center;font-style: normal;font-size: 18px;font-weight: bold;color: #c0c0c0;margin: 1px 10px 0 0;} .moban_rank li:nth-of-type(1) i {color: #F94E37;} .moban_rank li:nth-of-type(2) i {color: #FF6F2A;} .moban_rank li:nth-of-type(3) i {color: #FFA931;} .moban_rank li a{display: inline-block;width: calc(100% - 24px);font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;} .moban_rank li .name {padding-bottom: 4px;color: #333;} @media screen and (max-width: 767px){ .moban_rank {display: none;} } /** 模板素材排行-end **/ /** 在线课程排行-start **/ .course_rank {margin-top: 20px;border-radius: 8px;background: #FFFFFF;box-shadow: 6px 10px 30px 3px rgba(39, 92, 141, 0.06);} .course_rank .title{height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;color: #222;border-bottom: 1px solid #F0F2F6;display: flex;align-items: center;padding: 0 15px;} .course_rank .row {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 25px 15px;border-bottom: 1px solid #F3F3F3;} .course_rank .row .imgs{width: 40%;float: left;} .course_rank .row .imgs img {width: 100%;height: auto;} .course_rank .row .txt {width: 60%;float: left;padding-left: 5%;} .course_rank .row .txt .title {font-weight: unset;height: 42px;line-height: 20px;border-bottom: unset;padding: unset;font-size: 14px;align-items: center;text-align: justify;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .course_rank .row .txt .title a {color: #000000;} .course_rank .row .txt .ends {text-align: right;color: #999999;font-size: 12px;margin-top: 8px} .course_rank .row .txt .ends .see {right: 36px;} .course_rank .row .txt .ends .see,.row .txt .ends .likes {position: relative;} .course_rank .row .txt .ends .see::before {content: url('http://pic.mairuan.com/WebSource/flstudionew/web/images/relevant_see.png');position: absolute;top: -1px;left: -21px;} .course_rank .row .txt .ends .likes::before {content: url('http://pic.mairuan.com/WebSource/flstudionew/web/images/relevant_like.png');position: absolute;top: -1px;left: -21px;} /** 在线课程排行-end **/ /** videostudio2023 新增页面 start **/ *, *:before, *:after { box-sizing: border-box; } body { width: 100%; max-width: 1920px; min-width: 1200px; margin: 0 auto; } body section h2 { font-weight: 700; font-size: 42px; line-height: 60px; text-align: center; color: #000000; } body section h3 { font-weight: 700; font-size: 24px; line-height: 28px; color: #333333; } body section p { font-weight: 400; font-size: 18px; line-height: 28px; color: #333333; } body section img, body section video { max-width: 100%; } body section .content { width: 1200px; margin: 0 auto; } body section span.ult-only { padding: 5px 10px; font-weight: 400; font-size: 16px; line-height: 130%; text-align: center; color: #FFFFFF; background: #2F80ED; border-radius: 4px; } .prod2023-n1 { width: 100%; } .prod2023-n1 .content { padding-top: 60px; padding-bottom: 120px; } .prod2023-n1 .content .n1-info { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; width: 100%; margin-top: 40px; } .prod2023-n1 .content .n1-left, .prod2023-n1 .content .n1-right { width: 552px; } .prod2023-n1 .content .n1-left p, .prod2023-n1 .content .n1-right p { margin-top: 20px; } .prod2023-n1 .content .n1-left ul, .prod2023-n1 .content .n1-right ul { margin-top: 28px; list-style: inside; } .prod2023-n1 .content .n1-left ul li, .prod2023-n1 .content .n1-right ul li { font-weight: normal; font-size: 18px; line-height: 28px; color: #333; } .prod2023-n2 { width: 100%; padding: 99px 0px 108px 0px; background: #000000; } .prod2023-n2 .content { display: flex; justify-content: space-between; } .prod2023-n2 .content .n2-left { width: 769px; height: auto; } .prod2023-n2 .content .n2-left video { border-radius: 10px; } .prod2023-n2 .content .n2-right { width: 384px; margin-top: 92px; } .prod2023-n2 .content .n2-right h2, .prod2023-n2 .content .n2-right p { color: #FFFFFF; text-align: justify; } .prod2023-n2 .content .n2-right p { margin-top: 30px; } .prod2023-n3 { width: 100%; height: 618px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2023-n3-bg.png) no-repeat center/cover; } .prod2023-n3 .content { padding: 140px 0px; } .prod2023-n3 .content .info { display: flex; flex-flow: column nowrap; align-items: flex-start; width: 552px; } .prod2023-n3 .content .info h3 { margin-top: 10px; color: white; } .prod2023-n3 .content .info h3:nth-of-type(2) { margin-top: 50px; } .prod2023-n3 .content .info p { margin-top: 30px; color: white; } .prod2023-n4 { width: 100%; height: 740px; padding-top: 123px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2023-n4-bg.png) no-repeat center/cover; } .prod2023-n4 .content { display: flex; justify-content: flex-end; } .prod2023-n4 .content .info { width: 552px; } .prod2023-n4 .content .info h2 { margin-top: 10px; color: #fff; text-align: left; } .prod2023-n4 .content .info h3 { margin-top: 30px; color: #fff; text-align: left; } .prod2023-n4 .content .info h3:nth-of-type(2) { margin-top: 30px; } .prod2023-n4 .content .info p { margin-top: 24px; color: #fff; text-align: left; } .prod2023-n4 .content .info ul { margin-top: 10px; } .prod2023-n4 .content .info ul li { color: #fff; list-style: inside; } .prod2023-n5 { width: 100%; height: 1403px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2023-n5-bg.png) no-repeat center/cover; } .prod2023-n5 .content { display: flex; justify-content: space-between; } .prod2023-n5 .content .n5-left { display: flex; flex-flow: column nowrap; align-items: center; flex: none; width: 432px; padding: 40px 44px; margin-top: 140px; background: #0F1527; border-radius: 16px; } .prod2023-n5 .content .n5-left img { width: 100px; height: 100px; } .prod2023-n5 .content .n5-left h3 { margin-top: 30px; color: #fff; } .prod2023-n5 .content .n5-left p { margin-top: 20px; color: #fff; text-align: center; } .prod2023-n5 .content .n5-right { width: 552px; margin-top: 162px; } .prod2023-n5 .content .n5-right h3 { color: #fff; } .prod2023-n5 .content .n5-right h3:nth-of-type(2) { margin-top: 80px; } .prod2023-n5 .content .n5-right p { margin-top: 24px; color: #fff; } .prod2023-n6 { width: 100%; padding-top: 162px; padding-bottom: 40px; } .prod2023-n6 p { margin-top: 13px; text-align: center; } .prod2023-n7 { position: relative; width: 100%; height: 750px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2023-n7-bg.png) no-repeat center/cover; padding-top: 142px; } .prod2023-n7 .content { display: flex; justify-content: flex-end; } .prod2023-n7 .content .info { width: 540px; z-index: 1; } .prod2023-n7 .content .info h2 { text-align: left; color: #fff; letter-spacing: -0.015em; } .prod2023-n7 .content .info ul { margin-top: 30px; } .prod2023-n7 .content .info ul li { margin-top: 30px; list-style-type: none; } .prod2023-n7 .content .info ul li h3 { position: relative; display: flex; align-items: center; width: 534px; padding: 20px 25px 20px 20px; background: rgba(255, 255, 255, 0.14); border-radius: 4px; font-weight: 400; font-size: 18px; line-height: 1.5; color: #fff; } .prod2023-n7 .content .info ul li h3 .ult-only { margin-left: 20px; } .prod2023-n7 .content .info ul li h3 .n-icon { position: absolute; width: 26px; height: 16px; right: 25px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/n-icon.png) no-repeat center/contain; } .prod2023-n7 .content .info ul li p { display: none; margin-top: 16px; padding-left: 25px; color: rgba(255, 255, 255, 0.8); } .prod2023-n7 .content .info ul li.active h3 { font-weight: 700; } .prod2023-n7 .content .info ul li.active h3 .n-icon { transform: rotate(180deg); } .prod2023-n7 .content .info ul li.active p { display: block; } .prod2023-n8 { width: 100%; height: 734px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2023-n8-bg.png) no-repeat center/cover; } .prod2023-n8 .content { display: flex; flex-flow: row nowrap; justify-content: flex-start; } .prod2023-n8 .content .info { flex: none; width: 470px; margin-top: 190px; } .prod2023-n8 .content .info h2 { text-align: left; } .prod2023-n8 .content .info ul { margin-top: 60px; border-top: 1px solid #ccc; } .prod2023-n8 .content .info ul li { padding: 12px 0; list-style-type: none; border-bottom: 1px solid #ccc; } .prod2023-n8 .content .info ul li h3 { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; position: relative; font-size: 18px; line-height: 26px; font-weight: 400; } .prod2023-n8 .content .info ul li h3 .ult-only { margin-left: 20px; } .prod2023-n8 .content .info ul li h3 .n-icon { position: absolute; width: 26px; height: 16px; right: 2px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/n-icon.png) no-repeat center/contain; } .prod2023-n8 .content .info ul li p { display: none; margin-top: 24px; font-size: 16px; line-height: 24px; } .prod2023-n8 .content .info ul li.active h3 { font-weight: 700; } .prod2023-n8 .content .info ul li.active h3 .n-icon { transform: rotate(180deg); } .prod2023-n8 .content .info ul li.active p { display: block; } .prod2023-n9 { width: 100%; padding: 140px 0 120px; } .prod2023-n9 .content ul { display: flex; justify-content: space-between; width: 100%; margin-top: 60px; } .prod2023-n9 .content ul li { list-style-type: none; width: 570px; } .prod2023-n9 .content ul li .media { position: relative; width: 100%; height: 320px; border-radius: 10px; overflow: hidden; } .prod2023-n9 .content ul li .media .media-mask-before, .prod2023-n9 .content ul li .media .media-mask-after { position: absolute; top: 0; left: 0; } .prod2023-n9 .content ul li .media .media-mask-before img, .prod2023-n9 .content ul li .media .media-mask-after img { display: flex; border-radius: 10px; height: 320px; width: 570px; -o-object-position: left top; object-position: left top; -o-object-fit: cover; object-fit: cover; max-width: unset; } .prod2023-n9 .content ul li .media .media-mask-after { z-index: 3; width: 53%; height: 100%; overflow: hidden; } .prod2023-n9 .content ul li .media .media-mask-before { z-index: 2; width: 100%; height: 100%; } .prod2023-n9 .content ul li .media .line { width: 60px; height: 100%; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m4_handle.png) no-repeat center/cover; position: absolute; top: 0; z-index: 3; cursor: pointer; transform: translateX(-25px); } .prod2023-n9 .content ul li h3 { margin-top: 37px; } .prod2023-n9 .content ul li p { margin-top: 10px; } .prod2023-n10 { width: 100%; height: 657px; background: #F7F7F7; } .prod2023-n10 .content { display: flex; justify-content: space-between; } .prod2023-n10 .content .n10-left { flex: none; width: 470px; margin-top: 140px; } .prod2023-n10 .content .n10-left h2 { text-align: left; } .prod2023-n10 .content .n10-left ul { margin-top: 60px; border-top: 1px solid #ccc; } .prod2023-n10 .content .n10-left ul li { padding: 12px 0; list-style-type: none; border-bottom: 1px solid #ccc; } .prod2023-n10 .content .n10-left ul li h3 { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; position: relative; font-size: 18px; line-height: 26px; font-weight: 400; } .prod2023-n10 .content .n10-left ul li h3 .ult-only { margin-left: 20px; } .prod2023-n10 .content .n10-left ul li h3 .n-icon { position: absolute; width: 26px; height: 16px; right: 2px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/n-icon.png) no-repeat center/contain; } .prod2023-n10 .content .n10-left ul li p { display: none; margin-top: 17px; margin-bottom: 20px; font-size: 16px; line-height: 24px; } .prod2023-n10 .content .n10-left ul li.active h3 { font-weight: 700; } .prod2023-n10 .content .n10-left ul li.active h3 .n-icon { transform: rotate(180deg); } .prod2023-n10 .content .n10-left ul li.active p { display: block; } .prod2023-n10 .content .n10-right { width: 580px; height: 416px; } .prod2023-n10 .content .n10-right .media { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin-top: 120px; } .prod2023-n10 .content .n10-right .media img, .prod2023-n10 .content .n10-right .media video { display: block; max-width: 100%; border-radius: 10px; overflow: hidden; } .prod2023-n11 { position: relative; width: 100%; height: 760px; } .prod2023-n11 .n11-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .prod2023-n11 .n11-bg .n11-mask-before, .prod2023-n11 .n11-bg .n11-mask-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .prod2023-n11 .content { display: flex; justify-content: flex-end; align-items: center; height: 100%; } .prod2023-n11 .content .info { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; width: 400px; height: 412px; padding: 28px 28px 20px 20px; background: rgba(0, 0, 0, 0.7); border-radius: 10px; } .prod2023-n11 .content .info h2 { margin-top: 23px; font-size: 36px; line-height: 40px; color: #fff; } .prod2023-n11 .content .info p { margin-top: 18px; color: #fff; font-size: 16px; line-height: 24px; text-align: justify; } .prod2023-n11 .content .info .range { margin-top: 34px; } .prod2023-n11 .content .info .range input[type=range] { width: 280px; -webkit-appearance: none; background: none; /*chrome、safari浏览器*/ /*firefox浏览器*/ /*chrome，safar等浏览器设置*/ /*firefox 浏览器设置*/ } .prod2023-n11 .content .info .range input[type=range]:focus { outline: none; } .prod2023-n11 .content .info .range input[type=range]::-webkit-slider-runnable-track { cursor: pointer; background: #2F80ED; opacity: 0.75; border-radius: 20px; height: 32px; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; width: 100%; padding-right: 8px; } .prod2023-n11 .content .info .range input[type=range]::-moz-range-track { background-color: #2F80ED; cursor: pointer; background: #2F80ED; opacity: 0.75; border-radius: 20px; height: 32px; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; width: 100%; padding-right: 8px; } .prod2023-n11 .content .info .range input[type=range]::-webkit-slider-thumb { cursor: pointer; -webkit-appearance: none; margin-top: 4px; margin-left: 4px; margin-right: 4px; border-radius: 16px; height: 24px; width: 24px; border: 3px solid #fff; background: #131e3a; } .prod2023-n11 .content .info .range input[type=range]::-moz-range-thumb { cursor: pointer; margin-top: 4px; margin-left: 4px; margin-right: 4px; border-radius: 16px; height: 24px; width: 24px; border: 3px solid #fff; background: #131e3a; } .prod2023-n12 { width: 100%; padding: 140px 0; } .prod2023-n12 .content ul { margin-top: 50px; } .prod2023-n12 .content ul li { display: flex; flex-flow: row nowrap; justify-content: space-between; list-style-type: none; } .prod2023-n12 .content ul li .semi { width: 570px; } .prod2023-n12 .content ul li .semi .media { width: 570px; height: 320px; max-width: 100%; } .prod2023-n12 .content ul li .semi .media img, .prod2023-n12 .content ul li .semi .media video { border-radius: 10px; } .prod2023-n12 .content ul li .semi h3 { margin-top: 30px; } .prod2023-n12 .content ul li .semi p { margin-top: 10px; } .prod2023-n12 .content ul li .whole { width: 100%; } .prod2023-n12 .content ul li:nth-of-type(1) { margin-top: 0; } .prod2023-n12 .content ul li:nth-of-type(2) { margin-top: 30px; } .prod2023-n12 .content ul li:nth-of-type(3) { margin-top: 60px; } .prod2023-n13 { width: 100%; padding: 50px 0 100px 0; background: #222222; } .prod2023-n13 .content { display: flex; flex-flow: column nowrap; align-items: center; } .prod2023-n13 .content > h2, .prod2023-n13 .content > p { width: 960px; margin-top: 20px; color: #fff; text-align: center; } .prod2023-n13 .content .n13-icon { display: flex; justify-content: center; margin-top: 40px; } .prod2023-n13 .content .n13-icon li img { width: 170px; height: 102px; } .prod2023-n13 .content .n13-icon li:nth-of-type(2) { margin-left: 30px; } .prod2023-n13 .content .media { width: 770px; margin-top: 40px; } .prod2023-n13 .content .media video { width: 100%; border-radius: 10px; } .prod2023-n13 .content .n13-more-effects { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; margin-top: 100px; } .prod2023-n13 .content .n13-more-effects > span { padding: 10px 18px; color: #fff; background: #2F80ED; border-radius: 8px; cursor: pointer; } .prod2023-n13 .content .n13-more-effects .effect-list { display: none; flex-flow: row wrap; width: 100%; margin-top: 95px; } .prod2023-n13 .content .n13-more-effects .effect-list.active { display: flex; } .prod2023-n13 .content .n13-more-effects .effect-list .effect-item { width: 25%; padding: 0 10px; margin-bottom: 50px; list-style-type: none; } .prod2023-n13 .content .n13-more-effects .effect-list .effect-item h3 { color: #fff; } .prod2023-n13 .content .n13-more-effects .effect-list .effect-item p { margin-top: 10px; color: #fff; font-size: 16px; } .prod2023-n14 { width: 100%; height: 700px; background: #000; } .prod2023-n14 .content { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; height: 100%; } .prod2023-n14 .content .n14-left { width: 407px; } .prod2023-n14 .content .n14-left h2, .prod2023-n14 .content .n14-left p { color: #fff; text-align: left; } .prod2023-n14 .content .n14-left p { margin-top: 20px; } .prod2023-n14 .content .n14-right { width: 770px; } .prod2023-n14 .content .n14-right video { width: 770px; max-width: 100%; border-radius: 10px; } .prod2023-n15, .prod2023-n16 { width: 100%; background: #F6F6F6; } .prod2023-n15 .content, .prod2023-n16 .content { padding-top: 120px; padding-bottom: 90px; } .prod2023-n15 .content ul, .prod2023-n16 .content ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; margin-top: 60px; } .prod2023-n15 .content ul li, .prod2023-n16 .content ul li { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; width: 570px; list-style-type: none; } .prod2023-n15 .content ul li:nth-of-type(n+3), .prod2023-n16 .content ul li:nth-of-type(n+3) { margin-top: 50px; } .prod2023-n15 .content ul li .media, .prod2023-n16 .content ul li .media { width: 570px; height: 320px; position: relative; border-radius: 10px; overflow: hidden; } .prod2023-n15 .content ul li .media img, .prod2023-n15 .content ul li .media video, .prod2023-n16 .content ul li .media img, .prod2023-n16 .content ul li .media video { border-radius: 10px; } .prod2023-n15 .content ul li .media .media-mask-before, .prod2023-n15 .content ul li .media .media-mask-after, .prod2023-n16 .content ul li .media .media-mask-before, .prod2023-n16 .content ul li .media .media-mask-after { position: absolute; top: 0; left: 0; } .prod2023-n15 .content ul li .media .media-mask-before img, .prod2023-n15 .content ul li .media .media-mask-after img, .prod2023-n16 .content ul li .media .media-mask-before img, .prod2023-n16 .content ul li .media .media-mask-after img { display: flex; border-radius: 10px; height: 320px; width: 570px; -o-object-position: left top; object-position: left top; -o-object-fit: cover; object-fit: cover; max-width: unset; } .prod2023-n15 .content ul li .media .media-mask-after, .prod2023-n16 .content ul li .media .media-mask-after { z-index: 3; width: 53%; height: 100%; overflow: hidden; } .prod2023-n15 .content ul li .media .media-mask-before, .prod2023-n16 .content ul li .media .media-mask-before { z-index: 2; width: 100%; height: 100%; } .prod2023-n15 .content ul li .media .line, .prod2023-n16 .content ul li .media .line { width: 60px; height: 100%; background: url(//pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2022_m4_handle.png) no-repeat center/cover; position: absolute; top: 0; z-index: 3; cursor: pointer; transform: translateX(-25px); } .prod2023-n15 .content ul li h3, .prod2023-n16 .content ul li h3 { margin-top: 20px; } .prod2023-n15 .content ul li p, .prod2023-n16 .content ul li p { margin-top: 10px; } .prod2023-n16 { background: #fff; } .prod2023-n17 { width: 100%; padding: 50px 0 150px 0; } .prod2023-n17 .content { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; } .prod2023-n17 .content .media { width: 1170px; } .prod2023-n17 .content .media video { width: 1170px; max-width: 100%; margin-top: 60px; border-radius: 10px; } .prod2023-n17 .content ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .prod2023-n17 .content ul li { width: 570px; margin-top: 50px; list-style-type: none; } .prod2023-n17 .content ul li p { margin-top: 10px; } .prod2023-n18 { width: 100%; height: 730px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/prod2023-n18-bg.png) no-repeat center/cover; } .prod2023-n18 .content { display: flex; justify-content: flex-end; padding-top: 180px; } .prod2023-n18 .content .info { width: 410px; } .prod2023-n18 .content .info h2 { font-size: 36px; line-height: 40px; text-align: left; } .prod2023-n18 .content .info ul { margin-top: 60px; border-top: 1px solid #ccc; } .prod2023-n18 .content .info ul li { padding: 12px 0; list-style-type: none; border-bottom: 1px solid #ccc; } .prod2023-n18 .content .info ul li h3 { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; position: relative; font-size: 18px; line-height: 26px; font-weight: 400; } .prod2023-n18 .content .info ul li h3 .ult-only { margin-left: 20px; } .prod2023-n18 .content .info ul li h3 .n-icon { position: absolute; width: 26px; height: 16px; right: 2px; background: url(https://pic.mairuan.com/WebSource/huishenghuiying/web/images/n-icon.png) no-repeat center/contain; } .prod2023-n18 .content .info ul li p { display: none; margin-top: 17px; margin-bottom: 20px; font-size: 16px; line-height: 24px; } .prod2023-n18 .content .info ul li.active h3 { font-weight: 700; } .prod2023-n18 .content .info ul li.active p { display: block; } /** videostudio2023 新增页面 end **/ /* 艾奇KTv--- */ .aq_container { max-width: 1920px; min-width: 1200px; width: 100%; margin: 0 auto; } .aq_container .headbanner { background: url("//pic.mairuan.com/WebSource/huishenghuiying/web/images/aq_banner01.png") 0 center no-repeat; height: 400px; background-size: 100% 100%; } .aq_container .headbanner .title { padding-top: 50px; font-size: 66px; /* font-weight: 700; */ text-align: center; color: #FFFFFF; font-family: 'SourceHanSansSC-Bold, bestFont bold'; } .aq_container .headbanner .desc { font-size: 40px; color: #FFFFFF; text-align: center; } .aq_container .headbanner .btns { margin-top: 50px; display: flex; align-items: center; justify-content: center; } .aq_container .headbanner .btns a { width: 200px; height: 50px; color: #FFF; font-size: 20px; font-weight: 700; text-align: center; line-height: 50px; border-radius: 8px; border: 0; } .aq_container .headbanner .btns > .btn_buy { background-color: #FA4F31; margin-right: 18px; } .aq_container .headbanner .btns > .btn_down { background-color: #2F80ED; margin-left: 18px; } .aq_container .m1_content { padding-top: 50px; max-width: 1920px; width: 1200px; margin: 0 auto; } .aq_container .m1_content .title { text-align: center; font-size: 48px; /* font-weight: 700; */ line-height: 86px; color: #000; font-family: 'SourceHanSansSC-Bold, bestFont bold'; } .aq_container .m1_content .desc { text-align: center; font-size: 16px; font-weight: 400; color: #666; line-height: 33px; } .aq_container .m1_content .aq_video { margin-top: 50px; width: 1200px; height: 480px; position: relative; } .aq_container .m1_content .aq_video .video { width: 1200px; height: 480px; } .aq_container .m1_content .aq_video > img { width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; z-index: 9; margin-left: -45px; margin-top: -45px; } .aq_container .m2_content { padding-top: 120px; max-width: 1920px; width: 1200px; margin: 0 auto; } .aq_container .m2_content .content_ms { display: flex; justify-content: space-between; align-items: center; } .aq_container .m2_content .content_ms > img { width: 580px; height: 340px; } .aq_container .m2_content .content_ms > .desc1 .title-s, .aq_container .m2_content .content_ms > .desc2 .title-s { color: #000; /* font-weight: 700; */ font-family: 'SourceHanSansSC-Bold, bestFont bold'; font-size: 36px; line-height: 48px; margin-bottom: 15px; } .aq_container .m2_content .content_ms > .desc1 .desc-s, .aq_container .m2_content .content_ms > .desc2 .desc-s { color: #666; font-size: 14px; font-weight: 400; line-height: 32px; } .aq_container .m2_content .content_ms > .desc1 .desc-s { width: 506px; } .aq_container .m2_content .content_ms > .desc2 .desc-s { width: 582px; } .aq_container .m2_content > .left { margin-bottom: 90px; } .aq_container .m2_content > .right { margin-bottom: 120px; } .aq_container .m3_content { max-width: 1920px; width: 1200px; margin: 0 auto; } .aq_container .m3_content > .title { font-size: 48px; /* font-weight: 700; */ line-height: 66px; color: #000; text-align: center; font-family: 'SourceHanSansSC-Bold, bestFont bold'; } .aq_container .m3_content > .content-ms { margin-top: 60px; width: 1200px; display: flex; justify-content: space-between; } .aq_container .m3_content > .content-ms > .desc { width: 520px; } .aq_container .m3_content > .content-ms > .desc > img { width: 100%; height: 240px; } .aq_container .m3_content > .content-ms > .desc > .title-s { margin-top: 30px; font-size: 30px; /* font-weight: 700; */ line-height: 36px; color: #000; font-family: 'SourceHanSansSC-Bold, bestFont bold'; } .aq_container .m3_content > .content-ms > .desc > .desc-s { margin-top: 16px; color: #666; font-size: 16px; line-height: 32px; } .aq_container .m4_content { max-width: 1920px; width: 1200px; margin: 0 auto; background-color: #F1F5FD; margin-top: 120px; margin-bottom: 120px; padding: 90px 77.5px; } .aq_container .m4_content > .title { color: #000; font-size: 48px; line-height: 66px; text-align: center; /* font-weight: 700; */ font-family: 'SourceHanSansSC-Bold, bestFont bold'; } .aq_container .m4_content > .title-s { margin-top: 30px; color: #000; font-size: 30px; line-height: 66px; /* font-weight: 700; */ font-family: 'SourceHanSansSC-Bold, bestFont bold'; } .aq_container .m4_content > p { font-size: 20px; color: #000; line-height: 66px; } /* ---艾奇KTV */