body, textarea, input, select, option { color: #ffffff; font-family: Microsoft YaHei, Tahoma, Arial, sans-serif; }

button { background: 0; border: 0; outline: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; }

table { border-collapse: collapse; }

ol, ul { list-style-type: none; }

.clears:before, .clears:after { content: ''; display: table; }

.clears:after { clear: both; }

.clears { *zoom: 1; }

.clear { clear: both; height: 0; overflow: hidden; }

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.clearfix { zoom: 1; }

.clearit { clear: both; height: 0; font-size: 0; overflow: hidden; }

a { text-decoration: none; color: #ffffff; }

a, textarea, input { outline: none; }

textarea { overflow: auto; resize: none; }

a img { border: none; }

i, em { font-style: normal; }

b, strong { font-weight: normal; }

body, html { width: 100%; height: 100%; -webkit-overflow-scrolling: touch; }

* { padding: 0; margin: 0; list-style: none; text-decoration: none; outline: 0; }

a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; outline: none; background: none; text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }

img { width: 100%; height: auto; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-touch-callout: none; }

input, textarea { outline: none; font-family: inherit; font-size: inherit; font-variant: inherit; font-stretch: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* Chrome, Safari */
input::-webkit-input-placeholder { color: inherit; font-size: inherit; }

textarea::-webkit-input-placeholder { color: inherit; font-size: inherit; }

/* Firefox */
input:-moz-placeholder { color: inherit; font: inherit; }

textarea:-moz-placeholder { color: inherit; font: inherit; }

.wrap { max-width: 1920px; max-height: 971px; height: 100%; margin: 0 auto; display: flex; align-items: center; }

.wrap .leftCell { width: 63%; height: 100%; background: #FAF8F4; position: relative; }

.wrap .leftCell .logo { width: 3.77782rem; height: 1.12964rem; position: absolute; top: 1.16668rem; left: 2.46299rem; }

.wrap .leftCell .conText { margin: 4.50006rem 6.48156rem 0 2.46299rem; }

.wrap .leftCell .conText .titView { display: flex; align-items: center; }

.wrap .leftCell .conText .titView img { width: 8.16677rem; height: 2.33336rem; margin-right: 0.74075rem; }

.wrap .leftCell .conText .titView .startL img { width: 1.07409rem; height: 1.07409rem; }

.wrap .leftCell .conText p { font-size: 0.46297rem; font-family: PingFangSC-Regular, PingFang SC; color: #666666; line-height: 0.79631rem; margin: 0.55556rem 0 0.66668rem; }

.wrap .leftCell .conText .linkDown { display: flex; align-items: center; }

.wrap .leftCell .conText .linkDown #Download { margin-right: 0.40741rem; }

.wrap .leftCell .conText .linkDown #Download img { width: 3.46301rem; height: 1.25927rem; }

.wrap .leftCell .conText .linkDown .btn_kind { width: 3.46301rem; height: 1.25927rem; }

.wrap .leftCell .conText .footer { font-size: 0.25926rem; font-family: PingFangSC-Medium, PingFang SC; color: #666666; line-height: 0.37038rem; display: flex; margin-top: 2.92596rem; }

.wrap .leftCell .conText .footer .linkUs { padding-right: 0.74075rem; border-right: 0.01852rem solid rgba(153, 153, 153, 0.18); }

.wrap .leftCell .conText .footer .linkUs h6 { margin-bottom: 0.37038rem; color: #333333; }

.wrap .leftCell .conText .footer .kolInfo { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; margin-left: 0.74075rem; }

.wrap .leftCell .conText .footer .kolInfo .topCell { display: flex; }

.wrap .leftCell .conText .footer .kolInfo .topCell .Privacy { text-decoration: underline; margin-right: 0.74075rem; position: relative; cursor: pointer; }

.wrap .leftCell .conText .footer .kolInfo .topCell .Privacy::after { content: ''; width: 0.01852rem; height: 0.33334rem; background: #333333; display: block; position: absolute; top: 0; right: -0.37038rem; }

.wrap .leftCell .conText .footer .kolInfo .topCell .kol { text-decoration: underline; cursor: pointer; }

.wrap .leftCell .conText .footer .kolInfo .police { color: #666666; }

.wrap .leftCell .that { width: 2.16669rem; height: 1.85187rem; position: absolute; bottom: 2.85189rem; right: 4.25931rem; }

.wrap .showHome { width: 8.07418rem; height: 14.46314rem; position: absolute; top: 2.98152rem; right: 8.72233rem; z-index: 9; }

.wrap .rigthCell { width: 37%; height: 100%; background: #E3EAD2; position: relative; }

.wrap .rigthCell .com { font-size: 0.42593rem; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; line-height: 0.61112rem; letter-spacing: 0.09259rem; margin: 1.20372rem 3.12967rem 0 0; text-align: right; }

.wrap .rigthCell .rigthStart { width: 1.44446rem; height: 1.46298rem; position: absolute; top: 2.3704rem; left: 3.83338rem; }

.wrap .rigthCell .showDetails { width: 5.88896rem; height: 12.27793rem; position: absolute; top: 4.38894rem; right: 3.00004rem; bottom: 1.31483rem; left: 4.42598rem; }

.mark { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 10; display: none; }

.mark .markStatus, .mark .UsermarkStatus { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; display: none; }

.mark .markStatus .protocol, .mark .UsermarkStatus .protocol { width: 8.12973rem; height: 11.35199rem; background: #FFFFFF; border-radius: 0.44445rem; overflow-y: scroll; padding: 0 0.38889rem; position: relative; margin: 0 auto; }

.mark .markStatus .protocol h3, .mark .UsermarkStatus .protocol h3 { font-size: 0.37038rem; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #222222; line-height: 1.1852rem; text-align: center; position: fixed; background: #fff; width: 8.12973rem; }

.mark .markStatus .protocol h6, .mark .UsermarkStatus .protocol h6 { font-size: 0.31482rem; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #222222; line-height: 0.44445rem; line-height: 0.96298rem; }

.mark .markStatus .protocol .textCon, .mark .UsermarkStatus .protocol .textCon { font-size: 0.27778rem; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #222222; line-height: 0.44445rem; margin-bottom: 0.18519rem; word-break: break-all; }

.mark .markStatus .protocol .textCon p, .mark .UsermarkStatus .protocol .textCon p { margin-bottom: 0.18519rem; }

.mark .markStatus .protocol .textCon p:first-child, .mark .UsermarkStatus .protocol .textCon p:first-child { margin-top: 0.18519rem; }

.mark .markRemove { width: 0.66668rem; height: 0.68519rem; margin-top: 0.55556rem; cursor: pointer; }