body { background: #f9f9f9; } #detail-template .detail-template1200 { width: 100%; margin: 0 auto; } #detail-template .content-box h1 { display: block; font-size: 2em; margin-block-start: .67em; margin-block-end: .67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #detail-template .content-box h2 { display: block; font-size: 1.5em; margin-block-start: .83em; margin-block-end: .83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #detail-template .content-box h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #detail-template .content-box h4 { display: block; margin-block-start: 1.33em; margin-block-end: 1.33em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #detail-template .content-box h5 { display: block; font-size: .83em; margin-block-start: 1.67em; margin-block-end: 1.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #detail-template .content-box h6 { display: block; font-size: .67em; margin-block-start: 2.33em; margin-block-end: 2.33em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #detail-template .content-box .content-item img { width: auto; height: auto; max-width: 100%; max-height: 100%; } #detail-template .content-box video { width: 100%; } #detail-template .banner-box { width: 100%; } #detail-template .detail-template1200 .nav-outer-box { margin-top: .20rem; height: .62rem; width: 3.75rem; margin: 0 auto; position: relative; } #detail-template .detail-template1200 .top-tab { width: 3.75rem; overflow-x: auto; height: .62rem; background: #fff; z-index: 1; position: absolute; left: 0; top: 0; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; display: flex; background: #f9f9f9; } #detail-template .detail-template1200 .top-tab::-webkit-scrollbar { height: 0; } #detail-template .detail-template1200 .top-tab .nav-a { display: block; float: left; margin-right: .2rem; } #detail-template .detail-template1200 .top-tab .nav-a:nth-child(1) { margin-left: .15rem; } #detail-template .detail-template1200 .content-box { padding: 0 .15rem .27rem; background: #fff; overflow: hidden; } #detail-template .detail-template1200 .content-box .content-item { text-align: center; } #detail-template .detail-template1200 .top-tab .list-tab { line-height: .62rem; text-align: center; cursor: pointer; position: relative; font-size: .16rem; color: #7b7b7b; } #detail-template .detail-template1200 .top-tab .list-tab.black-active { color: #252525; font-weight: 600; } #detail-template .detail-template1200 .top-tab .list-tab .red-line.red-active { background: #e12726; } #detail-template .content-item5 .d-name { height: .30rem; font-size: .26rem; color: #252525; font-weight: 400; text-align: center; margin: .41rem 0 .21rem 0; } #detail-template .content-item5 .d-file { width: 3.45rem; height: .6rem; background: #fafafa; border: .01rem solid #e8eaec; margin: 0 auto; } #detail-template .content-item5 .d-file .file-img { margin: .14rem .19rem 0 .24rem; width: .32rem; height: .32rem; float: left; } #detail-template .content-item5 .d-file .d-file { width: .2rem; height: .2rem; float: left; } #detail-template .content-item5 .d-file .file-name { float: left; display: block; width: 1.8rem; height: .6rem; line-height: .6rem; font-size: .14rem; color: #252525; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } #detail-template .content-item5 .d-file .right-down-box { float: right; display: block; height: .6rem; line-height: .6rem; font-size: .14rem; color: #252525; font-weight: 400; padding-right: .35rem; } #detail-template .content-item5 .d-file .right-down-box .d-file { margin-top: .2rem; vertical-align: middle; width: .183rem; height: .183rem; } #detail-template .content-item5 .d-file .right-down-box .d-img { width: 20px  !important; height: 20px  !important; vertical-align: text-top; } #detail-template .content-item5 .d-file .right-down-box .d-btn { vertical-align: middle; }
* { padding: 0; margin: 0; } i { font-style: normal; } html, body { height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .bodyfix { position: fixed; width: 100%; overflow: hidden; } .lenovo_dialog_cooperation_banner { width: 100%; height: 1.2rem; background: url(//p3.lefile.cn/fes/cms/2021/08/17/fmjht42y2xatq816pkk0mxs2je145a585954.png) no-repeat center; background-size: cover; } .lenovo_dialog_cooperation_wrap { font-family: "微软雅黑" !important; position: relative; padding: .46rem 0 .4rem; width: 100%; height: auto; box-sizing: border-box; background:#fff; } .lenovo_dialog_cooperation_wrap.lenovo_dialog_cooperation_fixed { height: 100%; position: fixed; left: 0; top: 0; z-index: 111111111; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .lenovo_dialog_cooperation_wrap.in { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_close { width: .24rem; height: .24rem; position: absolute; right: .2rem; top: .2rem; } .lenovo_dialog_cooperation_wrap input::-webkit-input-placeholder, .lenovo_dialog_cooperation_wrap textarea::-webkit-input-placeholder { color: #c9c9c9; line-height: .16rem; } .lenovo_dialog_cooperation_wrap input:-moz-placeholder, .lenovo_dialog_cooperation_wrap textarea:-moz-placeholder { color: #c9c9c9; line-height: .16rem; } .lenovo_dialog_cooperation_wrap input::-moz-placeholder, .lenovo_dialog_cooperation_wrap textarea::-moz-placeholder { color: #c9c9c9; line-height: .16rem; } .lenovo_dialog_cooperation_wrap input:-ms-input-placeholder, .lenovo_dialog_cooperation_wrap textarea:-ms-input-placeholder { color: #c9c9c9; line-height: .16rem; } .lenovo_dialog_cooperation_wrap h2 { height: .24rem; line-height: .24rem; font-size: .2rem; color: #252525; text-align: center; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_title { height: .14rem; line-height: .14rem; font-size: .12rem; color: #c9c9c9; margin-top: .08rem; text-align: center; } .lenovo_dialog_cooperation_wrap form { margin-top: .2rem; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_formWrap { padding: 0 .25rem; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_formWrapFixed { overflow-y: auto; height: calc(100% - .38rem); } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem.required label::before, .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formLastItem.required label::before{ content: "*"; position: absolute; font-size: .14rem; color: #ef1e0b; left: 0; top: 0; line-height: .3rem; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formLastItem.required label::before{ top: .05rem; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem { width: 100%; height: .3rem; margin-bottom: .2rem; position: relative; box-sizing: border-box; font-size: 0; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem label { font-size: .14rem; letter-spacing: 0; text-align: right; width: 15.5%; position: relative; float: left; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem label i { display: inline-block; height: .16rem; line-height: .16rem; padding: .07rem 0; vertical-align: middle; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input { width: 81.5%; position: relative; float: right; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input input { width: 100%; border: none; outline: none; font-size: .14rem; padding: .07rem 0; height: .16rem; line-height: .16rem; box-sizing: content-box; vertical-align:middle; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input input.android_qq_input { padding-top: .06rem; padding-bottom: .08rem; vertical-align: top; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input input.android_input { padding-top: .06rem; padding-bottom: .08rem; vertical-align: top; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input i { width: .12rem; height: .12rem; background: url(//p2.lefile.cn/fes/cms/2021/08/17/kk399d53ftp5vcjs891rdfyxdja4e5177019.png) no-repeat center; background-size: contain; transition: all .5s ease; position: absolute; right: 0; top: .09rem; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input .iconActive { transform: rotate(180deg); } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input #cooperation_code { width: 1.8rem; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input .getCode { font-size: .13rem; color: #e12726; position: absolute; right: 0; top: 0; width: .8rem; cursor: pointer; height: .2rem; line-height: .2rem; padding: .05rem 0; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input .getCode_loading { font-size: .13rem; color: #c9c9c9; position: absolute; right: 0; display: none; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .lenovo_dialog_cooperation_formItem_input.error_bg { } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formItem .error_tips { position: absolute; left: 18%; top: .3rem; line-height: .2rem; font-size: .1rem; color: #e12726; display: none; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formLastItem { height: .9rem; display: flex; justify-content: space-between; margin-bottom: .3rem; position: relative; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formLastItem label { font-size: .14rem; letter-spacing: 0; text-align: right; width: 15.5%; position: relative; line-height: .2rem; padding: .1rem 0; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formLastItem .lenovo_dialog_cooperation_formItem_input { width: 81.5%; position: relative; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formLastItem .lenovo_dialog_cooperation_formItem_input textarea { width: 100%; height: 100%; border: none; padding: .1rem .16rem; box-sizing: border-box; font-size: .14rem; line-height: .2rem; outline: none; resize: none; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formLastItem .error_tips { display: none; position: absolute; left: 18%; top: .9rem; line-height: .2rem; font-size: .1rem; color: #e12726; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formConfirm { width: 100%; line-height: .3rem; overflow: hidden; margin-bottom: .2rem; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formConfirm .lenovo_dialog_cooperation_formConfirm_checkbox { width: 8%; float: left; margin-top: .02rem; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formConfirm .lenovo_dialog_cooperation_formConfirm_checkbox #ps { width: .15rem; height: .15rem; display: inline-block; vertical-align: top; background: url(//p4.lefile.cn/fes/cms/2021/09/17/u3p3elitm6loyozv3csypltk8bh9z4913634.png) no-repeat center; background-size: contain; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formConfirm .lenovo_dialog_cooperation_formConfirm_checkbox #ps.checked { background: url(//p1.lefile.cn/fes/cms/2021/09/17/73f6fl3gj97rbies97oju6jig2amrk275372.png) no-repeat center; background-size: contain; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formConfirm .lenovo_dialog_cooperation_formConfirm_decs { line-height: .18rem; font-size: .12rem; color: #606060; text-align: left; float: left; width: 92%; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formConfirm .lenovo_dialog_cooperation_formConfirm_decs a { font-weight: bold; } .lenovo_dialog_cooperation_wrap form .lenovo_dialog_cooperation_formSubmit { width: 100%; height: .4rem; line-height: .4rem; text-align: center; background: #ef1e0b; color: #fff; font-size: .14rem; } .lenovo_dialog_cooperation_wrap .slider { position: fixed; left: 0; right: 0; top: 25%; margin: 0 auto; z-index: 222; background: #fff; display: none; touch-action: none; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_selectWrapper { width: 100%; height: 2.6rem; position: fixed; left: 0; bottom: 0; z-index: 111111; background: #f1f1f1; box-sizing: border-box; box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.1); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_selectWrapper.in { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_selectWrapper .lenovo_dialog_cooperation_btnGroup { height: .5rem; padding: .09rem .14rem; box-sizing: border-box; display: flex; justify-content: space-between; background: #fff; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_selectWrapper .lenovo_dialog_cooperation_btnGroup a { width: .7rem; height: .32rem; line-height: .32rem; font-size: .14rem; color: #252525; text-align: center; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_selectWrapper .lenovo_dialog_cooperation_btnGroup .lenovo_dialog_cooperation_confirm { background: #ef1e0b; color: #fff; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_selectWrapper .lenovo_dialog_cooperation_listWrapper { height: calc(100% - .5rem); overflow-y: scroll; text-align: center; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_selectWrapper .lenovo_dialog_cooperation_listWrapper ul { padding: .12rem .15rem; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_selectWrapper .lenovo_dialog_cooperation_listWrapper ul li { line-height: .4rem; font-size: .16rem; color: #252525; margin: .06rem 0; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_selectWrapper .lenovo_dialog_cooperation_listWrapper ul li.active { background: #f9f9f9; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_tip { position: fixed; left: 0; right: 0; margin: 0 auto; top: 40%; width: 1.82rem; height: .52rem; line-height: .52rem; color: #fff; font-size: .14rem; border-radius: 6px; text-align: center; background: rgba(109,109,109,0.8); z-index: 11111; display: none; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_cooperation_popBg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .1); position: fixed; z-index: 11111; left: 0; right: 0; bottom: 0; overflow: hidden; box-sizing: border-box; display: none; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_coopeartion_successBlock { text-align: center; margin-top: .7rem; display: none; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_coopeartion_successBlock .successBlock_top img { width: .54rem; height: auto; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_coopeartion_successBlock .successBlock_top span { font-size: .2rem; color: #252525; line-height: .54rem; margin-left: .2rem; font-weight: bold; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_coopeartion_successBlock .successBlock_info { margin-top: .16rem; font-size: .13rem; color: #c9c9c9; } .lenovo_dialog_cooperation_wrap .lenovo_dialog_coopeartion_successBlock .success-btn { display: block; width: 2.1rem; height: .4rem; line-height: .4rem; text-align: center; color: #fff; font-size: .14rem; margin: .6rem auto 0; background: #ef1e0b; } .border { position: relative; } .border:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border: 1px solid #c9c9c9; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } @media screen and (-webkit-min-device-pixel-ratio: 2) { .border:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border: 1px solid #c9c9c9; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } } @-moz-document url-prefix() { .border:before { content: ""; pointer-events: none; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border: 1px solid #c9c9c9; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } } .border-textareaArror { position: relative; } .border-textareaArror:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border: 1px solid #ef1e0b; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } @media screen and (-webkit-min-device-pixel-ratio: 2) { .border-textareaArror:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border: 1px solid #ef1e0b; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } } @-moz-document url-prefix() { .border-textareaArror:before { content: ""; pointer-events: none; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border: 1px solid #ef1e0b; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } } .border-bottom { position: relative; } .border-bottom:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border-bottom: 1px solid #c9c9c9; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } @media screen and (-webkit-min-device-pixel-ratio: 2) { .border-bottom:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border-bottom: 1px solid #c9c9c9; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } } @-moz-document url-prefix() { .border-bottom:before { content: ""; pointer-events: none; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border-bottom: 1px solid #c9c9c9; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } } .error_bg { position: relative; } .error_bg:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border-bottom: 1px solid #e12726; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } @media screen and (-webkit-min-device-pixel-ratio: 2) { .error_bg:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border-bottom: 1px solid #e12726; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } } @-moz-document url-prefix() { .error_bg:before { content: ""; pointer-events: none; position: absolute; width: 200%; height: 200%; left: 0; top: 0; border-bottom: 1px solid #e12726; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; } }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }