@charset "UTF-8";
/*全局*/
* { padding: 0; margin: 0; -webkit-tap-highlight-color: transparent !important; }

*:focus { outline: none; }

a, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, img, li, ol, p, span, table, td, th, ul { border: 0; font-weight: normal; }

img, input { border: 0; vertical-align: middle; outline: none; }

input { filter: none !important; box-shadow: none; }

body { font: 12px/1.5 VWText-Regular, HYQiHei-40S; background: #fff; color: #333; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; font-family: VWHead-Bold, HYQiHei-80S; }

/*html{overflow-y:scroll;}*/
ol, ul { list-style-type: none; }

li { list-style: none; }

input, td, th { font-size: 12px; }

button { border: none; cursor: pointer; font-size: 12px; background-color: transparent; }

select { border-width: 1px; _zoom: 1; border-style: solid; padding-top: 2px; font-size: 12px; }

.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }

.clearfix { zoom: 1; }

a:active, a:hover, a:link, a:visited { text-decoration: none; }

/*重置webkit表单元素的默认外观*/
input[type=number]::-webkit-textfield-decoration-container { background-color: transparent; }

input[type="submit"], input[type="reset"], input[type="button"], button, select, input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }

/*禁用 radio 和 checkbox 默认样式*/
a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input[type=checkbox]::-ms-check, input[type=radio]::-ms-check { display: none; }

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

.d-fl { float: left; }

.cti-fl { float: left; }

.d-fr { float: right; }

.cti-fr { float: right; }

.d-abso { position: absolute; }

.d-rela { position: relative; }

.d-fixed { position: fixed; }

.d-mask { position: fixed; top: 0; left: 0; }

.animated { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.d-img { width: 100%; }

@charset "UTF-8";
@font-face { font-family: HYQiHei-40S; src: url("./fonts/HYQiHei-40S.ttf"); src: url("./fonts/HYQiHei-40S.eot?#iefix") format("embedded-opentype"), url("./fonts/HYQiHei-40S.woff") format("woff"), url("./fonts/HYQiHei-40S.ttf") format("truetype"); /*, url('./fonts/HYQiHei-40S.svg#NeuesBauenDemo') format('svg');*/ }

@font-face { font-family: HYQiHei-60S; src: url("./fonts/HYQiHei-60S.ttf"); src: url("./fonts/HYQiHei-60S.eot?#iefix") format("embedded-opentype"), url("./fonts/HYQiHei-60S.woff") format("woff"), url("./fonts/HYQiHei-60S.ttf") format("truetype"); /*, url('./fonts/HYQiHei-60S.svg#NeuesBauenDemo') format('svg');*/ }

@font-face { font-family: HYQiHei-80S; src: url("./fonts/HYQiHei-80S.ttf"); src: url("./fonts/HYQiHei-80S.eot?#iefix") format("embedded-opentype"), url("./fonts/HYQiHei-80S.woff") format("woff"), url("./fonts/HYQiHei-80S.ttf") format("truetype"); /*, url('./fonts/HYQiHei-80S.svg#NeuesBauenDemo') format('svg');*/ }

/* @font-face {
    font-family: VWHead-Bold;
    src: url('./fonts/VWHeadWeb-Bold.otf');
    src: url('./fonts/VWHeadWeb-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/VWHeadWeb-Bold.woff') format('woff'), url('./fonts/VWHeadWeb-Bold.ttf') format('truetype'), url('./fonts/VWHeadWeb-Bold.svg#NeuesBauenDemo') format('svg');
}

@font-face {
    font-family: VWHead-Light2;
    src: url('./fonts/VWHeadWeb-Light.otf');
    src: url('./fonts/VWHeadWeb-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/VWHeadWeb-Light.woff') format('woff'), url('./fonts/VWHeadWeb-Light.ttf') format('truetype'), url('./fonts/VWHeadWeb-Light.svg#NeuesBauenDemo') format('svg');
}

@font-face {
    font-family: VWHead-Light;
    src: url('./fonts/VWHeadWeb-Regular.otf');
    src: url('./fonts/VWHeadWeb-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/VWHeadWeb-Regular.woff') format('woff'), url('./fonts/VWHeadWeb-Regular.ttf') format('truetype'), url('./fonts/VWHeadWeb-Regular.svg#NeuesBauenDemo') format('svg');
}

@font-face {
    font-family: VWText-Bold;
    src: url('./fonts/VWTextWeb-Bold.otf');
    src: url('./fonts/VWTextWeb-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/VWTextWeb-Bold.woff') format('woff'), url('./fonts/VWTextWeb-Bold.ttf') format('truetype'), url('./fonts/VWTextWeb-Bold.svg#NeuesBauenDemo') format('svg');
}

@font-face {
    font-family: VWText-Regular;
    src: url('./fonts/VWTextWeb-Regular.otf');
    src: url('./fonts/VWTextWeb-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/VWTextWeb-Regular.woff') format('woff'), url('./fonts/VWTextWeb-Regular.ttf') format('truetype'), url('./fonts/VWTextWeb-Regular.svg#NeuesBauenDemo') format('svg');
} */
body.lock { height: 100vh; overflow: hidden; }

.cti-grayBg { background: rgba(0, 0, 0, 0.9); }

.cti-item { position: relative; background: #fff; }

.cti-opacity0 { opacity: 0; }

.cti-tipLine { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; width: 2px; height: 55px; overflow: hidden; }

.cti-tipLine:before { content: " "; width: 2px; height: 100%; background: #fff; position: absolute; left: 0; top: 0; -webkit-animation: lineTipAni 2s cubic-bezier(0.14, 1.12, 0.67, 0.99) infinite; animation: lineTipAni 2s cubic-bezier(0.14, 1.12, 0.67, 0.99) infinite; }

.cti-wapShow { display: none; }

.cti-pcShow { display: initial; }

.cti-block { display: block; }

@-webkit-keyframes lineTipAni { 0% { top: -100%; }
  70% { top: 100%; }
  to { top: 100%; } }

@keyframes lineTipAni { 0% { top: -100%; }
  70% { top: 100%; }
  to { top: 100%; } }

/* swiper rest */
.swiper-pagination-bullet { transition: 0.3s ease; width: 5px; height: 5px; }

.swiper-pagination-bullet-active { transform: scale(1.8); }

@media screen and (max-width: 768px) { /* 公用 */
  .cti-wapShow { display: initial; }
  .cti-pcShow { display: none; } }

@font-face { font-family: "iconfont"; src: url("//at.alicdn.com/t/font_2086851_sp6b7y6rs9k.eot?t=1602489756323"); /* IE9 */ src: url("//at.alicdn.com/t/font_2086851_sp6b7y6rs9k.eot?t=1602489756323#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABKkAAsAAAAAHuQAABJXAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFcAqsSKNTATYCJANUCywABCAFhG0HgWUbehlVRoaNAyB78zXI/v+WQMcQW5wBdOM3klSiLGHldCpbraN77NWn+RobXXW3F/ZitfDbt8bHeHzSc+0+XiyfyvCPJS2a6K0QESEi2KgyyCHC2GwoJQ/4Y+n7cIiup6pANfVAmo0A9CzLSnVjvUyoxZMCkou/4Wmb/ygjETA5ERFpFRsbEB2hExhYNcWosxq75sa6XIYx93+7TBcVPF/d3u6fmpVAI04xYAkuuaE2LbjzmcoJgUjrabpmMrJi8ROR8IV9DhBpnYituCJnkuYb523+P/CwCQYs/vufO0H7NQqCarS6zMlRe+89t+R2Y4duVvc5Uzd07Pq2636ESwh2RIAWYRPm0BekijoLITkq8ghO/I7F319znza5K4MC2hIKg1bsJvmwyeaal1/aKx4wqKpKEq4Kx+8ep5gUD1ilrhW2NRaFksBeF2qtseI/RDlz8pXF2PTURYNRiIWPLqKeT0DVCAdiZW0D4kbGzIBqB7vJMDdSQlYsDcopxZKH5v8GYZTjTT/AU/j+wz+zZUBUSNgLrWtWxrjnEeLxu9TWRiKKaZkfR1dGwgwgd+3vpc43gBXGy1GqdbM3gBGs+WU2f+bR+eh6dPPEI5IlR75XN+uq4ifi0aE6NDOporPs1sEIBZUfyggKNDRlBUUVPfrqko7xnzwsc31IXQhVZTVCESrUIfiNMAB+IlzQCBkSoAmGAshgGJjA9GACMwWogJEAemCeACUwHkAdTATTfFkmQAdMA12wLIA2WA5ACywfoA/2CruI/CKCLhgLIIBVAFTBKgHKYFU4pbb1qaD3cAqUSlSusQX36kZVFUUlvjoJVpLPZlOiVMDO4Q2h667o/CuLbiBwPKq2UocniTy/Rc9uFCnJqip903nHIwd81fXsN3ZYioZorQ0e3mmlMiohh6HfnBJlRYxfkpKSzMoE9d+WxzW1mhMTb1ZIcgW8kTSyoq4IMebj0h7+Y8UaE8nJ/uhVrn/sacecNXfQeeARFlzJSy/am8NDtu3i6Tj7Tj5NPVGeyc9joohOhVSVs7EkxEVamHc2PnmWXK93I5/35OutGaF4u9dOWp/XTkct9AD7lBtzzliIWdi2sQbvevFzt2XPhQoVPScZOVGvzOLNG0FmAiDmqO7AHmeuZafrpsVeW2uKgczdStDCBFbzDdvUddeIE1VEPSsdn1S5ZRayOaloT8zYHYxhBRRVdrXpkYKsNzXYJmLmgQFnxQ209turbxuZhYHq6Xx/aTnTdaOoaezDhXmVSoAV/LpLs6MB13ShHsMdR22UNgVWGWchMQ+Ky2QU1z0jDhH5wTYNzJuH0kM+TrDgMybHu3qLkKqnJX1WqLvn5u1LWwAoQQjAqVlAcfy5x6t7O4MnBO0khOrMlTDRzDVRyIH31bEXOwTpfqhnPR5femVaBM9dcniRU4nsbmxtfMJCFrhsx8Og6m5+bF6+NkssHApIe6s8UGYIJx7xEt05Na2DUp26jFjonHSBimeHL9w4N3L5/X3BS4XKHqpE9EquiuWNWWn02irz61OmUCmlyiTIPVn9VHbixCp+U6UpGyOWl6gnfxJu5lBsYvV2L9Y0yRDJYyPmaV2ni4pg3gBUYx8W91sfGWJK05f7AAPKqVBIF1CUtQ+e4uKO09j8/lQFoi+4sQdrqpQ05IiWMTcSGYchgKOv9YIQS/s0T1zLV2UxUU8a1fJSMufXxYRe0E6Lx1jqPMlN6HJVvfKShlpOXQb0/SHXUqUyDFcqcvtErRDFmIOpor0diH2ohAgybz06FqCkMnL8ci+lufvqXR/G+YtHh8YgnOmrnYlgrVjMibsoNAZCEaIXFFNAB8w+D97BMvm1qG0dJKt47YtWmQ+bHPEvH8s6zTa5MXPmXGr9s1lNJ57cN/V0ZrNWTpVog16Rq1KjnUyWwkbVjYBLzp0NL0iTHJAEhBd2IgyoybC1oOGTxrtwKUAHr8+nU5FZ8yJMV+4xohPMpWQ1vj2T7KEQmY7PXm3FmQvB0+zMeyNuLFl5m07HMJesVTdEHdpnP7Vnn3Qv2JEMOs+cGaesJ1bYKcTd45qmGtJuQ+U8OxOaPDgDPPsUXtzlnniHkNqhnLzj7vqd2srUlXbf5dQdTBF3ryOA9EQC2+l26vzEasj+vo24TN89ymRexG6sSu/bq9X26f0bsR26HbGJ3cDULcSp6JTA4X6nXu1m6lopOOgQR9eOS/9ZiBv+f4HT9Q6PwEQtDyF+GSAmcNDQhBc0JgIO8oDpu/iGiVoZhoNAedjMN05gJiA84BrVqjQ5RuoEwlAtSpO/BQi2w1ZIAOXwd5ex+n3ZRAB4GQPjMvnTgUY+pnhepSBOAzhzljZyDRxEXCMPKN+ARmVOnm+ngC70kqKLbfD+s99G2QRMByqleq9wf3k25BsK6e75mnC10wp+0nCr0jaijHo+QD/iovQdaTNEnHN/8tz6XbIqjn8XVzXw36y6i8mUuBzwHwZDjQJEAIb0BlL2ytuWHaQckg+r9VQtiHnIcUIlUXkKEZ7N53dEbtbpyl7Gu4crAMXkMnZnphY0T0VxNQDiSCCmH56zOlIPZzepZ4nI7mq1pyVjmdpQl0ir9DtaCtSin1/MtHIjSE5o1zEtz7RnG5fF79/j7BdccuXWiehZw/CE37+Xh5IR3mFBNm7y+o3nOhMtfY1N4puki7wpCsKesZlK9x/LhvP8C/x5juvUfVnHR55v5MnbottrEGlllskCx+LOQwUu+zb6Zt+MmYHqUT9PN5z+qWeFYmb2UhOjfRejFHwoxTFN4eep1aqVvNqkAkcpOi/tEY4Pw72I+ncDu+hgHFSHNAitCkyT+G1tQnVtiVTs5Jd6tTxgHQUfkt03V4LEyYMDW2Jx9mE53l3hQuMzocUbzNmCR3BusFzplWsotlBmeOXzukAhmPBvLXPVPLz5KH2DKMrvtvMCDKSbBBOFsQ/VBiaHX4fEM/iG5r2bLKaDY2EwlmwcaSC4qWjgRxrN34URY0nGkYYJK/pa8fNOxXZ7BYbZXo93GjJ3LgnNMcky12YvbCsXhLHQ/H0b2YYPLRPLImJnpsZiLD/etZY99f+W7YRGTc1wzMLp5QnbNAbek0Hii5MdzcZSn1BvjzFcrJ3J7PgutVt1bVBkw67osHZg5Haq52tYVjX3SfineJbTjTo4WIBWZiPWFFIS9Pabw5BiKbYr6gxxgb91+ypdKaIEUfiEts6zJeqpmbDYn7vmdCElcQ2sVRqLcGkj1ZmIDMRYHXaxicRRmPcK57/HUUrAuO02TapaDqOKUUy6aYK/yBZD822ndFqurLQgCprOLSwENr4tV1pKsE2OaYYkGcm1XiRg2fK1qX5u0ufnY9iEaCI3j5xtodsFMLSTtpw3gR6B1e4enz3Ao7LXa6SL0bphN9r7/9RfA9wkY1aKw3wVD1mBnr6E2Q6MVukNiKNWyiLF0qWqINFco5gvEIaJWnlcb0WesIcqi9e5HSV4q2jk9MbS7oI4a42Lfm/pFcjp1bRfHM3E4eiy221IZW8lbFiEWZGur0Aq+yqLbKmVWl8jx/JhvhqlsoSAX8yvU116NmJ77On8qlX7rNIf3WWy1l44RTAzboGbGzF38aZCqCYGLU83ibVPnf5E6tjYdJdgEgrsnfAx9GjaZcbl7Wx8Fu0R86E8a5bqyUqUyzTsVrQd/Hd/F1KH+m8C1RouqhFySQls0miZ3/nRWUifUkxRrE7NAHaM9jiu+xpRJctS2heYs6Kunf1XkjsfiS03tIER443IFGTyksZiZBFyXMvrNeUl3K5lj9fHgFpU8b4l7chyxESlTXIdZvMwMg+qQ8+Z2V0up8gFUfSjJ097Eb1Ok0VE0RowQSASJrAdEfDYa7KMtMzefttWxUX9zNTUtiXy8dlK8v66BnXpEsriayBoJUrJTqJ//ZoQP+kEMeuDMti2v0PbRiKdTyVk2dnpYJx1l4GxkX6XDVBJC6W/h/Jj4+PHyJXkY7VMj4h8Z+B3Afbo+NKyOUuPyg4h88kTDf4WXnPF0i3sk5oJvhLzzxb+UbhyGKGOoH3YtsvrLG3DzGOnxVf+cgh0+Cvj6iPKzHr6rGjr7p9BOm8732z+xxNtK9e4xJZtOXkWceeKyIhR+plnZGXEkx8jhujKnamzHEvbEmPuaN5JQuXN3CbF34F8SCx38Acf4kOR0Qmhx0O9VOS8UPgvQqJQ+CI6IW0+jUo/Tqemxc/hIBzm2jc/Y4+b63kUe4rp/6kBIbzZNzMniBKzuWBtTXTNWrrrju4e7zTzgrzMCoyDJJ2NcxSIMpdm2tF4V3ve3cbJA78bYWBqIMYMG/rTP3jVIdZJlq8KZy+ypL/PQNuOfJO6wxEjqCB20Jr0cKRV5zfvEA5He2uZwVodrlu/AFEXRv/gb7RWjDEygIH9V7RzqlSa6syXpzjLpJ9DIEy8y6bQFIJUmlQWCLz0IXGVmAjDbX0nJLa25h1iaDwHqhwM+B16Av0LoE+ACJtwvd8naZpFrcES9JC4uqKVQ196v/s3EKV34hd3whOFxPe6imx0ieUTj1wiRiEen5hTyTnrkiWwCpasSea0hnPzR6kYBC5mMoubAIcYYl9Dk8noawMX8WLCL2gaVEyjMfroaRUUaUaW2QTUWhEMCPgMsA0wI9tHgkXoaYz+tBeXMBQusVuRWP4I43Iu4dn1u4sWcrZWM7TKQcaWas4lfvP8OsEAHfsXY1CpZeCHMGC7EvFjS9Cg/7A/sxCGC5gB79AGg7b84FcCTcSRwaEjEfJ9K5oe8+MD1f7xQ2vjhxEPvG3UQBlWh0RBj0OauGR0A0pveuC6SEY7iFAGS1UK9lXXggHzdS9svViZrAOmjiR4m/6U/jEtTXZPRtMe2yiMXOWSpDVPbIvMdk0aMDcQJVEH/ve8VdziJHNtgYs+OYyqiAxb36Uk7ECS6295Gldx3/2W+iU3W20PxSOguP77aZR0igqbMZM0I6GcgS/lXDLFJ7qepk+QVT95oWAR0UTfX5DrrNnV0nxQp9DV373dFrFMdf5cq0y37kDQMwsLNS/1xjhZm+dz01PlYDLr/zWHkjLx5uAeqemKYNqwT3Au//+olaYGai754XqnCqisbBbro0412RHsXLGD8P+QnSb6+4xQK4hlrbNg0pfUUyU3S8k8tcUEY9RVs9xNM2ozgVMHkkv+dZSMZyh/Jz9ba753gI+Ndp306Br9PIJ/K5x0VeMti9auxT5LBso83F6u4h73hfrFNg6CZB8Hxa3rYYm5YrY42WV+U3YsPVY54M6bgLoTSp1/IPcSpGdCnhr49Tnt8CL0WcgN4c03axzn2SektPXi/AL2CSlLovFWFkSXpTJjbCySzBMUhFSzi0yCE93HEu9qGiu3hI3G2vCnAx6xt9C3cHj3vRmr6au9dwhsxhbWFhX3fIJ1hMvG7igOHGpVyUEpfIQhaxy/+N6cr3WW8yKoEUFyZ7f7PgkrVzHnS7h8BXMpfJ9DW+m40iOxSnEC7nk46IbUA3AbWlp0kIi4tYVd2gqJoHdja2uLjqjlML0QdQBVil7CWhLmCsESD/OtlI8ZYMebmIK/y8IRf2HVb7N3FjpgNf7kAcaXm+8/O8Hqq0TZX36VaZoAxltyMDuMDRtqVmgbHqKHXeZEXk8olhHf92XMeF6TPnZtcpFM+LR/vMFL6crIbzQpze9zaXklISj43r/BUM6/7Ee/S3ty1jjUU77gG+O/qtmft/krLLJeXdbvzyigLGLnAr9CwWoplI+xSdSigynInh4uj+Mv9o57TNLGP9hAnb4JYLhU+hI2DZqIlRdR5VfwO/Ri1+31sAdk40ewPRAoKplASdmkmmfOoIKaOVRUNo+qpi14dE1PCYiQK5jSZqCgbTeKmj6gpO1fNc+8hQqGXqKidqHQviv/dfa5di+1ejMIDlOWvJjiVIs85VZR9W+UbQkmHQ3X/6OxKptFfpgt/sIazTw8bCdj5wQThir2abwYliWxxlCO3PmZc80jCESZp8+pGqy8MRBw/vYpJvE6WOFITVzfWeXe/TcktUrAKNodH/wPGZa6cybiCwnql1WT2l2XulZHijmTC8xtapAK82lyVPICwjTl3eUQ5/iyBnmNh8C8nKBa/vLt6jKwnHwdsgC0r0ZSabphWr4Mp912XM93dHJ2cXUL5ApqR20cN5uBwYlVNYy0XoSP9hIoZj3yDNxEUhttalbxODWveari9KmghJWvF1qbJKp4ysRAnU6EKnFUveZd75UkaeeleRU8a+eWZKYcicUZB5VCPV6KOwA=") format("woff2"), url("//at.alicdn.com/t/font_2086851_sp6b7y6rs9k.woff?t=1602489756323") format("woff"), url("//at.alicdn.com/t/font_2086851_sp6b7y6rs9k.ttf?t=1602489756323") format("truetype"), url("//at.alicdn.com/t/font_2086851_sp6b7y6rs9k.svg?t=1602489756323#iconfont") format("svg"); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-jiantou22:before { content: "\e72a"; }

.icon-share:before { content: "\e6ee"; }

.icon-sina:before { content: "\e644"; }

.icon-qq:before { content: "\e603"; }

.icon-sina-bak:before { content: "\e605"; }

.icon-wechat:before { content: "\e606"; }

.icon-gou1:before { content: "\e633"; }

.icon-jiantou-copy:before { content: "\e777"; }

.icon-jiantou:before { content: "\e60d"; }

.icon-xiala:before { content: "\e776"; }

.icon-xiala-copy:before { content: "\e778"; }

.icon-xialajiantou:before { content: "\e638"; }

.icon-brand:before { content: "\e601"; }

.icon-file:before { content: "\e602"; }

.icon-my:before { content: "\e669"; }

.icon-vw-logo:before { content: "\e667"; }

.icon-logo-max-color:before { content: "\e666"; }

.icon-logo-max:before { content: "\e665"; }

.icon-close:before { content: "\e71b"; }

.icon-caidan:before { content: "\e61e"; }

.icon-gou:before { content: "\e66c"; }

@charset "UTF-8";
.cti-avatar { overflow: hidden; width: 80px; height: 80px; display: inline-block; border-radius: 80px; position: relative; background: #ccc; }

.cti-avatar.edit:hover:after { display: flex; content: '点击编辑'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; align-items: center; justify-content: center; align-content: center; cursor: pointer; }

.cti-avatar img { width: 100%; height: 100%; object-fit: cover; }

.cti-banner-wrap { width: 100%; height: 100vh; }

.cti-banner-wrap button:hover { background: #01b0f1; border-color: #01b0f1; }

.cti-banner-wrap .swiper-container { width: 100%; height: 100%; --swiper-navigation-color: #fff; }

.cti-banner-wrap .swiper-pagination-bullet { background: #fff; opacity: 1; }

.cti-banner-wrap .swiper-pagination { bottom: 85px; }

.cti-banner-wrap .cti-background { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% top; background-size: cover; position: relative; }

.cti-banner-wrap .cti-introduce { position: absolute; bottom: 16vh; left: 5vw; font-size: 2.8vw; color: white; font-family: HYQiHei-40S; }

.cti-banner-wrap .cti-introduce b { font-size: 3vw; font-weight: normal; font-family: VWHead-Bold; }

.cti-banner-wrap .link-button { color: #02306d; font-weight: bold; margin-top: 13%; display: block; }

@media screen and (max-width: 768px) { /* banner */
  .cti-banner-wrap .link-button { font-size: 14px; white-space: nowrap; min-width: 150px; padding: 13px 0; }
  .cti-banner-wrap .swiper-button-next, .cti-banner-wrap .swiper-button-prev { display: none; }
  .cti-banner-wrap .cti-introduce { bottom: 23vh; font-size: 10vw; }
  .cti-banner-wrap .cti-introduce b { font-size: 11vw; } }

button { -webkit-appearance: none; display: inline-block; line-height: 1em; color: #012758; font-size: 14px; margin-top: 25px; white-space: nowrap; min-width: 150px; text-align: center; padding: 13px 0; border-radius: 25px; background: white; border-width: 2px; border-style: solid; border-color: white; border-image: initial; font-weight: bold; }

button[disabled="disabled"], button[disabled="disabled"]:hover { background: #dfe4e8 !important; color: #6a767d !important; border-color: #dfe4e8 !important; cursor: not-allowed !important; }

button:hover { background: #01b0f1; border-color: #01b0f1; }

button.primary { background: #001e50; color: #fff; border-color: #001e50; }

button.ghost { border-color: #001e50; color: #001e50; background: transparent; }

button.inverse-ghost { border-color: #fff; color: #fff; background: transparent; }

button.ghost { border-color: #001e50; color: #001e50; background: transparent; }

button.inverse { border-color: #fff; color: #001e50; background: #fff; }

.cti-matching .matching .matching-center { width: 77%; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top { width: 100%; }

.cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color { width: 100%; margin-top: 40px; position: relative; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-pic { min-width: 400px; width: 70%; text-align: center; margin-top: 90px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-pic .swiper-slide { background: #ffffff; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-pic img { min-width: 100%; max-width: 100%; width: 100%; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right { height: 300px; position: absolute; right: 0; top: 0; margin: auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination { width: 100%; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul { width: 100%; font-size: 16px; font-family: HYQiHei-40S; color: #001e50; text-align: center; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul li { margin-top: 20px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul li .cti-radio .custom-radio { margin-right: 41px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul li:first-child .cti-radio .custom-radio i { background-color: #ff0100; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul li:nth-child(2) .cti-radio .custom-radio i { background-color: #0399ff; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul li:nth-child(4) .cti-radio .custom-radio i { background-color: #f2f2f2; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul .color { margin-left: 25px; margin-right: 16px; font-size: 18px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul span { font-size: 12px; margin-left: 55px; }

@media screen and (max-width: 768px) { .cti-matching .matching .matching-center { width: 100%; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-top { width: 100%; }
  .cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color { width: 100%; margin-top: 40px; position: relative; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-pic { min-width: 400px; width: 70%; text-align: center; margin: auto; margin-top: 90px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-pic .swiper-slide { background: #ffffff; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-pic img { min-width: 100%; max-width: 100%; width: 100%; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right { width: 100%; height: auto; position: relative; right: 0; top: 0; margin-bottom: 30px; margin-top: 20px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination { width: 100%; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul { width: 100%; font-size: 16px; font-family: HYQiHei-40S; color: #001e50; text-align: center; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul li { margin-top: 20px; display: inline-block; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul li .cti-radio .custom-radio { margin-right: 41px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul .color { margin-left: 25px; margin-right: 16px; font-size: 18px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-color .car-right .pagination ul span { font-size: 12px; margin-left: 55px; } }

.cti-matching .matching .matching-center { width: 77%; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top { width: 100%; }

.cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift { width: 100%; margin-top: 40px; position: relative; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-pic { min-width: 400px; width: 70%; text-align: center; margin-top: 90px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-pic .swiper-slide { background: #ffffff; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-pic img { min-width: 100%; max-width: 100%; width: 100%; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right { height: 300px; position: absolute; right: 0; top: 0; margin: auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination { width: 100%; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul { width: 100%; font-size: 16px; font-family: HYQiHei-40S; color: #001e50; text-align: center; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul li { margin-top: 20px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul li .cti-radio .custom-radio { margin-right: 41px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul li:first-child .cti-radio .custom-radio i { background-image: url("../images/custom/interior1.png"); }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul li:nth-child(2) .cti-radio .custom-radio i { background-image: url("../images/custom/interior2.png"); }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul .color { margin-left: 25px; margin-right: 16px; font-size: 18px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul span { font-size: 12px; margin-left: 55px; }

@media screen and (max-width: 768px) { .cti-matching .matching .matching-center { width: 100%; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-top { width: 100%; }
  .cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift { width: 100%; margin-top: 40px; position: relative; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-pic { min-width: 400px; width: 70%; text-align: center; margin: auto; margin-top: 90px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-pic .swiper-slide { background: #ffffff; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-pic img { min-width: 100%; max-width: 100%; width: 100%; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right { width: 100%; height: auto; position: relative; right: 0; top: 0; margin-bottom: 30px; margin-top: 20px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination { width: 100%; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul { width: 100%; font-size: 16px; font-family: HYQiHei-40S; color: #001e50; text-align: center; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul li { margin-top: 20px; display: inline-block; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul li .cti-radio .custom-radio { margin-right: 41px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul .color { margin-left: 25px; margin-right: 16px; font-size: 18px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-gift .car-right .pagination ul span { font-size: 12px; margin-left: 55px; } }

.cti-matching .matching .matching-center { width: 77%; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top { width: 100%; }

.cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior { width: 100%; margin-top: 40px; position: relative; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-pic { min-width: 400px; width: 70%; text-align: center; margin-top: 90px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-pic .swiper-slide { background: #ffffff; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-pic img { min-width: 100%; max-width: 100%; width: 100%; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right { height: 300px; position: absolute; right: 0; top: 0; margin: auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination { width: 100%; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul { width: 100%; font-size: 16px; font-family: HYQiHei-40S; color: #001e50; text-align: center; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul li { margin-top: 20px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul li .cti-radio .custom-radio { margin-right: 41px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul li:first-child .cti-radio .custom-radio i { background-image: url("../images/custom/interior1.png"); }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul li:nth-child(2) .cti-radio .custom-radio i { background-image: url("../images/custom/interior2.png"); }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul .color { margin-left: 25px; margin-right: 16px; font-size: 18px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul span { font-size: 12px; margin-left: 55px; }

@media screen and (max-width: 768px) { .cti-matching .matching .matching-center { width: 100%; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-top { width: 100%; }
  .cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior { width: 100%; margin-top: 40px; position: relative; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-pic { min-width: 400px; width: 70%; text-align: center; margin: auto; margin-top: 90px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-pic .swiper-slide { background: #ffffff; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-pic img { min-width: 100%; max-width: 100%; width: 100%; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right { width: 100%; height: auto; position: relative; right: 0; top: 0; margin-bottom: 30px; margin-top: 20px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination { width: 100%; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul { width: 100%; font-size: 16px; font-family: HYQiHei-40S; color: #001e50; text-align: center; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul li { margin-top: 20px; display: inline-block; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul li .cti-radio .custom-radio { margin-right: 41px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul .color { margin-left: 25px; margin-right: 16px; font-size: 18px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-interior .car-right .pagination ul span { font-size: 12px; margin-left: 55px; } }

.cti-matching .matching .matching-center { width: 77%; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top { width: 100%; height: 70vh; }

.cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-model { width: 80%; padding-top: 96px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; }

.cti-matching .matching .matching-center .matching-top .cti-custom-model div { width: 29%; cursor: pointer; position: relative; }

.cti-matching .matching .matching-center .matching-top .cti-custom-model div .optional-img { width: 100%; height: 200px; background-color: #dfe4e8; position: relative; }

.cti-matching .matching .matching-center .matching-top .cti-custom-model div .optional-img img { max-width: 280px; object-fit: cover; position: absolute; left: 0; right: 0; bottom: -35px; margin: auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-model div .optional-checbox { width: 20px; height: 20px; position: absolute; right: 15px; bottom: -7px; margin: auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-model div .optional-con { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-top: 40px; border: 1px solid #dfe4e8; border-top: 0px; padding-bottom: 20px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-model div .optional-con span { font-size: 18px; color: #001e50; font-family: HYQiHei-40S; }

.cti-matching .matching .matching-center .matching-top .cti-custom-model div .optional-con span:nth-child(2) { float: right; }

.cti-matching .matching .matching-center .matching-top .cti-custom-model div .optional-con p { font-size: 14px; color: #001e50; font-family: HYQiHei-40S; margin-top: 5px; }

@media screen and (max-width: 768px) { .cti-matching .matching .matching-center { width: 77%; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-optional { width: 100%; height: auto; }
  .cti-matching .matching .matching-center .matching-optional .matching-con { width: 100%; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-model { width: 100%; height: auto; padding-top: 40px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-model div { width: 100%; height: 100%; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-model div .optional-img { width: 100%; height: 300px; position: relative; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-model div .optional-img img { object-fit: cover; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-model div .optional-checbox { width: 20px; height: 20px; position: absolute; right: 10px; bottom: 10px; margin: auto; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-model div .optional-con { width: 100%; height: 90px; padding-left: 0px; padding-right: 0px; box-sizing: border-box; padding-top: 14px; border: 1px solid #dfe4e8; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-model div .optional-con span { font-size: 14px; color: #001e50; font-family: HYQiHei-40S; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-model div .optional-con span:nth-child(2) { float: right; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-model div .optional-con p { font-size: 14px; color: #001e50; font-family: HYQiHei-40S; margin-top: 5px; } }

.cti-matching .matching .matching-center { width: 77%; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top { width: 100%; height: 70vh; }

.cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-optional { width: 80%; height: 500px; padding-top: 40px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }

.cti-matching .matching .matching-center .matching-top .cti-custom-optional div { width: 30%; height: 100%; cursor: pointer; position: relative; }

.cti-matching .matching .matching-center .matching-top .cti-custom-optional div .optional-img { width: 100%; height: 300px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-optional div .optional-img img { width: 100%; height: 100%; object-fit: cover; }

.cti-matching .matching .matching-center .matching-top .cti-custom-optional div .optional-checbox { width: 20px; height: 20px; position: absolute; right: 15px; bottom: 50px; margin: auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-optional div .optional-con { width: 100%; height: 150px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-top: 40px; border: 1px solid #dfe4e8; }

.cti-matching .matching .matching-center .matching-top .cti-custom-optional div .optional-con span { font-size: 18px; color: #001e50; font-family: HYQiHei-40S; }

.cti-matching .matching .matching-center .matching-top .cti-custom-optional div .optional-con span:nth-child(2) { float: right; }

.cti-matching .matching .matching-center .matching-top .cti-custom-optional div .optional-con p { font-size: 14px; color: #001e50; font-family: HYQiHei-40S; margin-top: 5px; }

@media screen and (max-width: 768px) { .cti-matching .matching .matching-center { width: 77%; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-optional { width: 100%; height: auto; }
  .cti-matching .matching .matching-center .matching-optional .matching-con { width: 100%; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-optional { width: 100%; height: auto; padding-top: 40px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-optional div { width: 100%; height: 100%; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-optional div .optional-img { width: 100%; height: 300px; position: relative; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-optional div .optional-img img { width: 100%; height: 100%; object-fit: cover; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-optional div .optional-checbox { width: 20px; height: 20px; position: absolute; right: 10px; bottom: 10px; margin: auto; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-optional div .optional-con { width: 100%; height: 90px; padding-left: 0px; padding-right: 0px; box-sizing: border-box; padding-top: 14px; border: 1px solid #dfe4e8; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-optional div .optional-con span { font-size: 14px; color: #001e50; font-family: HYQiHei-40S; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-optional div .optional-con span:nth-child(2) { float: right; }
  .cti-matching .matching .matching-center .matching-optional .cti-custom-optional div .optional-con p { font-size: 14px; color: #001e50; font-family: HYQiHei-40S; margin-top: 5px; } }

.cti-matching .matching .matching-center { width: 77%; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top { width: 100%; }

.cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub { width: 100%; margin-top: 40px; position: relative; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-pic { min-width: 400px; width: 70%; text-align: center; margin-top: 90px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-pic .swiper-slide { background: #ffffff; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-pic img { min-width: 100%; max-width: 100%; width: 100%; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right { height: 300px; position: absolute; right: 0; top: 0; margin: auto; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination { width: 100%; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul { width: 100%; font-size: 16px; font-family: HYQiHei-40S; color: #001e50; text-align: center; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul li { margin-top: 20px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul li:first-child .color { margin-right: 35px; font-size: 18px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul li:first-child .cti-radio .custom-radio { margin-right: 71px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul li:first-child .cti-radio .custom-radio i { background-image: url("../images/custom/wheelhub1.png"); background-size: cover; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul li:nth-child(2) .color { font-size: 18px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul li:nth-child(2) .cti-radio .custom-radio { margin-right: 67px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul li:nth-child(2) .cti-radio .custom-radio i { background-image: url("../images/custom/wheelhub2.png"); background-size: cover; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul .price-init { margin-left: 3px; }

.cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul span { font-size: 12px; }

@media screen and (max-width: 768px) { .cti-matching .matching .matching-center { width: 100%; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-top { width: 100%; }
  .cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub { width: 100%; margin-top: 40px; position: relative; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-pic { min-width: 400px; width: 70%; text-align: center; margin: auto; margin-top: 90px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-pic .swiper-slide { background: #ffffff; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-pic img { min-width: 100%; max-width: 100%; width: 100%; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right { width: 100%; height: auto; position: relative; right: 0; top: 0; margin-bottom: 30px; margin-top: 20px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination { width: 100%; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul { width: 100%; font-size: 16px; font-family: HYQiHei-40S; color: #001e50; text-align: center; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul li { margin-top: 20px; display: inline-block; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul li .cti-radio .custom-radio { margin-right: 41px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul .color { margin-left: 25px; margin-right: 16px; font-size: 18px; }
  .cti-matching .matching .matching-center .matching-top .cti-custom-wheelhub .car-right .pagination ul span { font-size: 12px; margin-left: 55px; } }

@charset "UTF-8";
ul, li { margin: 0; padding: 0; list-style: none; }

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

.tz-datepicker { width: 210px; border: solid 1px #3a98d8; font-family: "寰蒋闆呴粦"; font-size: 12px; position: absolute; z-index: 999; display: none; background: #fff; }

.tz-datepicker .year-month { height: 25px; text-align: center; cursor: pointer; margin-top: 1px; }

.tz-datepicker .year-month span { display: inline-block; height: 25px; line-height: 25px; float: left; }

.tz-datepicker .year-month span:hover { color: #fff; background: #3a98d8; }

.tz-datepicker .year-month span.active { color: #fff; background: #3a98d8; }

.datesel .span-arrow { width: 14px; height: 14px; display: block; position: absolute; right: 10px; top: 8px; }

.datesel .span-col { background: url(../../image/content/select-dropdown-arrow.png) no-repeat left top; }

.datesel .span-ex { background: url(../../image/content/select-dropdown-arrow.png) no-repeat left top -14px; }

.year-month .left { width: 25px; margin-left: 2px; }

.year-month .month { width: 74px; margin-left: 1px; position: relative; }

.year-month .month span { width: 74px; position: relative; }

.year-month .year { width: 74px; margin-right: 1px; position: relative; }

.year-month .year span { width: 74px; text-align: center; }

.year-month .right { width: 30px; }

.year-month .month span, .year-month .year span { background: url(image/up-default.png) no-repeat center right 6px; }

.year-month .month span:hover, .year-month .year span:hover { background: url(image/up-active.png) #3a98d8 no-repeat center right 6px; }

.year-month .month span.active, .year-month .year span.active { background: url(image/up-active.png) #3a98d8 no-repeat center right 6px; }

/* 鏄熸湡 */
.week { height: 25px; color: #9ea7b3; }

.week ul { padding: 0; margin: 0; }

.week ul li { width: 30px; line-height: 25px; float: left; text-align: center; }

/* 澶� */
.day { background: #f3f3f3; }

.day ul { overflow: hidden; }

.day ul li { height: 30px; line-height: 30px; width: 30px; float: left; text-align: center; background: #fff; margin-top: 1px; cursor: pointer; }

.day ul li:hover { background: #3a98d8; color: #fff; }

.day ul li.active { background: #3a98d8; color: #fff; }

/* 鏈� */
.year-month .month .month-list { width: 72px; border: solid 1px #ccc; border-top: none; position: absolute; top: 25px; left: 0; background: #fefefe; display: none; color: #9ea7b3; }

.month-list ul li { width: 34px; float: left; height: 20px; cursor: pointer; text-align: center; line-height: 20px; margin: 1px; }

.month-list ul li:hover { background: #3a98d8; color: #fff; }

.month-list ul li.active { background: #3a98d8; color: #fff; }

/* 閫夋嫨骞� */
.year-month .year .year-list { width: 72px; border: solid 1px #ccc; border-top: none; position: absolute; top: 25px; left: 0; background: #fefefe; display: none; color: #9ea7b3; }

.year-list ul { overflow: hidden; }

.year-list ul li { width: 34px; float: left; height: 20px; cursor: pointer; text-align: center; line-height: 20px; margin: 1px; }

.year-list ul li:hover { background: #3a98d8; color: #fff; }

.year-list ul li.active { background: #3a98d8; color: #fff; }

.year-list .year-change { margin-top: 3px; margin-bottom: 3px; overflow: hidden; height: 18px; width: 100%; }

.year-change span { width: 30px !important; height: 18px !important; }

.year-change .year-left { margin-left: 4px; margin-right: 4px; background: url(image/left-default.png) #fff no-repeat center !important; }

.year-change .year-left:hover { background: url(image/left-active.png) #3a98d8 no-repeat center !important; }

.year-change .year-right { background: url(image/right-default.png) #fff no-repeat center !important; }

.year-change .year-right:hover { background: url(image/right-active.png) #3a98d8 no-repeat center !important; }

.tz-datepicker .action { height: 25px; border-top: solid 1px #f3f3f3; }

.tz-datepicker .action span { height: 25px; line-height: 25px; width: 70px; color: #3a98d8; text-align: center; cursor: pointer; display: inline-block; }

@charset "UTF-8";
/* 大众图标 */
.cti-faw-tip { position: fixed; left: 0; top: 37px; width: 100%; z-index: 9; display: flex; justify-content: space-between; align-items: center; transform: translateY(0%); transition: all 0.6s; pointer-events: none; }

.cti-faw-tip.theme-dark .line-left { background: #001E50; }

.cti-faw-tip.theme-dark .line-right { background: #001E50; }

.cti-faw-tip.theme-dark .faw-icon { color: #001E50; }

.cti-faw-tip.hide { transform: translateY(-500%); }

.cti-faw-tip .line-left { width: calc(100% - 31% - 48px - 2.5%); height: 2px; background: #fff; }

.cti-faw-tip .faw-icon { width: 48px; font-size: 48px; color: #fff; }

.cti-faw-tip .faw-icon:before { content: "\e667"; }

.cti-faw-tip .line-right { width: 31%; height: 2px; background: #fff; }

.cti-faw-tip + .cti-tabbar { margin-top: 45px; }

.header-dark .cti-faw-tip .line-left { background: #001E50; }

.header-dark .cti-faw-tip .line-right { background: #001E50; }

.header-dark .cti-faw-tip .faw-icon { color: #001E50; }

@media screen and (max-width: 768px) { /*二级头*/
  .cti-faw-tip { top: 45px; }
  .cti-faw-tip .line-left, .cti-faw-tip .line-right { width: calc(50% - 7%); }
  .cti-faw-tip .faw-icon { width: 32px; font-size: 32px; }
  .header-dark-wap .cti-faw-tip .line-left { background: #001E50; }
  .header-dark-wap .cti-faw-tip .line-right { background: #001E50; }
  .header-dark-wap .cti-faw-tip .faw-icon { color: #001E50; } }

@charset "UTF-8";
/* 底部 ↓ */
.cti-footer { width: 83%; margin: 3% auto 0; display: flex; justify-content: space-between; align-items: flex-start; border-top: 2px solid #02277f; padding: 3% 5% 0; box-sizing: border-box; }

.cti-footer .bottom-nav { display: flex; justify-content: space-between; width: 60%; }

.cti-footer dt { font-size: 16px; font-weight: bold; margin-bottom: 30px; color: #000; }

.cti-footer dt img { width: 25px; margin-right: 10px; }

.cti-footer dd { font-size: 14px; margin-bottom: 10px; position: relative; }

.cti-footer dd a { display: flex; align-items: center; color: #3c4e8c; }

.cti-footer .online-retailers dd:nth-child(6)::after { content: ""; position: absolute; top: -160px; left: -12%; background: url("../images/common/appcode.png") no-repeat 50%; background-size: 100% 100%; width: 150px; height: 160px; display: none; }

.cti-footer .online-retailers dd:nth-child(6):hover::after { display: block; }

.cti-footer .online-retailers dd:last-child::after { content: ""; position: absolute; top: -160px; left: -12%; background: url("../images/common/wxcode.png") no-repeat 50%; background-size: 100% 100%; width: 150px; height: 160px; display: none; }

.cti-footer .online-retailers dd:last-child:hover::after { display: block; }

.cti-footer .online-retailers dd img { width: 25px; margin-right: 10px; }

.cti-footer .online-retailers dd a { display: flex; align-items: center; }

.cti-footer .rightcont { min-width: 11%; }

.cti-copyright { width: 83%; display: flex; margin: 0 auto 3%; justify-content: space-between; padding: 1% 5% 0; box-sizing: border-box; }

.cti-copyright .leftcont { display: flex; width: 60%; }

.cti-copyright a { color: #223d6a; margin: 0 8px; }

@media screen and (max-width: 768px) { /* 底部 footer 下 */
  .cti-footer { flex-direction: column; border: 0; margin-top: 10%; }
  .cti-footer .bottom-nav { flex-direction: column; }
  .cti-footer .bottom-nav dl { margin-bottom: 20%; }
  .cti-copyright { border: 0; flex-direction: column-reverse; }
  .cti-copyright div a { display: block; margin: 5px 0; color: #223d6a; }
  .cti-copyright span { display: none; }
  .cti-copyright .leftcont { flex-direction: column; }
  .cti-copyright .rightcont { min-width: 11%; margin: 8% 0 4%; } }

@charset "UTF-8";
/*表单*/
.cti-form { position: relative; font-family: HYQiHei-60S; }

.cti-form a { color: #001E50; }

.cti-form .cti-form-item { margin: 2vw 0; display: flex; align-items: center; justify-content: space-between; font-size: 16px; }

@charset "UTF-8";
.cti-header { position: fixed; top: 0; left: 0; z-index: 9; padding: 12px 3%; width: 100%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; transition: all 0.3s; }

.cti-header.graybg { filter: invert(100%); }

.cti-header.onelevel { transform: translateY(0%); }

.cti-header.show-secondlevel { transform: translateY(-100%); }

.cti-header .nav-list { max-width: 880px; margin: auto; display: flex; font-size: 16px; font-family: HYQiHei-60s; }

.cti-header .nav-list a { color: #fff; }

.cti-header .nav-list li { margin: 0 2vw; }

.cti-header.secondlevel { transform: translateY(-100%); background-color: rgba(0, 30, 80, 0.9); font-size: 16px; text-align: center; display: block; color: #fff; padding: 0; line-height: 60px; }

.cti-header.secondlevel.show-secondlevel { transform: translateY(0%); }

.cti-header .menu { display: flex; align-items: center; }

.cti-header .menu .iconfont { cursor: pointer; color: #fff; font-size: 25px; }

.cti-header .menu .menu-txt { font-size: 24px; color: #fff; margin-left: 15%; white-space: nowrap; cursor: pointer; }

.cti-header .logo { color: #fff; font-size: 28px; line-height: 49px; }

.cti-header .logo:before { content: "\e665"; }

.cti-header .btn-group { position: absolute; top: 8px; right: 3%; display: flex; line-height: 1; }

.cti-header .btn-group .btn { margin: 0 14px; border: 1px solid #fff; background-color: #fff; white-space: nowrap; }

.cti-header .btn-group .btn.cur { background-color: transparent; color: #fff; }

/* 菜单弹层 */
.cti-menu-layer { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100vh; overflow: hidden; transition: all 0.4s cubic-bezier(0.18, 0, 0.14, 1); transform: translateX(-100%); }

.cti-menu-layer.show { transform: translateX(0%); }

.cti-menu-layer.show .close-menu .close { transform: rotate(0deg); }

.cti-menu-layer.show .close-menu span { display: inline-flex; align-items: center; }

.cti-menu-layer .my-icon { opacity: 0; display: block; width: 75px; text-align: center; font-size: 20px; transition: all 0.3s ease-in-out; }

.cti-menu-layer .blue-box { width: 100%; height: 100%; background: #001e50; overflow: hidden; color: #fff; }

.cti-menu-layer .close-menu { display: inline-flex; align-items: center; font-size: 16px; margin: 30px 40px; cursor: pointer; align-items: flex-start; transition: all 0.3s; }

.cti-menu-layer .close-menu > .line { position: relative; padding-left: 32px; }

.cti-menu-layer .close-menu a { color: #fff; padding-left: 40px; }

.cti-menu-layer .close-menu a:hover { color: #49c2ef; }

.cti-menu-layer .close-menu i { font-style: normal; }

.cti-menu-layer .close-menu > .line:before { position: absolute; top: 50%; margin-top: -0.5px; content: ''; display: block; width: 18px; height: 1px; background: #000; left: 0; }

.cti-menu-layer .close-menu .close { display: inline-block; width: 20px; height: 24px; margin-right: 15px; transition: transform 0.5s ease-in-out 0s; transform: rotate(-90deg); }

.cti-menu-layer .menu-one { width: 200px; margin: 20px 0 0 124px; font-size: 20px; cursor: pointer; transition: all 0.6s; }

.cti-menu-layer .menu-one a { color: #fff; display: inline-block; margin-bottom: 10%; border-bottom: 1px solid #001e50; }

.cti-menu-layer .menu-one li { position: relative; }

.cti-menu-layer .menu-one li:after { transition: width 0.25s ease-in-out 0s; position: absolute; width: 0; left: 0; bottom: 0; content: ''; display: block; height: 1px; }

.cti-menu-layer .menu-one li.active:after { background: #49c2ef; width: 70px; }

.cti-menu-layer .menu-one li:hover a { color: #49c2ef; }

.cti-menu-layer .menu-two { margin-left: 40px; }

.cti-menu-layer .menu-two div { font-size: 20px; margin: 20px 0 30px; }

.cti-menu-layer .menu-two a { display: block; font-size: 16px; color: #000; margin-bottom: 15px; }

.cti-menu-layer .menu-two a:hover { opacity: 0.8; }

/* 二级菜单 */
.secondlevel .menu-one { margin: 20px 0 0 76px; }

.white-box { display: block; background: #fff; position: absolute; left: 300px; top: 0; width: calc(100% - 350px); height: 100%; padding-left: 50px; transition: all 0.3s cubic-bezier(0.18, 0, 0.14, 1); transform: translateX(100%); }

.secondlevel .white-box { transform: translateX(0%); }

.secondlevel .white-box .close-menu { font-size: 16px; }

.header-dark .cti-header .menu .iconfont, .header-dark.cti-header .menu .iconfont { color: #001e50; }

.header-dark .cti-header .menu .menu-txt, .header-dark.cti-header .menu .menu-txt { color: #001e50; }

.header-dark .cti-header .nav-list a, .header-dark.cti-header .nav-list a { color: #001e50; }

.header-dark .cti-header .logo, .header-dark.cti-header .logo { display: inline-block; width: 162px; height: 42px; line-height: 42px; color: #001e50; background: url("./../images/common/logo-max-color.svg") no-repeat center center/100%; }

.header-dark .cti-header .logo:before, .header-dark.cti-header .logo:before { content: ""; }

@media screen and (max-width: 1366px) { .cti-menu-layer .close-onelevel > div { display: none; }
  .cti-menu-layer.secondlevel .close-menu { margin: 30px; }
  .cti-menu-layer.secondlevel .close-menu span i { display: none; }
  .cti-menu-layer.secondlevel .my-icon { opacity: 1; pointer-events: normal; }
  .cti-menu-layer.secondlevel .my-icon i { color: #fff; }
  .cti-menu-layer .white-box { left: 75px; width: calc(100% - 75px); }
  .cti-menu-layer .menu-two { margin-left: 30px; } }

@media screen and (max-width: 980px) { .cti-header .nav-list { display: none; } }

@media screen and (max-width: 768px) { .cti-header { padding: 17px 3%; }
  .cti-header.secondlevel { text-align: left; padding-left: 3%; }
  .cti-header .btn-group .btn { margin: 0 5px; min-width: 88px; font-weight: 500; }
  .cti-header .logo { width: 128px; line-height: 31px; }
  .header-dark-wap .cti-header .menu .iconfont, .cti-header.header-dark-wap .menu .iconfont { color: #001e50; }
  .header-dark-wap .cti-header .menu .menu-txt, .cti-header.header-dark-wap .menu .menu-txt { color: #001e50; }
  .header-dark-wap .cti-header .nav-list a, .cti-header.header-dark-wap .nav-list a { color: #001e50; }
  .header-dark-wap .cti-header .logo, .cti-header.header-dark-wap .logo { display: inline-block; width: 162px; height: 42px; line-height: 42px; color: #001e50; background: url("./../images/common/logo-max-color.svg") no-repeat center center/100%; }
  .header-dark-wap .cti-header .logo:before, .cti-header.header-dark-wap .logo:before { content: ""; }
  .cti-menu-layer .menu-one { margin: 20px 0 0 100px; }
  .cti-menu-layer .faw-icon { width: 32px; }
  .cti-menu-layer .white-box { padding-left: 0; }
  .header-dark .cti-header, .header-dark.cti-header { padding: 10px 3%; }
  .header-dark .cti-header .logo, .header-dark.cti-header .logo { position: relative; height: 48px; }
  .header-dark .cti-header .menu .iconfont, .header-dark.cti-header .menu .iconfont { position: relative; top: -2px; } }

.cti-input { position: relative; width: 45%; height: 43px; margin-bottom: 10px; display: inline-block; }

.cti-input.line:after { content: ''; position: absolute; bottom: -6px; height: 1px; width: 100%; background: #ccc; }

.cti-input input { width: 100%; font-size: 16px; display: block; padding-top: 20px; }

.cti-input .animation { position: absolute; left: 0; top: 25px; font-size: 16px; pointer-events: none; transition: 0.4s ease all; -moz-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; color: #001e50; }

.cti-input input:focus ~ label, .cti-input input:valid ~ label, .cti-input input[type="email"]:not([input-value=""]):not(:focus) ~ label { top: -6px; color: #001e50; font-size: 12px; font-family: HYQiHei-DZS; }

@charset "UTF-8";
/*了解更多*/
.cti-learnmore-wrap .cti-img { width: 100%; }

.cti-learnmore-wrap .cti-select-wrap { position: absolute; color: #fff; border: 2px solid #fff; width: 50%; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); }

.cti-learnmore-wrap .cti-select-wrap:after { content: ''; position: absolute; background: url("./../images/common/sel.png") no-repeat; background-size: contain; width: 4%; height: 17%; top: 50%; right: 8%; transform: translateY(-50%); }

.cti-learnmore-wrap .cti-select-wrap .select-menu dt { font-size: 3vw; width: 84%; border: 0; background: transparent; color: white; padding: 4% 8%; cursor: pointer; }

.cti-learnmore-wrap .cti-select-wrap .select-menu dt .arrow { position: absolute; width: 10vw; height: 100%; right: 0; top: 0; display: block; z-index: 999; }

.cti-learnmore-wrap .cti-select-wrap .select-menu dt a { color: white; }

.cti-learnmore-wrap .cti-select-wrap .select-menu dd { top: auto; }

.cti-learnmore-wrap .cti-select-wrap .select-menu dd a { padding: 3% 50px; }

.cti-learnmore-wrap .cti-tip { font-size: 1vw; background: #002558; padding: 1% 2%; position: absolute; top: -18%; left: 6.5%; }

@media screen and (max-width: 768px) { .cti-learnmore-wrap .cti-select-wrap { width: 90%; }
  .cti-learnmore-wrap .cti-select-wrap:after { width: 9%; height: 15%; right: 7%; }
  .cti-learnmore-wrap .cti-select-wrap .cti-select { font-size: 7vw; padding: 9% 8%; }
  .cti-learnmore-wrap .cti-select-wrap .select-menu dt { font-size: 30px; }
  .cti-learnmore-wrap .cti-tip { font-size: 3vw; top: -13%; } }

@charset "UTF-8";
/* 悬浮球儿 */
.cti-levitated-sphere { position: fixed; right: 3vw; bottom: 10vh; z-index: 5; background: #01b0f1; border-radius: 70px; display: flex; flex-direction: row-reverse; width: 70px; height: 70px; overflow: hidden; transition: all 0.3s; }

.cti-levitated-sphere.open { width: 385px; }

.cti-levitated-sphere.open .hotlink { transform: translate(0%); }

.cti-levitated-sphere.open .sphere { transform: rotate(135deg); }

.cti-levitated-sphere .sphere { width: 70px; box-sizing: border-box; padding: 25px; cursor: pointer; height: 70px; background-color: #01b0f1; position: relative; z-index: 2; transition: all 0.3s; border-radius: 100%; }

.cti-levitated-sphere .sphere img { width: 20px; transform: rotate(45deg); filter: invert(100%); }

.cti-levitated-sphere .hotlink { display: flex; width: 300px; justify-content: space-around; align-items: center; padding-left: 15px; transition: all 0.3s; transform: translate(200%); position: relative; }

.cti-levitated-sphere .hotlink li { text-align: center; }

.cti-levitated-sphere .hotlink li img { height: 25px; margin-bottom: 3px; }

.cti-levitated-sphere .hotlink div { white-space: nowrap; color: #000; }

@media screen and (max-width: 768px) { .cti-levitated-sphere { border-radius: 50px; width: 50px; height: 50px; /* 悬浮球 */ }
  .cti-levitated-sphere.open { height: 255px; width: 50px; }
  .cti-levitated-sphere .sphere { width: 50px; height: 50px; position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; }
  .cti-levitated-sphere .sphere img { width: 15px; display: block; }
  .cti-levitated-sphere .hotlink { width: 50px; padding-left: 0; display: block; transform: translateY(0%); margin-top: 5px; }
  .cti-levitated-sphere .hotlink li { font-size: 12px; height: 50px; display: flex; align-items: center; justify-content: center; }
  .cti-levitated-sphere .hotlink li .txt { transform: scale(0.7); }
  .cti-levitated-sphere .hotlink li img { height: 16px; margin-bottom: 0; } }

.cti-order-list dl { display: table; width: 100%; font-size: 16px; font-family: HYQiHei-40s; }

.cti-order-list dl:first-child dt { display: table-row; }

.cti-order-list dl dt { display: none; }

.cti-order-list dl dt > * { display: table-cell; padding: 15px; border-bottom: 2px solid #001E50; white-space: nowrap; }

.cti-order-list dl dd { display: table-row; }

.cti-order-list dl dd > * { padding: 15px; display: table-cell; vertical-align: middle; }

.cti-order-list dl em { font-family: HYQiHei-60S; font-style: normal; }

.cti-order-list dl img { vertical-align: middle; width: 9vw; height: 9vw; max-width: 114px; max-height: 114px; }

.cti-order-list i { font-style: normal; font-weight: bold; color: #001E50; }

.cti-order-list .cover { width: 7vw; }

.cti-order-list .name { white-space: nowrap; }

.cti-order-list .orderno { width: 100px; }

.cti-order-list .status { white-space: nowrap; width: 130px; }

.cti-order-list .btn-group { width: 98px; }

.cti-order-list .btn-group > * { display: block; margin: auto; }

.cti-order-list .btn-group button { width: 98px; min-width: 98px; height: 28px; line-height: 28px; padding: 0; line-height: 25px; }

.cti-order-list .btn-group .btn-warning { color: red; }

.cti-order-list .btn-group .btn-link, .cti-order-list .btn-group .btn-warning { padding-top: 10px; }

.cti-order-list.center dd, .cti-order-list.center dt { text-align: center; }

@media screen and (max-width: 1280px) { .cti-order-list .orderno { display: none; } }

@media screen and (max-width: 950px) { .cti-order-list .cover { display: none; }
  .cti-order-list .cti-wapShow { display: block; } }

@media screen and (max-width: 768px) { .cti-order-list { background: #f5f6f8; padding: 3.8vw; }
  .cti-order-list dl { background: #fff; display: block; margin-top: 3.8vw; position: relative; }
  .cti-order-list dl:first-child { margin-top: 0; }
  .cti-order-list dl dt { display: block; }
  .cti-order-list dl dt > * { display: none; border: none; width: auto; text-align: left; }
  .cti-order-list dl dt .status { display: block; width: auto; }
  .cti-order-list dl dd { display: block; text-align: left; }
  .cti-order-list dl dd > * { display: none; border: none; width: auto; }
  .cti-order-list dl dd .cover { display: block; width: 88px; height: 88px; float: left; }
  .cti-order-list dl dd .cover img { width: 100%; height: 100%; object-fit: cover; }
  .cti-order-list dl dd .name { display: block; }
  .cti-order-list dl dd .status { display: block; position: absolute; right: 0; top: 0; z-index: 6; }
  .cti-order-list dl dd .status a { display: none; }
  .cti-order-list dl dd .orderno { display: block; float: left; padding: 0; }
  .cti-order-list dl dd .btn-group { display: flex; clear: both; white-space: nowrap; justify-content: flex-end; width: calc(100% - 30px); }
  .cti-order-list dl dd .btn-group > * { display: flex; justify-content: center; align-items: center; margin: auto 1.2vw; }
  .cti-order-list dl dd .btn-group .btn-link, .cti-order-list dl dd .btn-group .btn-warning { width: 98px; min-width: 98px; height: 28px; line-height: 28px; padding: 0; line-height: 25px; border: 1px solid #001E50; border-radius: 100px; padding: 0; margin: auto 1.2vw; }
  .cti-order-list dl dd .btn-group a { color: #001E50; }
  .cti-order-list dl dd .btn-group .btn-warning { border-color: red; } }

.cti-paging { display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-family: HYQiHei-60s; white-space: nowrap; }

.cti-paging .counter var { font-style: normal; border-bottom: 1px solid #111a37; }

.cti-paging .btn-group { text-align: right; }

.cti-paging .btn-group ul { display: inline-flex; }

.cti-paging .btn-group ul li { border: 1px solid #bdbec0; height: 28px; line-height: 30px; min-width: 12px; margin: 0 5px; border-radius: 3px; text-align: center; padding: 0 8px; cursor: pointer; }

.cti-paging .btn-group ul li.active, .cti-paging .btn-group ul li:hover { border-color: #111a37; color: #111a37; }

.cti-paging .btn-group input { border-bottom: 1px solid #dbdfe2; width: 40px; }

.cti-paging .btn-group .jump { position: relative; bottom: -6px; }

.cti-paging .btn-group .jump a { color: #3d3d3d; }

@media screen and (max-width: 980px) { .cti-paging .counter { display: none; } }

@media screen and (max-width: 768px) { .cti-paging { display: none; } }

@charset "UTF-8";
/* 礼包 */
.cti-prize-container { width: 94%; margin: 0 auto 3.9vw; padding-top: 4.49%; }

.cti-prize-container b { font-family: HYQiHei-40s; font-weight: 500; }

.cti-prize-container .cti-prize-imgbox img { width: 100%; }

.cti-prize-container .cti-prize-text-box { display: flex; justify-content: space-between; margin-top: 5%; }

.cti-prize-container .cti-prize-text-box .cti-introduce-list { display: flex; font-family: HYQiHei-40S; color: #001e50; font-size: 1.8vw; flex: 1; }

.cti-prize-container .cti-prize-text-box .cti-introduce-list ul { margin-right: 5vw; }

.cti-prize-container .cti-prize-text-box .cti-introduce-list li { padding-bottom: 0.68vw; }

.cti-prize-container .cti-prize-text-box .cti-introduce { font-size: 3vw; color: #001e50; text-align: right; }

.cti-prize-container .cti-prize-text-box .cti-link-button { display: inline-block; margin-top: 2%; }

.cti-prize-container .cti-prize-text-box .cti-link-button button { color: #001e50; border: 1px solid #001e50; }

@media screen and (max-width: 768px) { /* prize */
  .cti-prize-container { padding-bottom: 30vw; width: 90%; }
  .cti-prize-container b { font-family: HYQiHei-60s; }
  .cti-prize-container .cti-prize-text-box { text-align: left; margin-top: 9%; flex-direction: column-reverse; flex-wrap: wrap; }
  .cti-prize-container .cti-prize-text-box .cti-introduce { font-size: 7vw; color: #001e50; width: 100%; margin-bottom: 6vw; }
  .cti-prize-container .cti-prize-text-box .cti-link-button { display: inline-block; color: #001e50; position: absolute; left: 0; bottom: 9vw; }
  .cti-prize-container .cti-prize-text-box .cti-introduce-list { display: block; font-size: 5vw; }
  .cti-prize-container .cti-prize-text-box .cti-introduce-list li { font-family: HYQiHei-60s; } }

.cti-radio .radio { position: relative; font-weight: 400; color: #0c4757; cursor: pointer; vertical-align: middle; }

.cti-radio .radio input { display: none; }

.cti-radio .radio i { display: block; position: absolute; top: 0; left: 0; width: 13px; height: 13px; outline: 0; border: 1px solid #000000; /* background: #9cd9e8; */ border-radius: 50%; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; }

.cti-radio .radio input + i:after { position: absolute; content: ""; top: 2px; left: 2px; width: 9px; height: 9px; border-radius: 50%; background-color: #000000; opacity: 0; transition: opacity 0.1s; -webkit-transition: opacity 0.1s; }

.cti-radio .radio input:checked + i:after { opacity: 1; }

.cti-radio .custom-radio { position: relative; font-weight: 400; color: #0c4757; cursor: pointer; vertical-align: middle; }

.cti-radio .custom-radio input { display: none; }

.cti-radio .custom-radio i { display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px; outline: 0; /* border: 1px solid #000000; */ background: #6d7278; /* background: #9cd9e8; */ border-radius: 50%; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; }

.cti-radio .custom-radio input + i:after { position: absolute; content: ""; top: -7px; left: -7px; width: 52px; height: 52px; border-radius: 50%; border: 1px solid #0040c5; opacity: 0; transition: opacity 0.1s; -webkit-transition: opacity 0.1s; }

.cti-radio .custom-radio input:checked + i:after { opacity: 1; }

.select-menu { position: relative; width: 100%; text-align: left; z-index: auto; user-select: none; }

.select-menu.line:after { content: ''; position: absolute; bottom: 0; height: 1px; width: 100%; background: #ccc; }

.select-menu.line dt { padding: 0; }

.select-menu.line dt:after { content: '\e638'; font-family: iconfont !important; }

.select-menu dt { font-size: 18px; padding: 0 15px; height: 50px; cursor: pointer; line-height: 50px; border: 1px solid transparent; border-bottom-color: #fff; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.select-menu dt:after { font-family: iconfont !important; /* content: "\e613"; */ font-size: 30px; vertical-align: middle; position: absolute; top: 0; right: 5px; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; transition: -webkit-transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; transition: transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; transition: transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s, -webkit-transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; }

.select-menu dd { display: none; position: absolute; top: 50px; left: 0; width: 100%; height: 200px; overflow: hidden; overflow-y: auto; z-index: 300; background: #fff; }

.select-menu dd .item { position: relative; border-top: 1px solid #dfe4e8; }

.select-menu dd .item a { color: #001e50; display: block; padding-left: 50px; font-size: 16px; line-height: 50px; position: relative; cursor: pointer; line-height: 1.4; padding: 6% 15%; }

.select-menu dd .item.active:after { color: #001e50; content: "\e66c"; display: block; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 20px; font-family: iconfont !important; }

.select-menu.open dt { border-color: #fff; }

.select-menu.open dt:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.select-menu.open dd { display: block; }

@media screen and (max-width: 768px) { .select-menu { display: block; margin: 0 auto; } }

.cti-steper { display: flex; align-items: flex-start; justify-content: center; font-size: 16px; }

.cti-steper ul { display: flex; margin: auto; }

.cti-steper ul > li { margin-left: 2.8vw; position: relative; white-space: nowrap; cursor: pointer; }

.cti-steper ul > li:hover ol { display: block; }

.cti-steper ul > li:first-child { margin-left: 0; }

.cti-steper ul > li:first-child:after { display: none; }

.cti-steper ul > li:after { position: absolute; top: 10px; left: -2.4vw; width: 2vw; content: ''; height: 2px; background: #ccc; }

.cti-steper ul > li.active:after { background: #001e50; }

.cti-steper ul > li.active em { color: #001e50; }

.cti-steper ol { background: #001e50; padding: 20px 20px 20px 30px; position: absolute; left: -60px; top: 39px; z-index: 200; color: #fff; font-size: 12px; display: none; }

.cti-steper ol:before { position: absolute; top: -24px; left: 50%; transform: translateX(-50%); display: block; content: ''; width: 0; height: 0; border: 12px solid; border-color: transparent transparent #001e50 transparent; }

.cti-steper ol:after { content: ''; position: absolute; height: calc(100% - 60px); top: 20px; width: 1px; left: 30px; background: #fff; }

.cti-steper ol li { margin: 1vw 0; padding-left: 20px; position: relative; }

.cti-steper ol li:before { content: ''; display: block; width: 20px; height: 20px; background: #fff; border-radius: 100%; position: absolute; left: -10px; }

.cti-steper ol li:first-child { margin-top: 0; }

.cti-steper ol li:last-child { margin-bottom: 0; }

.cti-steper em { font-style: normal; color: #7C7C7C; font-family: HYQiHei-60s; }

.cti-steper p { font-size: 14px; }

.cti-steper .btn-group { display: none; }

@media screen and (max-width: 768px) { .cti-steper { display: block; position: relative; margin: 39px auto; }
  .cti-steper ul { align-items: center; }
  .cti-steper ul li { margin-left: 0; text-align: center; width: 100%; display: none; }
  .cti-steper ul li.show { display: block; }
  .cti-steper ul li:after { display: none; }
  .cti-steper ul li p br { display: none; }
  .cti-steper .btn-group { position: absolute; display: flex; justify-content: space-between; width: 100%; top: 50%; transform: translateY(-50%); }
  .cti-steper .btn-group .iconfont { font-size: 38px; cursor: pointer; } }

@charset "UTF-8";
/*导航条*/
.cti-tabbar { border-bottom: 1px solid #e3e3e5; display: flex; align-items: center; font-family: HYQiHei-60s; font-size: 18px; }

.cti-tabbar a { color: #001E50; }

.cti-tabbar ul { display: flex; margin: auto; }

.cti-tabbar ul li { position: relative; padding: 10px 0; margin: 0 2.5vw; white-space: nowrap; }

.cti-tabbar ul li.active:after { position: absolute; left: 0; bottom: -1px; content: ''; height: 2.5px; width: 100%; background: #001E50; border-radius: 2px; }

.cti-tabbar.steps { justify-content: space-between; }

.cti-tabbar.steps a { color: #DFE4E8; }

.cti-tabbar.steps ul { width: 100%; justify-content: space-between; }

.cti-tabbar.steps ul li { margin: 0; flex: 1; }

.cti-tabbar.steps ul li.active a { color: #001E50; }

@charset "UTF-8";
/* 个人中心底部导航 */
.cti-ucenter-footer { border-top: 1px solid #e4e4e6; padding: 2vw 3.8vw; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; width: 77%; margin: auto; font-family: HYQiHei-60s; }

.cti-ucenter-footer a { color: #001E50; padding: 0 8px; }

.cti-ucenter-footer a:first-child { padding-left: 0; }

@media screen and (max-width: 980px) { .cti-ucenter-footer { display: block; } }

@media screen and (max-width: 768px) { .cti-ucenter-footer { width: 93.5%; display: block; line-height: 26px; } }

@charset "UTF-8";
/* 个人中心导航 */
.cti-ucenter-header { padding: 12px 3%; font-size: 16px; font-family: HYQiHei-60s; display: flex; justify-content: space-between; align-items: center; }

.cti-ucenter-header a { color: #001E50; }

.cti-ucenter-header .login-info { left: 5vw; }

.cti-ucenter-header .nav-list { max-width: 880px; margin: auto; display: flex; }

.cti-ucenter-header .nav-list li { margin: 0 2vw; }

.cti-ucenter-header .logo { width: 162px; line-height: 36px; font-size: 28px; }

.cti-ucenter-header .logo:before { content: "\e666"; }

@charset "UTF-8";
.cti-news-list.cti-activity-list .select-wrap { width: 91%; }

.cti-news-list.cti-activity-list .activity-list { -moz-column-count: 3; /* Firefox */ -webkit-column-count: 3; /* Safari 和 Chrome */ column-count: 3; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em; width: 80%; margin: 2em auto; }

.cti-news-list.cti-activity-list .activity-list a { display: block; margin-bottom: 2em; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }

.cti-news-list.cti-activity-list .activity-list dl { display: initial; }

.cti-news-list.cti-activity-list .activity-list dl dt { width: 100%; }

.cti-news-list.cti-activity-list .activity-list dl dd { width: 100%; }

.cti-news-list.cti-activity-list .activity-list dl dd .time { display: block; font-size: 1.1vw; }

.cti-news-list.cti-activity-list .activity-list dl dd h2 { font-size: 1.6vw; font-family: HYQiHei-40S; }

@media screen and (max-width: 768px) { .cti-news-list.cti-activity-list .activity-list { display: block; width: 87%; columns: 1; margin-bottom: 0; }
  .cti-news-list.cti-activity-list .activity-list dl dd .time { font-size: 3vw; }
  .cti-news-list.cti-activity-list .activity-list dl dd h2 { font-size: 5vw; } }

.cti-analysis .el-slider__runway { height: 1px; }

.cti-analysis .el-slider__bar { height: 3px; margin-top: -1px; }

.cti-analysis .el-slider__button { border: 3px solid #DFE4E8; margin-top: -5px; }

@media screen and (max-width: 768px) { .cti-analysis .el-slider__button { width: 5vw; height: 5vw; } }

.cti-analysis .rela { position: relative; }

.cti-analysis .kv { width: 100%; margin-top: 100px; position: absolute; top: 0; }

.cti-analysis .abso-wrap { margin-top: 100px; width: 81.66%; position: relative; top: 0; left: 14%; color: #fff; display: flex; padding-top: 5%; justify-content: space-between; margin-bottom: 10%; }

.cti-analysis .flex-box { display: flex; justify-content: space-between; }

.cti-analysis h2, .cti-analysis h3 { font-family: HYQiHei-40S; }

.cti-analysis .title { font-size: 36px; }

.cti-analysis .analysis-wrap { width: 46.8vw; }

.cti-analysis .analysis-wrap .summary { font-size: 24px; }

.cti-analysis .analysis-wrap .condition-wrap { font-size: 16px; background-color: #fff; color: #000; margin-top: 2%; box-sizing: border-box; padding: 5% 10%; }

.cti-analysis .analysis-wrap .condition-wrap .tit { font-size: 18px; }

.cti-analysis .analysis-wrap .condition-wrap .info { font-size: 14px; }

.cti-analysis .analysis-wrap .condition-wrap .project { display: flex; justify-content: space-between; margin-top: 5%; }

.cti-analysis .analysis-wrap .condition-wrap .project dt { width: 32%; }

.cti-analysis .analysis-wrap .condition-wrap .project dd { width: 66%; }

.cti-analysis .analysis-wrap .condition-wrap .project dd .line-wrap { height: 1px; background-color: #C2CAD0; margin-top: 5px; }

.cti-analysis .analysis-wrap .condition-wrap .project dd .line-wrap .line { background-color: #001E50; height: 3px; border: 0; margin: -1.5px 0 0; }

.cti-analysis .analysis-wrap .condition-wrap .project dd .line-wrap .point { background-color: #001E50; width: 15px; height: 15px; border-radius: 100%; transform: translate(-50%, -50%); border: 3px solid #DFE4E8; box-sizing: border-box; margin-top: -2px; }

.cti-analysis .analysis-wrap .condition-wrap .project dd .val-wrap { color: #001E50; overflow: hidden; margin-top: 2%; position: relative; }

.cti-analysis .analysis-wrap .condition-wrap .project dd .val-wrap .left { float: left; }

.cti-analysis .analysis-wrap .condition-wrap .project dd .val-wrap .cur-val { display: inline-block; position: absolute; transform: translateX(-50%); }

.cti-analysis .analysis-wrap .condition-wrap .project dd .val-wrap .right { float: right; }

.cti-analysis .analysis-wrap .condition-wrap .introduce { font-size: 14px; border-top: 1px solid #D8D8D8; margin-top: 3%; padding-top: 3%; }

.cti-analysis .analysis-wrap .condition-wrap .introduce h3 { font-size: 16px; margin-bottom: 3%; }

.cti-analysis .analysis-wrap .condition-wrap .introduce .flex-box { margin-top: 1.5%; }

.cti-analysis .analysis-wrap .condition-wrap .introduce .flex-box br { display: none; }

@media screen and (max-width: 1366px) { .cti-analysis .title { font-size: 24px; }
  .cti-analysis .analysis-wrap .summary { font-size: 18px; }
  .cti-analysis .analysis-wrap .condition-wrap { font-size: 14px; }
  .cti-analysis .analysis-wrap .condition-wrap .tit { font-size: 16px; }
  .cti-analysis .analysis-wrap .condition-wrap .info { font-size: 12px; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce { font-size: 12px; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce h3 { font-size: 14px; } }

@media screen and (max-width: 1200px) { .cti-analysis .title { font-size: 24px; }
  .cti-analysis .analysis-wrap .summary { font-size: 16px; }
  .cti-analysis .analysis-wrap .condition-wrap { font-size: 12px; }
  .cti-analysis .analysis-wrap .condition-wrap .tit { font-size: 14px; }
  .cti-analysis .analysis-wrap .condition-wrap .info { font-size: 12px; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce { font-size: 12px; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce h3 { font-size: 14px; } }

@media screen and (max-width: 768px) { .cti-analysis .abso-wrap { width: 100%; left: 0%; display: block; }
  .cti-analysis .title { font-size: 9.6vw; text-align: center; margin: 15% auto 10%; }
  .cti-analysis .analysis-wrap { width: 100%; }
  .cti-analysis .analysis-wrap .summary { font-size: 6.4vw; display: block; padding: 0 10%; }
  .cti-analysis .analysis-wrap .condition-wrap { font-size: 4.26vw; margin-top: 50vw; padding: 5% 0%; }
  .cti-analysis .analysis-wrap .condition-wrap .tit { font-size: 4.8vw; padding: 0 7%; }
  .cti-analysis .analysis-wrap .condition-wrap .info { font-size: 3.7vw; margin-bottom: 20%; padding: 0 7%; }
  .cti-analysis .analysis-wrap .condition-wrap .project { display: block; margin-top: 15%; padding: 0 10%; }
  .cti-analysis .analysis-wrap .condition-wrap .project dt { width: 100%; }
  .cti-analysis .analysis-wrap .condition-wrap .project dd { width: 100%; margin-top: 5%; }
  .cti-analysis .analysis-wrap .condition-wrap .project dd .line-wrap .point { width: 5vw; height: 5vw; }
  .cti-analysis .analysis-wrap .condition-wrap .project dd .val-wrap { margin-top: 5%; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce { font-size: 3.7vw; width: 100vw; margin: 15% 0; padding: 10%; box-sizing: border-box; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce h3 { font-size: 4.2vw; margin-bottom: 3%; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce .flex-box { margin: 1.5% 0 5%; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce .flex-box span { width: 50%; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce .flex-box span:last-child { width: 30%; }
  .cti-analysis .analysis-wrap .condition-wrap .introduce .flex-box span br { display: block; } }

.cti-app .page-wrapper { background: url("./../images/app/bg.jpg") no-repeat left 26%/cover; height: 100vh; }

.cti-app .page-wrapper dl { position: absolute; right: 12vw; text-align: center; top: 20vw; color: #fff; font-family: HYQiHei-40s; padding: 0; }

.cti-app .page-wrapper dl dt { margin-bottom: 39px; }

.cti-app .page-wrapper dl dd { font-size: 24px; }

.cti-app .page-wrapper dl em { font-family: HYQiHei-60s; font-style: normal; }

@media screen and (max-width: 768px) { .cti-app .page-wrapper { background-position: 39% bottom; }
  .cti-app .page-wrapper dl { right: 50%; top: 20vw; transform: translateX(50%); top: auto; bottom: 5vw; }
  .cti-app .page-wrapper dl dt { margin-bottom: 20px; }
  .cti-app .page-wrapper dl dd { font-size: 20px; } }

.cti-brand .banner-wrap { position: relative; }

.cti-brand .banner-wrap .info { position: absolute; bottom: 20%; left: 10%; color: #ffffff; }

.cti-brand .banner-wrap .info b { font-size: 60px; }

.cti-brand .banner-wrap .info span { font-size: 48px; }

.cti-brand .img { width: 100%; }

.cti-brand .brand-info { padding: 3% 20%; width: 60%; }

.cti-brand .brand-info h2 { font-size: 36px; font-family: HYQiHei-40S; }

.cti-brand .brand-info p { font-size: 16px; margin-left: 70px; margin-top: 2%; }

.cti-brand .brand-item { font-size: 36px; margin-bottom: 11%; overflow-x: hidden; }

.cti-brand .brand-item .swiper-container { display: none; }

.cti-brand .brand-item .txt-wrap { margin-left: 9%; margin-top: 2%; }

.cti-brand .brand-item .txt-wrap h2 { font-family: HYQiHei-40S; font-size: 1em; }

.cti-brand .brand-item.brand-item1 .txt-wrap { margin-top: 0%; }

.cti-brand .brand-item.brand-item2 .txt-wrap, .cti-brand .brand-item.brand-item6 .txt-wrap { margin-top: -1.5%; }

@media screen and (max-width: 1200px) { .cti-brand .banner-wrap .info b { font-size: 4vw; }
  .cti-brand .banner-wrap .info span { font-size: 3.3vw; }
  .cti-brand .brand-info h2 { font-size: 2.5vw; }
  .cti-brand .brand-info p { font-size: 1.1vw; }
  .cti-brand .brand-item { font-size: 2.5vw; } }

@media screen and (max-width: 768px) { .cti-brand { text-align: justify; }
  .cti-brand .banner-wrap .info b { font-size: 11.7vw; display: block; }
  .cti-brand .banner-wrap .info span { font-size: 11.7vw; display: block; }
  .cti-brand .brand-info { width: 80%; padding: 0; margin: 12% auto; }
  .cti-brand .brand-info h2 { font-size: 9.6vw; }
  .cti-brand .brand-info p { font-size: 4.266vw; margin: 5% 0; }
  .cti-brand .brand-item { font-size: 9.6vw; display: flex; flex-direction: column-reverse; margin: 40vw 0; padding-bottom: 20vw; overflow: hidden; }
  .cti-brand .brand-item .swiper-container { display: block; width: 66.6%; margin-left: 6%; overflow: initial; }
  .cti-brand .brand-item .txt-wrap { margin: 0 10% 10%; }
  .cti-brand .brand-item .txt-wrap h2 { margin-bottom: 5%; }
  .cti-brand .brand-item .txt-wrap p { line-height: 1.3; }
  .cti-brand .brand-item .pcShow { display: none; }
  .cti-brand .brand-item br { display: none; }
  .cti-brand .brand-item .swiper-pagination { bottom: -18vw; left: 10%; }
  .cti-brand .brand-item .swiper-pagination .swiper-pagination-bullet-active { background-color: #333; } }

.cti-information { padding-top: 100px; }

.cti-information .select-menu { z-index: auto; }

.cti-information .information { width: 100%; display: flex; align-items: center; }

.cti-information .information .information-con { width: 35%; margin: 60px auto 50px; }

.cti-information .information .information-con .title { width: 100%; height: 50px; text-align: center; font-size: 36px; font-family: HYQiHei-60S; line-height: 50px; }

.cti-information .information .information-con .model { width: 100%; margin: 40px auto 0; display: flex; font-size: 16px; }

.cti-information .information .information-con .model .left { flex: 1; max-width: 180px; line-height: 54px; }

.cti-information .information .information-con .model .right { flex: 1; text-align: left; }

.cti-information .information .information-con .model .right .select-menu dt { padding: 0; }

.cti-information .information .information-con .model.line .right { border-bottom: 1px solid #c2cad0; }

.cti-information .information .information-con .model .label { position: relative; top: 18px; }

.cti-information .information .information-con .price { width: 100%; text-align: center; font-size: 36px; color: #001e50; font-family: HYQiHei-60S; margin-top: 60px; }

.cti-information .information .information-con .information-btn { width: 100%; text-align: center; }

.cti-information .information .information-con .information-btn button { margin-left: 10px; margin-right: 10px; }

@media screen and (max-width: 768px) { .cti-information .information { width: 100%; display: flex; align-items: center; }
  .cti-information .information .information-con { width: 83%; margin: 60px auto 50px; }
  .cti-information .information .information-con .title { width: 100%; height: 50px; text-align: center; font-size: 36px; font-family: HYQiHei-60S; line-height: 50px; }
  .cti-information .information .information-con .model { width: 100%; margin: 40px auto 0; display: flex; font-size: 16px; }
  .cti-information .information .information-con .model .left { flex: 1; max-width: 100px; line-height: 54px; }
  .cti-information .information .information-con .model .right { flex: 1; text-align: left; }
  .cti-information .information .information-con .model .right .select-menu dt { padding: 0; }
  .cti-information .information .information-con .model .right .cti-input { width: 70%; }
  .cti-information .information .information-con .price { width: 100%; text-align: center; font-size: 36px; color: #001e50; font-family: HYQiHei-60S; margin-top: 60px; }
  .cti-information .information .information-con .information-btn { width: 100%; text-align: center; }
  .cti-information .information .information-con .information-btn button { margin-right: 0; } }

.cti-calculator { padding-top: 100px; }

.cti-calculator .title { text-align: center; }

.cti-calculator .title h2 { font-size: 34px; font-family: HYQiHei-60S; }

.cti-calculator .title h4 { font-size: 14px; font-family: HYQiHei-60S; }

.cti-calculator .calculator { width: 1280px; margin: 5% auto; display: flex; align-items: center; }

.cti-calculator .calculator .calculator-con { width: 100%; display: flex; justify-content: space-between; }

.cti-calculator .calculator .calculator-con h3 { font-size: 18px; margin: 7% 0 2%; }

.cti-calculator .calculator .calculator-con .left { width: 60%; }

.cti-calculator .calculator .calculator-con .left .infoprmation { width: 100%; display: flex; align-items: center; font-family: HYQiHei-60S; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con { width: 100%; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model { width: 100%; display: flex; line-height: 35px; font-size: 14px; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div .select-menu dt { padding-left: 0; border-bottom-color: #c2cad0; font-size: 14px; line-height: 35px; height: 35px; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div .select-menu { z-index: auto; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div .select-menu dd { border: 1px solid #b5b5b5; top: 35px; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div .select-menu dd div { width: 100%; margin: 0; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div .select-menu dd div a { line-height: 1.4; padding: 15px 30px; word-wrap: break-word; box-sizing: border-box; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div .select-menu dd .item.active::after { top: 2px; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div .select:after { content: ""; position: absolute; background: url("../images/common/sel-icon.png") no-repeat; background-size: contain; width: 15px; height: 28px; /* top: 50%; */ right: 53%; transform: translateY(-100%); }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div:first-child { margin-right: 5%; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div:nth-child(3) { margin: 0 5% 0 10%; }

.cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div:nth-child(2n) { width: 30%; }

.cti-calculator .calculator .calculator-con .right { display: flex; align-items: center; width: 35%; border: 2px solid #001e50; position: relative; color: #001e50; font-family: HYQiHei-80S; }

.cti-calculator .calculator .calculator-con .right .title { position: absolute; top: 0; left: 50%; background-color: #fff; padding: 2% 5%; transform: translate(-50%, -50%); font-size: 18px; font-family: HYQiHei-80S; }

.cti-calculator .calculator .calculator-con .right .right-con { width: 80%; box-sizing: border-box; margin: 0 auto; }

.cti-calculator .calculator .calculator-con .right .right-con .right-top { text-align: center; margin: 0 auto; font-size: 14px; }

.cti-calculator .calculator .calculator-con .right .right-con .right-top img { width: 75%; margin: 16% 0 10%; }

.cti-calculator .calculator .calculator-con .right .right-con .right-top span { font-family: HYQiHei-60S; }

.cti-calculator .calculator .calculator-con .right .right-con .rulest { width: 100%; margin: 10% auto; border-top: 2px solid #001e50; }

.cti-calculator .calculator .calculator-con .right .right-con .rulest li { display: flex; justify-content: space-between; margin-top: 8%; }

.cti-calculator .calculator .calculator-con .right .right-con .rulest-btn { text-align: center; margin: 3% auto 10%; overflow: hidden; display: flex; justify-content: space-between; }

.cti-calculator .calculator .calculator-con .right .right-con .rulest-btn button { margin: 0; background-color: #001e50; color: #fff; width: 48%; min-width: auto; }

@media screen and (max-width: 1150px) { .cti-calculator .calculator { width: 768px; }
  .cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div:nth-child(2n) { width: 26%; } }

@media screen and (max-width: 768px) { .cti-calculator .title { text-align: center; }
  .cti-calculator .title h2 { font-size: 9vw; }
  .cti-calculator .title h4 { font-size: 3.7vw; }
  .cti-calculator .calculator { width: 90%; display: block; }
  .cti-calculator .calculator .calculator-con { display: block; }
  .cti-calculator .calculator .calculator-con h3 { font-size: 4.8vw; margin: 7% 0 5%; }
  .cti-calculator .calculator .calculator-con .left { width: 100%; }
  .cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model { font-size: 3.7vw; flex-wrap: wrap; justify-content: space-between; }
  .cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div { margin-bottom: 4%; }
  .cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div .select-menu dt { font-size: 3.7vw; line-height: 9.3vw; height: 9.3vw; }
  .cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div:nth-child(3) { margin: 0 5% 0 0; }
  .cti-calculator .calculator .calculator-con .left .infoprmation .infoprmation-con .car-model div:nth-child(2n) { width: 70%; }
  .cti-calculator .calculator .calculator-con .right { width: 100%; border: 2px solid #001e50; margin-top: 15%; }
  .cti-calculator .calculator .calculator-con .right .title { font-size: 4.8vw; }
  .cti-calculator .calculator .calculator-con .right .right-con .right-top { font-size: 3.7vw; } }

.cti-carmodel { font-family: HYQiHei-60s; }

.cti-carmodel #wrapper { /* position: relative; */ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; transition: -webkit-transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; transition: transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; transition: transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s, -webkit-transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; background: #fff; }

.cti-carmodel .models-page { padding-top: 120px; }

.cti-carmodel .models-page .side-left { width: 240px; padding: 0 0 0 60px; background: #fff; }

.cti-carmodel .models-page .side-left.fixed { position: fixed; left: 0; top: 120px; /* z-index: 888; */ }

@media screen and (max-width: 768px) { .cti-carmodel .models-page .side-left.fixed { top: 0; position: inherit; padding-top: 0; } }

@media screen and (max-width: 768px) { .cti-carmodel .models-page .side-left { width: 100%; top: 0; overflow: hidden; padding: 112px 10% 0; box-sizing: border-box; } }

.cti-carmodel .models-page .side-left .filter-btn { display: inline-block; border: 1px solid #001e50; font-size: 14px; width: 70px; height: 30px; line-height: 27px; color: #001e50; border-radius: 30px; padding: 0 0 0 10px; }

.cti-carmodel .models-page .side-left .filter-btn i { margin-right: 5px; }

.cti-carmodel .models-page .side-left h1 { font-family: HYQiHei-60S; font-size: 24px; color: #081e51; margin-bottom: 25px; }

.cti-carmodel .models-page .side-left h1 a { color: #081e51; }

.cti-carmodel .models-page .side-left h1 a:hover { color: #0040c5; }

.cti-carmodel .models-page .side-left ul { margin-bottom: 50px; }

@media screen and (max-width: 768px) { .cti-carmodel .models-page .side-left ul { display: none; } }

.cti-carmodel .models-page .side-left ul li { line-height: 1; margin-bottom: 15px; }

.cti-carmodel .models-page .side-left ul li a { color: #081e51; font-size: 16px; font-family: HYQiHei-40S; }

.cti-carmodel .models-page .side-left ul li.on a { font-family: HYQiHei-80S; }

.cti-carmodel .models-page .side-left .mb-menu-list { display: none; }

.cti-carmodel .models-page .filterBox, .cti-carmodel .models-page .side-right { margin-left: 240px; margin-right: 8%; border-left: 1px solid #dfe4e8; }

@media screen and (max-width: 768px) { .cti-carmodel .models-page .filterBox, .cti-carmodel .models-page .side-right { border-left: none; margin-left: 0; margin-right: 0; padding-top: 15%; } }

.cti-carmodel .models-page .filterBox ul, .cti-carmodel .models-page .side-right ul { overflow: hidden; }

.cti-carmodel .models-page .filterBox ul li, .cti-carmodel .models-page .side-right ul li { position: relative; width: 29%; float: left; margin-left: 4%; margin-bottom: 50px; line-height: 1.8; }

@media screen and (max-width: 1024px) { .cti-carmodel .models-page .filterBox ul li, .cti-carmodel .models-page .side-right ul li { width: 45%; } }

@media screen and (max-width: 768px) { .cti-carmodel .models-page .filterBox ul li, .cti-carmodel .models-page .side-right ul li { margin: 0 0 33px; width: 100%; } }

.cti-carmodel .models-page .filterBox ul li a, .cti-carmodel .models-page .side-right ul li a { color: #081e51; }

.cti-carmodel .models-page .filterBox ul li a .caption, .cti-carmodel .models-page .side-right ul li a .caption { margin: -6% 0 5%; text-align: center; margin-top: 1.2vw; font-size: 18px; color: #000; font-family: HYQiHei-60s; }

@media screen and (max-width: 768px) { .cti-carmodel .models-page .filterBox ul li a .caption, .cti-carmodel .models-page .side-right ul li a .caption { padding: 0 10%; margin: 2% 0 6%; } }

.cti-carmodel .models-page .filterBox ul li a .thumbBox, .cti-carmodel .models-page .side-right ul li a .thumbBox { position: relative; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .bg-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .bg-color { position: absolute; left: 0; top: 0; height: 77%; width: 100%; background: #ff0; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .tayron-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .tayron-color { background: #dfe4e8; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .tayron-x-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .tayron-x-color { background: #dfe4e8; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .tayron-gte-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .tayron-gte-color { background: #dfe4e8; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .tayronRline-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .tayronRline-color { background: #dfe4e8; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .troc-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .troc-color { background: #dfe4e8; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .cc-color, .cti-carmodel .models-page .filterBox ul li a .thumbBox .golf-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .cc-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .golf-color { background: #dfe4e8; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .new-magotan-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .new-magotan-color { background: #dfe4e8; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .newmagotan-gte-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .newmagotan-gte-color { background: #dfe4e8; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .bora-color, .cti-carmodel .models-page .filterBox ul li a .thumbBox .golfRline-color, .cti-carmodel .models-page .filterBox ul li a .thumbBox .golfSvan-color, .cti-carmodel .models-page .filterBox ul li a .thumbBox .newmagotan-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .bora-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .golfRline-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .golfSvan-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .newmagotan-color { background: #dedede; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .egolf-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .egolf-color { background: #180d64; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .ctrek-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .ctrek-color { background: #b05028; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .golfGti-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .golfGti-color { background: #a41716; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .magotan-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .magotan-color { background: #848484; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .ebora-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .ebora-color { background: #124db9; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .newbora-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .newbora-color { background: #8f8681; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .tacqua-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .tacqua-color { background: #c40902; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox .magotangte-color, .cti-carmodel .models-page .side-right ul li a .thumbBox .magotangte-color { background: #424554; }

.cti-carmodel .models-page .filterBox ul li a .thumbBox img, .cti-carmodel .models-page .side-right ul li a .thumbBox img { position: relative; margin: 130px 0 0; }

.cti-carmodel .models-page .filterBox ul li a h2, .cti-carmodel .models-page .side-right ul li a h2 { position: absolute; left: 5%; top: 6%; font-family: HYQiHei-80S; font-size: 26px; }

.cti-carmodel .models-page .filterBox ul li a h2.white, .cti-carmodel .models-page .side-right ul li a h2.white { color: #000000; }

.cti-carmodel .models-page .filterBox { display: none; min-height: 400px; }

.cti-carmodel .clearfix { display: inline-table; display: block; zoom: 1; }

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

.cti-carmodel #wrapper, .cti-carmodel .thumbBox img { width: 100%; }

@charset "UTF-8";
.cti-cartype { /* 视频 */ /* config */ /* 360 */ /* detail */ /* light */ /* style */ /* img */ /* message */ }

.cti-cartype .big-wrap { -webkit-transition: all 0.3s; transition: all 0.3s; }

.cti-cartype .big-wrap.scale09 { -webkit-transform: scale(0.9); transform: scale(0.9); }

.cti-cartype .cti-pc { display: block; }

.cti-cartype .cti-wap { display: none; }

.cti-cartype .cti-video-wrap { text-align: center; }

.cti-cartype .cti-video-wrap .cti-video { width: 94%; margin: 3vw 0; background: #000; }

.cti-cartype .cti-config-container { padding-top: 3%; }

.cti-cartype .cti-config-container > a { color: #001E50; position: absolute; display: inline-block; padding-bottom: 0.5%; border-bottom: 1px solid #001E50; left: 87%; transform: translateX(-50%); z-index: 1; bottom: 0; font-size: 0.7vw; font-weight: bold; }

.cti-cartype .cti-config-container ul { width: 67%; margin: 0 auto; }

.cti-cartype .cti-config-container ul li { color: #000; border-right: 1px solid #b5b5b5; width: 30%; float: left; box-sizing: border-box; }

.cti-cartype .cti-config-container ul li:first-child { width: 20%; }

.cti-cartype .cti-config-container ul li:first-child div { width: 70%; margin-left: 0; }

.cti-cartype .cti-config-container ul li:last-child { width: 20%; border: none; }

.cti-cartype .cti-config-container ul li:last-child div { width: 60%; margin-right: 0; }

.cti-cartype .cti-config-container ul li div { width: 40%; margin: 0 auto; }

.cti-cartype .cti-config-container ul li div span { font-size: 1vw; vertical-align: middle; }

.cti-cartype .cti-config-container ul li p.cti-config-name { font-size: 16px; margin-bottom: 5%; font-family: HYQiHei-80S; }

.cti-cartype .cti-config-container ul li p.cti-config-val { font-size: 2vw; }

.cti-cartype .cti-360-container { margin-bottom: 3.9vw; }

.cti-cartype .cti-360-container .cti-360-title { padding: 4% 0; width: 67%; margin: 0 auto; }

.cti-cartype .cti-360-container .cti-360-title b { font-family: HYQiHei-60S; font-weight: 500; }

.cti-cartype .cti-360-container .cti-360-title p { color: #000; }

.cti-cartype .cti-360-container .cti-360-title p:first-child { font-size: 36px; margin-bottom: 4%; }

.cti-cartype .cti-360-container .cti-360-title p:last-child { font-size: 16px; padding-left: 5%; line-height: 1.5em; font-family: HYQiHei-40S; }

.cti-cartype .cti-360-container .cti-360-title p span { font-family: HYQiHei-40S; }

.cti-cartype .cti-360-container .cti-360-content { position: relative; }

.cti-cartype .cti-360-container .cti-360-content img { width: 100%; }

.cti-cartype .cti-360-container .cti-introduce { position: absolute; bottom: 16vh; left: 50%; transform: translateX(-50%); font-size: 3vw; color: white; text-align: center; }

.cti-cartype .cti-360-container .cti-introduce b { font-family: HYQiHei-40S; font-weight: 500; }

.cti-cartype .cti-360-container .cti-link-button { display: inline-block; color: #02306d; font-family: HYQiHei-40S; }

.cti-cartype .cti-detail-container { margin-bottom: 3.9vw; }

.cti-cartype .cti-detail-container b { font-family: HYQiHei-40s; font-weight: 500; }

.cti-cartype .cti-detail-container.cti-pc { padding-top: 5%; }

.cti-cartype .cti-detail-container.cti-pc img { width: 100%; }

.cti-cartype .cti-detail-container.cti-pc div { color: #000; width: 71%; font-size: 1.68vw; margin: 0 auto; line-height: 2.2vw; margin-top: -1%; font-family: HYQiHei-40S; }

.cti-cartype .cti-detail-container.cti-pc div p { margin: 0; }

.cti-cartype .cti-detail-container.cti-wap { padding-top: 5%; }

.cti-cartype .cti-detail-container.cti-wap div { width: 85%; margin: 0 auto; font-size: 36px; margin-bottom: 5%; }

.cti-cartype .cti-detail-container.cti-wap > p { white-space: nowrap; width: 100%; overflow: scroll; }

.cti-cartype .cti-detail-container.cti-wap p img { width: 60vw; margin-left: 7vw; }

.cti-cartype .cti-light-container { padding-top: 0.5%; }

.cti-cartype .cti-light-container b { font-family: HYQiHei-40S; font-weight: 500; }

.cti-cartype .cti-light-container .cti-lightBox { margin-bottom: 4.65vw; }

.cti-cartype .cti-light-container .cti-lightBox .cti-lightTit { text-align: center; padding: 3.6% 0; font-size: 2vw; font-family: HYQiHei-40s; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content { width: 97%; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-imgbox { width: 60%; overflow: hidden; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-imgbox img { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-imgbox:hover img { transform: scale3d(1.1, 1.1, 1.1); }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-text-box { width: 40%; box-sizing: border-box; padding-top: 10%; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-text-box .cti-light-name { font-size: 2.68vw; padding-bottom: 4%; font-family: HYQiHei-40S; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-text-box .cti-lightcon { font-size: 1vw; padding-bottom: 7%; font-family: HYQiHei-40S; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-text-box .cti-lightbtn { font-size: 1vw; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-text-box .cti-lightbtn a { color: #001e50; padding-bottom: 1%; border-bottom: 1px solid #001e50; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content.cti-fl .cti-light-text-box { padding-left: 3%; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content.cti-fr .cti-light-text-box { padding-right: 3%; }

.cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box { display: none; }

.cti-cartype .cti-style-container { padding-top: 5%; }

.cti-cartype .cti-style-container b { font-family: HYQiHei-40S; font-weight: 500; }

.cti-cartype .cti-style-container .cti-style-bg img { width: 100%; }

.cti-cartype .cti-style-container .cti-introduce { position: absolute; top: 35%; left: 50%; transform: translateX(-50%); font-size: 3vw; color: white; text-align: center; font-family: HYQiHei-40s; line-height: 2.8vw; }

.cti-cartype .cti-style-container .cti-introduce span { font-size: 1.5vw; }

.cti-cartype .cti-style-container .cti-link-button { display: inline-block; }

.cti-cartype .cti-style-container .cti-link-button button { color: #02306d; }

.cti-cartype .cti-img-container { padding-top: 7.8%; }

.cti-cartype .cti-img-container ul { width: 94%; margin: 0 auto; display: flex; justify-content: space-between; }

.cti-cartype .cti-img-container ul li { width: 29%; }

.cti-cartype .cti-img-container ul li .imgwrap { overflow: hidden; }

.cti-cartype .cti-img-container ul li:nth-child(1) .imgwrap { height: 30.2vw; }

.cti-cartype .cti-img-container ul li:nth-child(2) .imgwrap { height: 22.8vw; }

.cti-cartype .cti-img-container ul li:nth-child(3) .imgwrap { height: 39.8vw; }

.cti-cartype .cti-img-container ul li img { width: 100%; transition: all 1.5s; }

.cti-cartype .cti-img-container ul li:hover img { transform: scale3d(1.1, 1.1, 1.1); }

.cti-cartype .cti-img-container ul li .cti-text-box { padding-top: 7%; }

.cti-cartype .cti-img-container ul li .cti-text-box p { color: #000; font-size: 28px; }

.cti-cartype .cti-img-container ul li .cti-text-box p:first-child { color: #001e50; font-size: 18px; margin-bottom: 1%; font-family: HYQiHei-40S; }

.cti-cartype .cti-messagecontainer { padding-top: 5.3%; width: 94%; margin: 0 auto; padding-bottom: 7%; }

.cti-cartype .cti-messagecontainer b { font-family: HYQiHei-40S; font-weight: 500; }

.cti-cartype .cti-messagecontainer .cti-messageTit { text-align: center; padding: 3% 0; font-size: 2vw; }

.cti-cartype .cti-messagecontainer .cti-messagecon ul li:nth-child(odd) { width: 60%; float: left; }

.cti-cartype .cti-messagecontainer .cti-messagecon ul li img { width: 100%; margin-bottom: 5%; }

.cti-cartype .cti-messagecontainer .cti-messagecon ul li p { margin-bottom: 2%; }

.cti-cartype .cti-messagecontainer .cti-messagecon ul li p.cti-messageType { font-size: 1.3vw; margin: 0; font-family: HYQiHei-40S; }

.cti-cartype .cti-messagecontainer .cti-message-morebox { text-align: center; margin-top: 7%; position: relative; }

.cti-cartype .cti-messagecontainer .cti-message-morebox a button { border: 2px solid #001e50; color: #001e50; font-family: HYQiHei-40S; background: transparent; margin: 0 auto; }

.cti-cartype .cti-messagecontainer .cti-message-morebox span { position: absolute; width: calc(50% - 128px); height: 2px; left: 0; top: 0; bottom: 0; margin: auto; background-color: #c2cacf; }

.cti-cartype .cti-messagecontainer .cti-message-morebox span.cti-lineRight { right: 0; left: auto; }

.cti-cartype .cti-messagecontainer .cti-messagecon ul li { float: right; width: 35%; font-size: 1.5vw; }

.cti-cartype .cti-messagecontainer .cti-messagecon ul li p.cti-messageMore a { font-size: 1vw; color: #001e50; border-bottom: 1px solid #001e50; padding-bottom: 1%; }

.cti-cartype .cti-sellingpoint-container { width: 100%; height: 100%; padding: 3%; background-color: #fff; z-index: 10; box-sizing: border-box; font-size: 16px; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: center bottom; transform-origin: center bottom; visibility: hidden; }

.cti-cartype .cti-sellingpoint-container .icon-close { font-size: 26px; position: absolute; width: 50px; height: 50px; line-height: 50px; top: 60px; text-align: center; right: 60px; cursor: pointer; font-weight: lighter; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; transition: -webkit-transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; transition: transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; transition: transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s, -webkit-transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s; }

.cti-cartype .cti-sellingpoint-container .icon-close:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.cti-cartype .cti-sellingpoint-container .title { font-size: 60px; }

.cti-cartype .cti-sellingpoint-container .tab { display: inline-block; border-bottom: 1px solid #dee4e8; }

.cti-cartype .cti-sellingpoint-container .tab li { position: relative; display: inline-block; color: #001e50; margin-right: 20px; cursor: pointer; padding: 15px 0; line-height: 100%; }

.cti-cartype .cti-sellingpoint-container .tab .cur { font-size: 18px; color: #0040c5; font-family: HYQiHei-80S; }

.cti-cartype .cti-sellingpoint-container .tab .cur::after { position: absolute; left: 0; bottom: 0; content: " "; width: 100%; height: 2px; background: #0040c5; }

.cti-cartype .cti-sellingpoint-container .introduce { margin-top: 2%; position: fixed; top: 50%; -webkit-transform: translateY(-30%); transform: translateY(-30%); padding: 0 3%; width: 96%; display: flex; justify-content: space-between; box-sizing: border-box; }

.cti-cartype .cti-sellingpoint-container .introduce .txt-wrap { width: 50%; padding: 20px 0 0; }

.cti-cartype .cti-sellingpoint-container .introduce .txt-wrap h2 { font-size: 50px; line-height: 1.2em; font-family: HYQiHei-40S; }

.cti-cartype .cti-sellingpoint-container .introduce .txt-wrap p { font-size: 25px; line-height: 1.3em; margin-bottom: 40px; padding-top: 0.9em; }

.cti-cartype .cti-sellingpoint-container .introduce .imgAni { width: 44.55%; overflow: hidden; }

.cti-cartype .cti-sellingpoint-container .introduce .imgAni img { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.cti-cartype .cti-sellingpoint-container .introduce .imgAni img:hover { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }

.cti-cartype .cti-sellingpoint-container.show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; z-index: 2000; visibility: visible; -webkit-transition: all 0.8s cubic-bezier(0.14, 1.12, 0.67, 0.99); transition: all 0.8s cubic-bezier(0.14, 1.12, 0.67, 0.99); }

@media screen and (max-width: 1680px) { .cti-cartype .cti-sellingpoint-container .introduce .txt-wrap h2 { font-size: 42px; }
  .cti-cartype .cti-sellingpoint-container .introduce .txt-wrap p { font-size: 21px; } }

@media screen and (max-width: 1440px) { .cti-cartype .cti-sellingpoint-container .introduce .txt-wrap h2 { font-size: 32px; }
  .cti-cartype .cti-sellingpoint-container .introduce .txt-wrap p { font-size: 16px; } }

@media screen and (max-width: 768px) { .cti-cartype { /* 视频 */ /* config */ /* 360 */ /* light */ /* style */ /* img */ /* message */ }
  .cti-cartype .cti-video-wrap .cti-video { width: 100vw; margin: 10vw auto; }
  .cti-cartype .cti-pc { display: none; }
  .cti-cartype .cti-wap { display: block; }
  .cti-cartype .cti-config-container { padding: 10% 0; }
  .cti-cartype .cti-config-container ul { width: 100%; }
  .cti-cartype .cti-config-container ul li { width: 50%; margin-bottom: 5%; }
  .cti-cartype .cti-config-container ul li:first-child { width: 50%; }
  .cti-cartype .cti-config-container ul li:last-child { width: 50%; border-right: 1px solid #b5b5b5; }
  .cti-cartype .cti-config-container ul li:nth-child(2) { border: none; }
  .cti-cartype .cti-config-container ul li:nth-last-child(1) { border: none; }
  .cti-cartype .cti-config-container ul li p.cti-config-name { font-size: 5vw; margin-bottom: 5%; }
  .cti-cartype .cti-config-container ul li p.cti-config-val { font-size: 6vw; }
  .cti-cartype .cti-config-container ul li div span { font-size: 5vw; }
  .cti-cartype .cti-config-container > a { left: 50%; font-size: 16px; bottom: 5%; }
  .cti-cartype .cti-config-container ul li div, .cti-cartype .cti-config-container ul li:first-child div, .cti-cartype .cti-config-container ul li:last-child div { width: 63%; margin: 0 auto; }
  .cti-cartype .cti-360-container .cti-360-title { width: 87%; padding: 7% 0; }
  .cti-cartype .cti-360-container .cti-360-title p span { display: block; font-size: 36px; }
  .cti-cartype .cti-360-container .cti-360-title p:first-child { font-size: 5vw; }
  .cti-cartype .cti-360-container .cti-360-title p:last-child { padding: 0; font-size: 16px; }
  .cti-cartype .cti-360-container .cti-introduce { width: 100%; font-size: 11vw; }
  .cti-cartype .cti-360-container .cti-link-button { padding: 3% 12%; font-size: 12px; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content { width: 100%; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-imgbox { width: 100%; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-text-box { width: 85%; margin: 0 auto; padding-left: 7.5% !important; padding-right: 7.5% !important; padding-top: 7%; box-sizing: content-box; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-text-box .cti-lightcon { font-size: 16px; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-text-box .cti-light-name { text-align: center; font-size: 28px; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-text-box .cti-lightbtn { display: none; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box { display: block; width: 85%; margin-left: 7.5%; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box .cti-lightTableDetailBox { border-bottom: 2px solid #dfe4e8; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box .cti-lightTableDetailBox .cti-lightTableDetailTit { line-height: 5em; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box .cti-lightTableDetailBox .cti-lightTableDetailTit .cti-lightTableDetailName { font-size: 16px; color: #000; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box .cti-lightTableDetailBox .cti-lightTableDetailTit .cti-lightTableArrow { width: 5%; transition: all 0.5s; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box .cti-lightTableDetailBox .cti-lightTableDetailTit .cti-lightTableArrow.cti-act { transform: rotate(180deg); }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box .cti-lightTableDetailBox .cti-lightTableDetailTit .cti-lightTableArrow img { width: 100%; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box .cti-lightTableDetailBox .cti-lightTableDetailCon { display: none; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box .cti-lightTableDetailBox .cti-lightTableDetailCon p { font-size: 14px; line-height: 2.5em; margin-bottom: 4%; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-light-content .cti-light-table-box .cti-lightTableDetailBox .cti-lightTableDetailCon p img { width: 100%; }
  .cti-cartype .cti-light-container .cti-lightBox .cti-lightTit { font-size: 36px; padding: 5% 0; }
  .cti-cartype .cti-style-container .cti-introduce { position: absolute; top: 30%; left: 50%; transform: translateX(-50%); font-size: 6.5vw; color: white; text-align: center; line-height: 8vw; }
  .cti-cartype .cti-style-container .cti-introduce span { font-size: 4vw; }
  .cti-cartype .cti-style-container .cti-link-button { display: inline-block; color: #001e50; }
  .cti-cartype .cti-img-container { padding-top: 10%; }
  .cti-cartype .cti-img-container ul { overflow-x: scroll; white-space: nowrap; width: 100%; box-sizing: border-box; display: block; }
  .cti-cartype .cti-img-container ul li { width: 60vw; display: inline-block; margin-left: 7.5%; margin-right: 0; float: none; vertical-align: top; }
  .cti-cartype .cti-img-container ul li:nth-child(1) .imgwrap, .cti-cartype .cti-img-container ul li:nth-child(2) .imgwrap, .cti-cartype .cti-img-container ul li:nth-child(3) .imgwrap { height: auto; }
  .cti-cartype .cti-img-container ul li .cti-text-box p { font-size: 28px; }
  .cti-cartype .cti-img-container ul li .cti-text-box p:first-child { font-size: 18px; }
  .cti-cartype .cti-img-container ul li span { display: block; }
  .cti-cartype .cti-messagecontainer { width: 100%; }
  .cti-cartype .cti-messagecontainer .cti-messageTit { font-size: 36px; }
  .cti-cartype .cti-messagecontainer .cti-messagecon ul li { margin-bottom: 5%; width: 100%; }
  .cti-cartype .cti-messagecontainer .cti-messagecon ul li:nth-child(odd) { width: 100%; }
  .cti-cartype .cti-messagecontainer .cti-messagecon ul li span { display: block; font-size: 24px; }
  .cti-cartype .cti-messagecontainer .cti-messagecon ul li p { width: 85%; margin: 0 auto 2%; }
  .cti-cartype .cti-messagecontainer .cti-messagecon ul li p.cti-messageMore { margin-top: 5vw; }
  .cti-cartype .cti-messagecontainer .cti-messagecon ul li p.cti-messageMore a { font-size: 16px; }
  .cti-cartype .cti-messagecontainer .cti-messagecon ul li p.cti-messageType { font-size: 20px; width: 85%; margin: auto; }
  .cti-cartype .cti-messagecontainer .cti-messagecon ul li p.cti-messageName { font-size: 15px; }
  .cti-cartype .cti-messagecontainer .cti-message-morebox a { font-size: 12px; padding: 2.5% 6%; }
  .cti-cartype .cti-messagecontainer .cti-message-morebox span { width: 25%; } }

.cti-configure { padding-top: 100px; padding-top: 150px; }

.cti-configure .configure h2.title { font-size: 28px; color: #001e50; margin: 3% 0 2%; }

.cti-configure .configure .configure-center { width: 768px; display: flex; align-items: center; margin: 0 auto; }

.cti-configure .configure .configure-center .configure-con { display: block; margin: 0 auto; width: 100%; overflow: hidden; }

.cti-configure .configure .configure-center .configure-con .top { width: 100%; text-align: center; font-size: 40px; font-family: HYQiHei-FZS; line-height: 200px; }

.cti-configure .configure .configure-center .configure-con .center { width: 768px; }

.cti-configure .configure .configure-center .configure-con .center .left { width: 100%; }

.cti-configure .configure .configure-center .configure-con .center .left .left-title { border-bottom: 2px solid #001e50; font-size: 16px; margin-bottom: 2%; }

.cti-configure .configure .configure-center .configure-con .center .left .left-title ul { width: 100%; display: flex; text-align: left; justify-content: space-between; }

.cti-configure .configure .configure-center .configure-con .center .left .left-title li { display: inline-block; line-height: 2; width: 37.5%; font-weight: bold; color: #001e50; }

.cti-configure .configure .configure-center .configure-con .center .left .left-title li:last-child { width: 25%; }

.cti-configure .configure .configure-center .configure-con .center .left .left-con { display: flex; align-items: center; }

.cti-configure .configure .configure-center .configure-con .center .left .left-con .modify { float: right; display: none; color: #001e50; padding-right: 10px; }

.cti-configure .configure .configure-center .configure-con .center .left .left-con ul { width: 100%; display: flex; cursor: pointer; padding: 5px 0; margin: 3px 0; align-items: center; position: relative; justify-content: space-between; }

.cti-configure .configure .configure-center .configure-con .center .left .left-con li { display: inline-block; font-size: 16px; align-items: center; width: 37.5%; }

.cti-configure .configure .configure-center .configure-con .center .left .left-con li:first-child { font-weight: bold; }

.cti-configure .configure .configure-center .configure-con .center .left .left-con li:last-child { width: 25%; }

.cti-configure .configure .configure-center .configure-con .center .left .left-con ul:hover::after { background: #f5f6f8; content: ""; display: block; width: calc(100% + 60px); height: 80%; left: 0; top: 50%; transform: translateY(-50%); position: absolute; z-index: -1; }

.cti-configure .configure .configure-center .configure-con .center .left .left-con ul:hover .modify { display: block; }

.cti-configure .configure .configure-center .configure-con .center .left .left-bottom { height: 100px; margin-top: 5px; color: #001e50; border-top: 1px solid #dfe4e8; }

.cti-configure .configure .configure-center .configure-con .center .left .left-bottom .price { font-size: 28px; font-family: HYQiHei-60S; }

.cti-configure .configure .configure-center .configure-con .center .left .left-bottom .total-price { font-size: 16px; }

.cti-configure .configure .configure-center .configure-con .center .left .left-bottom ul { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 2% 0; }

.cti-configure .configure .configure-center .configure-con .center .left .left-bottom li { display: inline-block; font-weight: bold; }

.cti-configure .configure .configure-center .configure-con .center .left .left-bottom li:last-child { text-align: right; }

.cti-configure .configure .configure-center .configure-con .center .right { width: 100%; }

.cti-configure .configure .configure-center .configure-con .center .right .select-menu { margin-bottom: 3%; }

.cti-configure .configure .configure-center .configure-con .center .right .select-menu dt { font-size: 16px; }

.cti-configure .configure .configure-center .configure-con .center .right .select-menu dd .item.active:after { top: 0; }

.cti-configure .configure .configure-center .configure-con .center .right .price { display: flex; justify-content: space-between; font-size: 16px; margin: 4% 0 2%; }

.cti-configure .configure .configure-center .configure-con .center .right .price div { display: flex; justify-content: space-between; width: 36%; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con { width: 100%; border-top: 2px solid #001e50; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio { width: 100%; line-height: 50px; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio ul { width: 100%; display: flex; justify-content: space-between; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li { width: 70%; display: inline-block; font-size: 16px; line-height: 50px; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li:first-child { width: 30%; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-radio { margin-right: 10%; display: inline-block; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .payment-method { float: right; color: #001e50; border-bottom: 1px solid #001e50; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li span { margin-left: 18px; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input { width: 100%; position: relative; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input .animation { top: 1px; white-space: nowrap; }

.cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input input:focus ~ label, .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input input:valid ~ label, .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input input[type="email"]:not([input-value=""]):not(:focus) ~ label { top: -18px; color: #001e50; font-size: 12px; font-family: HYQiHei-DZS; }

.cti-configure .configure .configure-center .configure-con .center .right .upload { width: 100%; border-bottom: 2px solid #001e50; padding-bottom: 2%; }

.cti-configure .configure .configure-center .configure-con .center .right .upload ul { width: 100%; display: flex; }

.cti-configure .configure .configure-center .configure-con .center .right .upload li:first-child { line-height: 100px; }

.cti-configure .configure .configure-center .configure-con .center .right .upload li { width: 30%; display: inline-block; font-size: 16px; min-width: 50px; }

.cti-configure .configure .configure-center .configure-con .center .right .upload li .unpload-img { width: 100%; }

.cti-configure .configure .configure-center .configure-con .center .right .upload li .unpload-img img { width: 120px; height: 68px; object-fit: cover; margin-top: 20px; }

.cti-configure .configure .configure-center .configure-con .center .right .upload li .unpload-img .unpload-lable { width: 120px; margin-top: 10px; }

.cti-configure .configure .configure-center .configure-con .center .right .upload li.right-input { display: flex; width: 70%; }

.cti-configure .configure .configure-center .configure-con .confit-btn { width: 70%; margin: 5% auto 2%; text-align: center; }

.cti-configure .configure .configure-center .configure-con .confit-btn .confirm { background-color: #001e50; color: #dfe4e8; border-color: #001e50; }

.cti-configure .configure .configure-center .configure-con .confit-btn .confirm:hover { background-color: #dfe4e8; color: #001e50; border-color: #dfe4e8; }

.cti-configure .configure .configure-center .configure-con .confit-btn .primary { margin-right: 2%; }

@media screen and (max-width: 768px) { .cti-configure { padding-top: 100px; }
  .cti-configure .configure h2.title { font-size: 7vw; }
  .cti-configure .configure .configure-center { width: 90%; display: block; align-items: center; margin: 0 auto; }
  .cti-configure .configure .configure-center .configure-con { width: 100%; display: block; margin: 0 auto; }
  .cti-configure .configure .configure-center .configure-con .top { width: 100%; font-size: 40px; font-family: HYQiHei-FZS; margin-top: 80px; }
  .cti-configure .configure .configure-center .configure-con .center { width: 100%; display: block; }
  .cti-configure .configure .configure-center .configure-con .center .left { width: 100%; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-title { width: 100%; font-size: 16px; border-bottom: 2px solid #001e50; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-title li { display: inline-block; width: 25%; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-title li:nth-child(2) { width: 40%; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-con { display: flex; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-con ul { width: 100%; display: flex; justify-content: space-between; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-con li { font-size: 14px; width: 25%; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-con li:nth-child(2) { width: 40%; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-bottom { width: 90%; margin-top: 5px; text-align: center; color: #001e50; border-top: 1px solid #dfe4e8; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-bottom .price { font-size: 30px; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-bottom .total-price { font-size: 14px; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-bottom ul { width: 100%; display: flex; }
  .cti-configure .configure .configure-center .configure-con .center .left .left-bottom li { display: inline-block; }
  .cti-configure .configure .configure-center .configure-con .center .right .upload { padding-bottom: 8%; }
  .cti-configure .configure .configure-center .configure-con .center .right .upload li.right-input { display: block; }
  .cti-configure .configure .configure-center .configure-con .center .right .price { flex-wrap: wrap; margin-bottom: 0%; }
  .cti-configure .configure .configure-center .configure-con .center .right .price div { width: 100%; margin-bottom: 5%; }
  .cti-configure .configure .configure-center .configure-con .center .right .rigth-con { margin: 0 auto; }
  .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio { width: 100%; }
  .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio ul { width: 100%; display: flex; }
  .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li { display: inline-block; font-size: 14px; }
  .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .payment-method { float: none; display: inline-block; }
  .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li span { margin-left: 18px; }
  .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input { width: 100%; position: relative; }
  .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input .animation { top: 1px; white-space: nowrap; font-size: 14px; }
  .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input input:focus ~ label, .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input input:valid ~ label, .cti-configure .configure .configure-center .configure-con .center .right .rigth-con .right-radio li .cti-input input[type="email"]:not([input-value=""]):not(:focus) ~ label { top: -18px; color: #001e50; font-size: 12px; font-family: HYQiHei-DZS; }
  .cti-configure .configure .configure-center .configure-con .confit-btn { width: 100%; margin: 0 auto; }
  .cti-configure .configure .configure-center .configure-con .confit-btn button { width: 45%; min-width: auto; } }

.cti-credit .credit { width: 100%; height: 70vh; display: flex; align-items: center; }

.cti-credit .credit .credit-top { width: 50%; margin: 0 auto; }

.cti-credit .credit .credit-con { width: 100%; text-align: center; }

.cti-credit .credit .credit-con h1 { padding-top: 0.3vw; font-size: 30px; }

.cti-credit .credit .credit-con .credit-p { margin-top: 0.3vw; }

.cti-credit .credit .credit-con p { font-family: HYQiHei-60S; color: #000000; }

.cti-credit .credit .credit-finance { width: 80%; margin: 0 auto; display: flex; align-items: center; }

.cti-credit .credit .credit-finance .finance-con { width: 60%; bottom: 0; margin: auto; display: flex; }

.cti-credit .credit .credit-finance .finance-con .finance-left { width: 50%; height: 100%; text-align: center; flex: 1; }

.cti-credit .credit .credit-finance .finance-con .finance-left .cti-radio { margin-top: 3vw; }

.cti-credit .credit .credit-finance .finance-con .finance-left .cti-radio .img { width: 100px; height: 67px; transform: translateX(20%); }

.cti-credit .credit .credit-finance .finance-con .finance-right { width: 50%; height: 100%; flex: 1; text-align: center; }

.cti-credit .credit .credit-finance .finance-con .finance-right .cti-radio { margin-top: 3vw; }

.cti-credit .credit .credit-finance .finance-con .finance-right .cti-radio .img { width: 100px; height: 67px; transform: translateX(20%); }

.cti-credit .credit .credit-btn { width: 100%; text-align: center; margin-top: 82px; }

.cti-credit .credit .credit-btn .return { color: #001e50; margin-right: 20px; }

.cti-credit .credit .credit-btn .complete { background-color: #dfe4e8; color: #001e50; border-color: #dfe4e8; }

.cti-credit .credit .credit-btn .complete:hover { background-color: #dfe4e8; color: #001e50; border-color: #dfe4e8; }

@media screen and (max-width: 768px) { .cti-credit .credit { width: 100%; height: 70vh; display: flex; align-items: center; }
  .cti-credit .credit .credit-top { width: 95%; margin: 0 auto; }
  .cti-credit .credit .credit-con { width: 100%; text-align: center; }
  .cti-credit .credit .credit-con h1 { padding-top: 0.3vw; font-size: 19px; }
  .cti-credit .credit .credit-con .credit-p { margin-top: 0.3vw; }
  .cti-credit .credit .credit-con p { font-family: HYQiHei-60S; color: #000000; }
  .cti-credit .credit .credit-finance { width: 100%; margin: 0 auto; display: flex; align-items: center; }
  .cti-credit .credit .credit-finance .finance-con { width: 100%; bottom: 0; margin: auto; display: flex; margin-top: 30px; }
  .cti-credit .credit .credit-finance .finance-con .finance-left { width: 50%; height: 100%; text-align: center; flex: 1; }
  .cti-credit .credit .credit-finance .finance-con .finance-left .cti-radio { margin-top: 3vw; }
  .cti-credit .credit .credit-finance .finance-con .finance-left .cti-radio .img { width: 100px; height: 67px; transform: translateX(20%); }
  .cti-credit .credit .credit-finance .finance-con .finance-right { width: 50%; height: 100%; flex: 1; text-align: center; }
  .cti-credit .credit .credit-finance .finance-con .finance-right .cti-radio { margin-top: 3vw; }
  .cti-credit .credit .credit-finance .finance-con .finance-right .cti-radio .img { width: 100px; height: 67px; transform: translateX(20%); }
  .cti-credit .credit .credit-btn { width: 100%; text-align: center; margin-top: 82px; }
  .cti-credit .credit .credit-btn .return { color: #001e50; margin-right: 10px; }
  .cti-credit .credit .credit-btn .complete { background-color: #dfe4e8; color: #001e50; border-color: #dfe4e8; }
  .cti-credit .credit .credit-btn .complete:hover { background-color: #dfe4e8; color: #001e50; border-color: #dfe4e8; } }

.cti-crediterror .creditsult { min-width: 468px; }

.cti-crediterror .creditsult .ruslit { width: 50%; height: 100vh; margin: 0 auto; display: flex; align-items: center; min-width: 668px; }

.cti-crediterror .creditsult .ruslit .ruslt-center { width: 40%; height: 480px; margin: 0 auto; min-width: 768px; }

.cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-top { width: 80%; display: flex; margin: 0 auto; text-align: center; padding-top: 30px; }

.cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-top .icon { width: 42px; height: 42px; }

.cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-top .icon img { width: 42px; height: 42px; }

.cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-top .ruslt-text { font-size: 30px; font-family: HYQiHei-40S; color: #001e50; margin-left: 20px; }

.cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product { width: 80%; margin: 0 auto; display: flex; align-items: center; }

.cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product .left { width: 50%; height: 200px; display: flex; align-items: center; }

.cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product .left .left-con { width: 50%; height: 80px; margin: 0 auto; font-size: 16px; font-family: HYQiHei-FZS; }

.cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product .right { width: 50%; height: 200px; display: flex; align-items: center; }

.cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product .right .right-con { width: 50%; height: 80px; margin: 0 auto; font-size: 16px; font-family: HYQiHei-FZS; }

.cti-crediterror .creditsult .ruslit .ruslt-btn { width: 80%; height: 50px; margin: 0 auto; margin-top: 100px; text-align: center; }

.cti-crediterror .creditsult .ruslit .ruslt-btn .btn { background-color: #001e50; color: white; border-color: #001e50; }

.cti-crediterror .creditsult .ruslit .ruslt-btn .bth:hover { border-color: #001e50; }

.cti-crediterror .creditsult .ruslit .ruslt-btn .full-btn { background-color: white; border-color: #001e50; margin-right: 10px; }

@media screen and (max-width: 768px) { .cti-crediterror .creditsult { min-width: auto; }
  .cti-crediterror .creditsult .ruslit { width: 100%; height: 100vh; margin: 0 auto; display: flex; align-items: center; min-width: auto; }
  .cti-crediterror .creditsult .ruslit .ruslt-center { width: 100%; height: 480px; margin: 0 auto; min-width: auto; }
  .cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-top { width: 100%; display: block; margin: 0 auto; text-align: center; padding-top: 30px; }
  .cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-top .icon { width: 100%; height: 42px; display: inline-block; }
  .cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-top .icon img { width: 35px; height: 35px; }
  .cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-top .ruslt-text { font-size: 16px; font-family: HYQiHei-40S; color: #001e50; margin-left: 0px; margin-top: 15px; }
  .cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product { width: 93%; margin: 0 auto; display: flex; align-items: center; }
  .cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product .left { width: 50%; height: 200px; display: flex; align-items: center; text-align: center; }
  .cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product .left .left-con { width: 100%; height: 80px; margin: 0 auto; font-size: 16px; font-family: HYQiHei-FZS; }
  .cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product .right { width: 50%; height: 200px; display: flex; align-items: center; text-align: center; }
  .cti-crediterror .creditsult .ruslit .ruslt-center .ruslt-product .right .right-con { width: 80%; height: 80px; margin: 0 auto; font-size: 16px; font-family: HYQiHei-FZS; }
  .cti-crediterror .creditsult .ruslit .ruslt-btn { width: 100%; height: 50px; margin: 0 auto; margin-top: 100px; text-align: center; }
  .cti-crediterror .creditsult .ruslit .ruslt-btn .btn { background-color: #001e50; color: white; border-color: #001e50; }
  .cti-crediterror .creditsult .ruslit .ruslt-btn .bth:hover { border-color: #001e50; }
  .cti-crediterror .creditsult .ruslit .ruslt-btn .full-btn { background-color: white; border-color: #001e50; margin-right: 10px; } }

.cti-creditsult .creditsult { min-width: 468px; }

.cti-creditsult .creditsult .ruslit { width: 50%; height: 100vh; margin: 0 auto; display: flex; align-items: center; min-width: 668px; }

.cti-creditsult .creditsult .ruslit .ruslt-center { width: 40%; height: 480px; margin: 0 auto; min-width: 768px; }

.cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-top { width: 70%; display: flex; margin: 0 auto; text-align: center; padding-top: 30px; }

.cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-top .icon { width: 42px; height: 42px; }

.cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-top .icon img { width: 42px; height: 42px; }

.cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-top .ruslt-text { font-size: 30px; font-family: HYQiHei-40S; color: #001e50; margin-left: 20px; }

.cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product { width: 80%; margin: 0 auto; display: flex; align-items: center; }

.cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product .left { width: 50%; height: 200px; display: flex; align-items: center; }

.cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product .left .left-con { width: 50%; height: 80px; margin: 0 auto; font-size: 16px; font-family: HYQiHei-FZS; }

.cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product .right { width: 50%; height: 200px; display: flex; align-items: center; }

.cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product .right .right-con { width: 50%; height: 80px; margin: 0 auto; font-size: 16px; font-family: HYQiHei-FZS; }

.cti-creditsult .creditsult .ruslit .ruslt-btn { width: 20%; height: 50px; margin: 0 auto; margin-top: 100px; }

.cti-creditsult .creditsult .ruslit .ruslt-btn button { background-color: #001e50; color: white; border-color: #001e50; }

.cti-creditsult .creditsult .ruslit .ruslt-btn .bth:hover { border-color: #001e50; }

@media screen and (max-width: 768px) { .cti-creditsult .creditsult { min-width: auto; }
  .cti-creditsult .creditsult .ruslit { width: 100%; height: 100vh; margin: 0 auto; display: flex; align-items: center; min-width: auto; }
  .cti-creditsult .creditsult .ruslit .ruslt-center { width: 100%; height: 480px; margin: 0 auto; min-width: auto; }
  .cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-top { width: 100%; display: block; margin: 0 auto; text-align: center; padding-top: 30px; }
  .cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-top .icon { width: 100%; height: 42px; display: inline-block; }
  .cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-top .icon img { width: 35px; height: 35px; }
  .cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-top .ruslt-text { font-size: 16px; font-family: HYQiHei-40S; color: #001e50; margin-left: 0px; margin-top: 15px; }
  .cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product { width: 93%; margin: 0 auto; display: flex; align-items: center; }
  .cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product .left { width: 50%; height: 200px; display: flex; align-items: center; text-align: center; }
  .cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product .left .left-con { width: 100%; height: 80px; margin: 0 auto; font-size: 16px; font-family: HYQiHei-FZS; }
  .cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product .right { width: 50%; height: 200px; display: flex; align-items: center; text-align: center; }
  .cti-creditsult .creditsult .ruslit .ruslt-center .ruslt-product .right .right-con { width: 80%; height: 80px; margin: 0 auto; font-size: 16px; font-family: HYQiHei-FZS; }
  .cti-creditsult .creditsult .ruslit .ruslt-btn { width: 40%; height: 50px; margin: 0 auto; margin-top: 100px; text-align: center; }
  .cti-creditsult .creditsult .ruslit .ruslt-btn button { background-color: #001e50; color: white; border-color: #001e50; }
  .cti-creditsult .creditsult .ruslit .ruslt-btn .bth:hover { border-color: #001e50; } }

.cti-customer { padding-top: 100px; }

.cti-customer .custormer { width: 100%; display: flex; align-items: center; }

.cti-customer .custormer .custormer-con { width: 44%; margin: 0 auto; margin-top: 60px; margin-bottom: 50px; }

.cti-customer .custormer .custormer-con .custormer-title { width: 100%; height: 50px; text-align: center; font-size: 36px; font-family: HYQiHei-60S; line-height: 50px; }

.cti-customer .custormer .custormer-con .custormer-form { width: 70%; margin: 0 auto; }

.cti-customer .custormer .custormer-con .custormer-form .name { width: 100%; height: 50px; display: flex; font-size: 16px; margin-top: 20px; }

.cti-customer .custormer .custormer-con .custormer-form .name div { flex: 1; }

.cti-customer .custormer .custormer-con .custormer-form .name .left { max-width: 140px; line-height: 75px; }

.cti-customer .custormer .custormer-con .custormer-form .name .cti-input { width: 100%; }

.cti-customer .custormer .custormer-con .custormer-form .name .select-menu dt { padding: 0; line-height: 75px; border-bottom: 1px solid #c2cad0; }

.cti-customer .custormer .custormer-con .custormer-form .ctiy { width: 100%; display: flex; font-size: 16px; margin-top: 20px; }

.cti-customer .custormer .custormer-con .custormer-form .ctiy div { flex: 1; }

.cti-customer .custormer .custormer-con .custormer-form .ctiy .left { max-width: 140px; line-height: 75px; }

.cti-customer .custormer .custormer-con .custormer-form .ctiy .select-menu dt { padding: 0; line-height: 75px; border-bottom: 1px solid #c2cad0; }

.cti-customer .custormer .custormer-con .custormer-form .customer-checbox { width: 100%; text-align: center; height: 80px; line-height: 80px; font-size: 14px; }

.cti-customer .custormer .custormer-con .custormer-form .customer-checbox a { color: #001e50; }

.cti-customer .custormer .custormer-con .custormer-form .customer-btn { width: 100%; text-align: center; height: 80px; line-height: 80px; }

@media screen and (max-width: 768px) { .cti-customer .custormer .custormer-con { width: 100%; }
  .cti-customer .custormer .custormer-con .custormer-form { width: 85%; } }

.cti-dealer-search { padding-top: 100px; }

.cti-dealer-search .cti-levitated-sphere { display: none; }

.cti-dealer-search .page-wrapper { position: relative; width: 100%; height: calc(100vh - 100px); min-height: 768px; }

.cti-dealer-search .dealer-map { width: 100%; height: 100%; }

.cti-dealer-search .search-panel { width: 421px; height: 620px; background-color: #fff; position: absolute; right: 3%; top: 50%; margin-top: -310px; border: 1px solid #C2CACF; }

.cti-dealer-search .search-panel .form { padding: 19px 2vw; }

.cti-dealer-search .search-panel .form h3 { font-size: 24px; }

.cti-dealer-search .select-menu { z-index: auto; }

.cti-dealer-search .search-result, .cti-dealer-search .search-result-detail { font-size: 18px; height: 63%; overflow: auto; background: #DFE4E8; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: scroll; padding: 0; overflow: -moz-scrollbars-none; overflow: -moz-scrollbars-none; }

.cti-dealer-search .search-result::-webkit-scrollbar, .cti-dealer-search .search-result-detail::-webkit-scrollbar { display: none; }

.cti-dealer-search .search-result ul li, .cti-dealer-search .search-result-detail ul li { font-size: 16px; padding: 15px 2vw; cursor: pointer; overflow: hidden; border-bottom: 1px solid #B6BFC5; }

.cti-dealer-search .search-result .xuhao, .cti-dealer-search .search-result-detail .xuhao { width: 32px; height: 32px; line-height: 32px; text-align: center; background: #001E50; color: #ffffff; border-radius: 50px; float: left; margin-right: 2vw; }

.cti-dealer-search .search-result .content, .cti-dealer-search .search-result-detail .content { float: left; width: 238px; }

.cti-dealer-search .search-result p.name, .cti-dealer-search .search-result-detail p.name { margin-bottom: 5px; }

.cti-dealer-search .search-result .name-icon, .cti-dealer-search .search-result-detail .name-icon { margin-left: 10px; }

.cti-dealer-search .search-result p.address, .cti-dealer-search .search-result p.phone, .cti-dealer-search .search-result-detail p.address, .cti-dealer-search .search-result-detail p.phone { font-size: 14px; }

.cti-dealer-search .search-result-detail { position: absolute; height: 63%; width: 100%; bottom: 0; left: 0; }

.cti-dealer-search .search-result-detail .btn-back { color: #0040C5; display: block; text-align: right; padding: 0 60px; }

.cti-dealer-search .search-result-detail .btn-back span { cursor: pointer; padding: 30px 0; display: inline-block; }

.cti-dealer-search .search-result-detail ul li { border-bottom: none; cursor: auto; }

.cti-dealer-search .search-result-detail .btn-group button { display: block; margin: 20px auto; }

@media screen and (max-width: 768px) { .cti-dealer-search .page-wrapper { height: auto; min-height: auto; }
  .cti-dealer-search .dealer-map { height: 300px; }
  .cti-dealer-search .search-panel { width: 90%; position: relative; margin: auto; top: 0; margin-top: -30px; right: auto; } }

.cti-detail .news-head { width: 1000px; margin: 150px auto 4%; display: flex; justify-content: space-between; }

.cti-detail .news-head img { width: 56%; }

.cti-detail .news-head .info { width: 40%; display: flex; flex-direction: column; justify-content: space-between; }

.cti-detail .news-head .info .time { font-size: 16px; margin: 8% 0 4%; }

.cti-detail .news-head .info .big-tit { font-size: 46px; line-height: 1; }

.cti-detail .news-head .info .big-tit b { font-family: HYQiHei-60S; font-weight: normal; }

.cti-detail .news-head .info .small-tit { font-size: 24px; }

.cti-detail .news-head .info .share-wrap { position: relative; }

.cti-detail .news-head .info .share-wrap .qrcode { position: absolute; bottom: 100%; width: 120px; margin: 0 0 15px 117px; display: none; border: 1px solid #eee; }

.cti-detail .news-head .info .share-wrap .qrcode img { width: 100%; position: relative; z-index: 2; border: 5px solid #fff; box-sizing: border-box; }

.cti-detail .news-head .info .share-wrap .qrcode:after { content: ""; display: block; width: 16px; height: 16px; background: #fff; transform: rotate(45deg); position: absolute; top: 100%; left: 50%; margin: -10px; border: 1px solid #eee; }

.cti-detail .news-head .info .share { width: 64px; height: 64px; border-radius: 64px; overflow: hidden; background: #00b0f0; transition: all 0.3s; display: flex; }

.cti-detail .news-head .info .share .share-icon { display: flex; justify-content: center; align-items: center; height: 100%; width: 64px; position: relative; z-index: 2; background: #00b0f0; cursor: pointer; padding: 32px; box-sizing: border-box; }

.cti-detail .news-head .info .share .share-icon .share-img { width: 40%; }

.cti-detail .news-head .info .share .iconfont { font-size: 20px; }

.cti-detail .news-head .info .share ul { display: inline-flex; width: 140px; justify-content: space-around; align-items: center; transition: all 0.3s; transform: translateX(-200%); position: relative; }

.cti-detail .news-head .info .share ul li { cursor: pointer; }

.cti-detail .news-head .info .share ul a { color: #000; }

.cti-detail .news-head .info .share ul p { text-align: center; }

.cti-detail .news-head .info .share.open { width: 240px; }

.cti-detail .news-head .info .share.open ul { transform: translate(0%); }

.cti-detail .news-detail { width: 895px; margin: 0 auto; font-size: 16px; }

.cti-detail .news-detail p { margin: 2% 0; }

.cti-detail .news-detail img { max-width: 100%; margin: 2% 0; }

.cti-detail .news-detail .blend { display: flex; justify-content: space-between; align-items: center; }

.cti-detail .news-detail .blend img { width: 50%; }

.cti-detail .news-detail .blend p { width: 45%; }

.cti-detail .recommend { width: 62.5%; margin: 2% auto; overflow: hidden; }

.cti-detail .recommend h2 { font-size: 2.5vw; text-align: center; font-family: HYQiHei-40S; margin: 4% 0; }

.cti-detail .recommend ul { display: flex; justify-content: space-between; }

.cti-detail .recommend ul li { color: #000; }

.cti-detail .recommend ul li img { width: 29vw; }

.cti-detail .recommend ul li p { font-size: 1.6vw; margin-top: 2%; }

.cti-detail .load-more { padding: 2% 0; text-align: center; }

.cti-detail .load-more button { margin: 0; background-color: #001e50; color: #fff; }

@media screen and (max-width: 1200px) { .cti-detail .news-head { width: 70%; }
  .cti-detail .news-head .info .time { font-size: 12px; }
  .cti-detail .news-head .info .big-tit { font-size: 24px; }
  .cti-detail .news-head .info .small-tit { font-size: 16px; }
  .cti-detail .news-detail { width: 62.5%; font-size: 14px; } }

@media screen and (max-width: 768px) { .cti-detail .cti-levitated-sphere { display: none; }
  .cti-detail .news-head { width: 90%; margin: 100px auto 0; display: block; }
  .cti-detail .news-head img { width: 100%; }
  .cti-detail .news-head .info { width: 100%; }
  .cti-detail .news-head .info .time { font-size: 4.2vw; }
  .cti-detail .news-head .info .big-tit { font-size: 9.6vw; }
  .cti-detail .news-head .info .small-tit { font-size: 4.2vw; }
  .cti-detail .news-head .info .share-wrap .qrcode { margin: 0 0 10px 117px; right: 8vw; width: 30vw; }
  .cti-detail .news-head .info .share { width: 17vw; height: 17vw; margin: 2% 0 2% auto; display: flex; flex-direction: row-reverse; }
  .cti-detail .news-head .info .share .iconfont { font-size: 6vw; }
  .cti-detail .news-head .info .share .share-icon { width: 17vw; height: 17vw; padding: 8.5vw; box-sizing: border-box; }
  .cti-detail .news-head .info .share .share-icon .share-img { width: 7vw; }
  .cti-detail .news-head .info .share ul { transform: translate(200%, 0%); }
  .cti-detail .news-head .info .share.open { width: 63vw; }
  .cti-detail .news-head .info .share.open ul { width: 40vw; display: flex; transform: translate(0%); }
  .cti-detail .news-detail { width: 90%; margin: 10% auto; font-size: 4vw; }
  .cti-detail .news-detail p { margin: 4% 3%; }
  .cti-detail .news-detail .blend { flex-direction: column-reverse; }
  .cti-detail .news-detail .blend img { width: 100%; }
  .cti-detail .news-detail .blend p { width: 100%; }
  .cti-detail .recommend { width: 90%; margin: 8% auto; }
  .cti-detail .recommend h2 { font-size: 9.6vw; }
  .cti-detail .recommend ul li img { width: 41vw; }
  .cti-detail .recommend ul li p { font-size: 2.6vw; margin-top: 6%; } }

.cti-financing .financing .financing-bj { width: 100%; background: #174989; }

.cti-financing .financing .financing-con { width: 100%; display: flex; margin-bottom: 100px; }

.cti-financing .financing .financing-con .left { flex: 1; position: relative; }

.cti-financing .financing .financing-con .left img { width: 780px; position: absolute; left: 0; bottom: -130px; margin: auto; }

.cti-financing .financing .financing-con .right { flex: 1; max-width: 500px; background: #ffffff; margin-right: 80px; margin-top: 130px; display: flex; align-items: center; }

.cti-financing .financing .financing-con .right .right-con { width: 80%; height: 500px; margin: 0 auto; }

.cti-financing .financing .financing-con .right .right-con .title { width: 100%; height: 60px; line-height: 60px; font-size: 20px; font-family: HYQiHei-HZS; }

.cti-financing .financing .financing-con .right .right-con .name { width: 100%; margin-top: 40px; }

.cti-financing .financing .financing-con .right .right-con .name .cti-input { width: 100%; }

.cti-financing .financing .financing-con .right .right-con .mobile { width: 100%; margin-top: 30px; }

.cti-financing .financing .financing-con .right .right-con .mobile .cti-input { width: 100%; }

.cti-financing .financing .financing-con .right .right-con .mobile .select-menu dt { padding: 0; line-height: 75px; border-bottom: 1px solid #c2cad0; }

.cti-financing .financing .financing-con .right .right-con .checkbox { width: 100%; height: 100px; margin-top: 60px; }

.cti-financing .financing .financing-con .right .right-con .checkbox a { color: #001e50; font-size: 14px; font-family: HYQiHei-40S; }

.cti-financing .financing .financing-con .right .right-con .financing-btn { width: 100%; height: 50px; line-height: 50px; text-align: center; }

@charset "UTF-8";
.cti-index { /* 推荐车型？ cartype ↓ */ /* 推荐车型？ cartype ↑ */ /* 服务 service ↓ */ }

.cti-index .cti-video-wrap { text-align: center; }

.cti-index .cti-video-wrap .cti-video { width: 94%; margin: 3vw 0; background: #000; }

.cti-index .cti-cartype-wrap .swiper-container { padding: 0 0 5%; --swiper-navigation-color: #02306d; }

.cti-index .cti-cartype-wrap .swiper-container:hover .swiper-button-next, .cti-index .cti-cartype-wrap .swiper-container:hover .swiper-button-prev { opacity: 1; }

.cti-index .cti-cartype-wrap .swiper-button-next, .cti-index .cti-cartype-wrap .swiper-button-prev { opacity: 0; z-index: 399; }

.cti-index .cti-cartype-wrap .cti-introduce { font-size: 2.8vw; position: absolute; left: 4.5vw; top: 11%; font-family: HYQiHei-40S; }

.cti-index .cti-cartype-wrap .cti-introduce b { font-size: 3vw; font-weight: normal; font-family: VWHead-Bold; }

.cti-index .cti-cartype-wrap .cti-introduce p { font-size: 1.2vw; margin: 3% 0 4%; line-height: 1.7; }

.cti-index .cti-cartype-wrap .cti-img { width: 64.79vw; margin-left: 32vw; }

.cti-index .cti-cartype-wrap .btn-group button { border: 2px solid #02306d; }

.cti-index .cti-cartype-wrap .btn-group button:hover { background-color: #02306d; color: #fff; }

.cti-index .cti-cartype-wrap .cti-cur { background-color: #02306d; color: #fff; }

.cti-index .cti-cartype-wrap .swiper-pagination-bullet { background: #02306d; opacity: 1; }

.cti-index .cti-service-wrap { width: 94vw; margin: 5vw auto 2vw; display: flex; justify-content: space-between; flex-wrap: wrap; }

.cti-index .cti-service-wrap .cti-serive-item { width: 45.8vw; position: relative; overflow: hidden; margin: 1.2% 0; }

.cti-index .cti-service-wrap .cti-serive-item .cti-img { width: 100%; transition: all 1.5s; }

.cti-index .cti-service-wrap .cti-serive-item:hover .cti-img { transform: scale3d(1.1, 1.1, 1.1); }

.cti-index .cti-service-wrap .cti-serive-item .cti-introduce { font-size: 2.5vw; color: #fff; position: absolute; width: 100%; left: 0; bottom: 12%; text-align: center; }

.cti-index .cti-service-wrap .cti-serive-item .cti-introduce button { color: #fff; border: 1px solid #fff; margin-top: 3%; background: transparent; }

.cti-index .cti-service-wrap .cti-serive-item .cti-introduce button:hover { background: #fff; color: #000; }

/* 服务 service ↑ */
@media screen and (max-width: 768px) { .cti-index { /* 视频 */ /* 车型 */ /* 更多服务 */ }
  .cti-index .cti-video-wrap .cti-video { width: 100vw; margin: 10vw auto; }
  .cti-index .cti-cartype-wrap .cti-introduce { font-size: 8vw; position: relative; left: 5.5vw; }
  .cti-index .cti-cartype-wrap .cti-introduce b { font-size: 11vw; }
  .cti-index .cti-cartype-wrap .cti-introduce p { font-size: 3vw; margin: 3% 0 4%; line-height: 2; }
  .cti-index .cti-cartype-wrap .swiper-button-next, .cti-index .cti-cartype-wrap .swiper-button-prev { display: none; }
  .cti-index .cti-cartype-wrap .cti-img { width: 100vw; margin-left: 0; }
  .cti-index .cti-cartype-wrap .btn-group.cti-wapShow { display: flex; justify-content: space-around; margin: 25vw auto 15vw; }
  .cti-index .cti-cartype-wrap .btn-group.cti-wapShow button { width: 40vw; padding: 7% 0; font-size: 4vw; }
  .cti-index .cti-cartype-wrap .swiper-pagination { bottom: 40vw; }
  .cti-index .cti-service-wrap { display: initial; }
  .cti-index .cti-service-wrap .cti-serive-item { width: 90vw; margin: 0 auto 10vw; position: relative; }
  .cti-index .cti-service-wrap .cti-introduce { font-size: 7.5vw; }
  .cti-index .cti-service-wrap .cti-introduce p { font-size: 7vw; }
  .cti-index .cti-service-wrap .cti-introduce button { margin-top: 8%; font-size: 14px; white-space: nowrap; min-width: 150px; padding: 13px 0; } }

.cti-login body { overflow-x: hidden; max-width: 100vw; }

.cti-login a { color: #001e50; }

.cti-login .login-boxweb { width: 100%; height: 100%; display: flex; justify-content: space-between; }

.cti-login .login-Web { width: 50%; height: 100%; float: left; position: relative; max-width: 960px; min-width: 380px; }

.cti-login .left { width: 60%; height: 100vh; display: flex; align-items: center; min-width: 530px; }

.cti-login .left .btn-back { position: absolute; left: 2vw; top: 2vw; color: #001e50; font-size: 14px; font-weight: bold; }

.cti-login .left .btn-back .iconfont { padding-right: 5px; }

.cti-login .left-welcome { width: 100%; height: 75px; box-sizing: border-box; margin-bottom: 40px; }

.cti-login .left-welcome p { font-size: 60px; margin-bottom: 0; font-family: HYQiHei-40S; height: 75px; }

.cti-login .left-welcome span { font-family: HYQiHei-DZS; }

.cti-login .form { width: 65%; /* height: 20vw; */ margin: 0 auto; padding: 15px; box-sizing: border-box; max-width: 380px; min-width: 300px; }

.cti-login .nav { width: 100%; height: 30px; }

.cti-login .nav .on { border-bottom: 1px solid #001e50; font-family: HYQiHei-DZS; color: #001e50; }

.cti-login .adaptation { border-bottom: 1px solid #b5b5b5; width: 100%; margin-bottom: 2px; height: 50px; margin-top: 15px; }

.cti-login .nav-left { font-size: 16px; height: 30px; padding-bottom: 0.3vw; cursor: pointer; }

.cti-login .nav-right { float: right; font-size: 16px; height: 30px; cursor: pointer; }

.cti-login .none { display: none; }

.cti-login .count-login { width: 100%; }

.cti-login .mobile { width: 100%; height: 2.2vw; border-bottom: 1px solid #b5b5b5; margin-bottom: 1vw; position: relative; }

.cti-login .mobile input { width: 100%; height: 1.8vw; font-size: 0.8vw; display: block; padding-top: 0.4vw; }

.cti-login .code { width: 100%; height: 2.2vw; border-bottom: 1px solid #b5b5b5; margin-bottom: 1vw; position: relative; }

.cti-login .code input { width: 60%; height: 1.1vw; font-size: 0.8vw; /* padding-top: 0.4vw; */ }

.cti-login .code span { float: right; padding-top: 1.1vw; color: #b5b5b5; font-size: 0.7vw; font-family: MicrosoftJhengHeiUIRegular, Microsoft JhengHei UI; cursor: pointer; }

.cti-login .code-number { width: 40px; display: inline-block; text-align: center; background-color: #d8d8d8; height: 25px; margin-top: 14px; font-size: 16px; }

.cti-login .opera { width: 100%; height: 30px; margin-bottom: 1vw; margin-top: 1vw; }

.cti-login .opera input { margin-right: 0.4vw; }

.cti-login .opera span { margin-left: 20px; padding-top: 0.4vw; }

.cti-login .opera-btn { width: 100%; margin-top: 60px; }

.cti-login .opera-btn button { height: 40px; border-radius: 30px; margin-top: 0; min-width: 0; padding: 0; }

.cti-login .retrieve-btn button { width: 45%; height: 40px; border-radius: 30px; margin-top: 1vw; min-width: 0; padding: 0; }

.cti-login .enterprise-opera { width: 100%; height: 2vw; }

.cti-login .enterprise-opera button { width: 45%; height: 40px; border-radius: 6vw; margin-top: 1vw; min-width: 0; padding: 0; }

.cti-login .register-btn { margin-top: 2vw; }

.cti-login .agreement { margin-left: 16px; }

.cti-login .register { width: 45%; border: 1px solid #001e50; color: #001e50; }

.cti-login .btn-toggle { font-size: 16px; margin-left: 20px; cursor: pointer; }

.cti-login .login { width: 45%; float: right; }

.cti-login input::-webkit-input-placeholder { color: #b5b5b5; font-size: 0.8vw; font-family: HYQiHei-DZS; }

.cti-login .contentbox > div { display: none; }

.cti-login .contentbox .active { display: block; }

.cti-login .mobile-code { width: 100%; height: 2.2vw; border-bottom: 1px solid #b5b5b5; margin-bottom: 1.4vw; position: relative; }

.cti-login .obtain { font-size: 16px; color: #001e50; cursor: pointer; margin-left: 10px; float: right; margin-top: 26px; }

.cti-login .login-kv { width: 50%; height: 100vh; background-image: url("../images/login/login-kv.png"); background-size: cover; background-repeat: no-repeat; }

.cti-login .kv-top { width: 100%; height: 4vw; /* background-color: red; */ margin-top: 2vw; }

.cti-login .kv-left { width: calc(50% - 2.5vw); height: 1px; float: left; background-color: #ffffff; margin-top: 1.7vw; }

.cti-login .kv-center { width: 3.6vw; height: 3.6vw; float: left; /* text-align: center; */ margin-left: 0.8vw; }

.cti-login .kv-center img { width: 100%; height: 100%; }

.cti-login .kv-right { width: calc(50% - 2.5vw); height: 1px; float: right; background-color: #ffffff; margin-top: 1.7vw; }

.cti-login .register-opera { margin-top: 1.1vw; }

.cti-login .register-btn button { height: 40px; border-radius: 30px; margin-top: 0; min-width: 0; padding: 0; margin-top: 0; }

.cti-login .wap-mobile { width: 20%; height: 16px; margin-top: 8px; font-size: 16px; }

.cti-login .province { width: 100%; height: 45px; border-bottom: 1px solid #b5b5b5; margin-bottom: 0.5vw; z-index: 200; position: relative; margin-top: 20px; }

.cti-login .province-icon { width: 42%; float: left; }

.cti-login .city-icon { width: 42%; float: right; margin-left: 2vw; }

.cti-login .city-icon:after { content: ""; position: absolute; background: url("../images/common/sel-icon.png") no-repeat; background-size: contain; width: 15px; height: 28px; /* top: 50%; */ right: 5px; transform: translateY(-100%); }

.cti-login .province-icon:after { content: ""; position: absolute; background: url("../images/common/sel-icon.png") no-repeat; background-size: contain; width: 15px; height: 28px; /* top: 50%; */ right: 53%; transform: translateY(-100%); }

.cti-login .select-menu { width: 100%; }

.cti-login .select-menu dt { padding: 0; color: #b5b5b5; font-size: 16px; font-family: HYQiHei-40S; line-height: 60px; }

.cti-login .select-menu dd .item a { padding-left: 27px; }

.cti-login .select-menu dd { border: 1px solid #b5b5b5; top: 44px; }

.cti-login .select-menu dd .item.active:after { left: 3px; }

.cti-login .password-code { float: right; margin-top: 0.4vw; }

@media screen and (max-width: 768px) { .cti-login .login-boxweb { width: 100vw; height: 100vh; }
  .cti-login .left { width: 100%; min-width: auto; overflow-x: hidden; }
  .cti-login .left .btn-back { left: 20px; top: 20px; }
  .cti-login .left .left-welcome { height: 45px; margin-bottom: 80px; }
  .cti-login .left .left-welcome p { font-size: 40px; height: 55px; }
  .cti-login .left.register-left { display: block; height: auto; }
  .cti-login .login-kv { display: none; }
  .cti-login .opera { margin-top: 20px; }
  .cti-login .opera-btn { width: 100%; margin-top: 60px; } }

.cti-make { padding-top: 100px; }

.cti-make ::placeholder { color: #001e50; }

.cti-make .custormer { width: 100%; display: flex; align-items: center; position: relative; z-index: 1; }

.cti-make .custormer .custormer-con { width: 44%; margin: 60px auto 50px; }

.cti-make .custormer .custormer-con .custormer-title { width: 100%; height: 50px; text-align: center; font-size: 36px; font-family: HYQiHei-60S; line-height: 50px; }

.cti-make .custormer .custormer-con .left { width: 140px; line-height: 75px; }

.cti-make .custormer .custormer-con .left + div { width: calc(100% - 180px); color: #001e50; }

.cti-make .custormer .custormer-con .custormer-form { width: 70%; min-width: 430px; margin: 0 auto; font-size: 16px; }

.cti-make .custormer .custormer-con .custormer-form > div { justify-content: space-between; }

.cti-make .custormer .custormer-con .custormer-form .name { width: 100%; height: 50px; display: flex; margin-top: 20px; }

.cti-make .custormer .custormer-con .custormer-form .name .cti-input { width: 100%; }

.cti-make .custormer .custormer-con .custormer-form .name .cti-input input { color: #001e50; font-family: HYQiHei-40S; }

.cti-make .custormer .custormer-con .custormer-form .name .el-input__inner { border: none; border-bottom: 1px solid #ccc; border-radius: 0; padding-left: 0; color: #001e50; font-weight: lighter; }

.cti-make .custormer .custormer-con .custormer-form .name .el-input__inner::-webkit-input-placeholder { /* WebKit browsers */ color: #001e50; font-weight: lighter; }

.cti-make .custormer .custormer-con .custormer-form .name .el-input__inner:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #001e50; font-weight: lighter; }

.cti-make .custormer .custormer-con .custormer-form .name .el-input__inner::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #001e50; font-weight: lighter; }

.cti-make .custormer .custormer-con .custormer-form .name .el-input__inner:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #001e50; font-weight: lighter; }

.cti-make .custormer .custormer-con .custormer-form .name .el-input__icon { display: none; }

.cti-make .custormer .custormer-con .custormer-form .select-menu dt { max-width: 50vw; padding: 0; line-height: 75px; font-size: 16px; }

.cti-make .custormer .custormer-con .custormer-form .ctiy { width: 100%; display: flex; margin-top: 20px; }

.cti-make .custormer .custormer-con .custormer-form .customer-checbox { width: 100%; text-align: center; height: 80px; line-height: 80px; font-size: 14px; }

.cti-make .custormer .custormer-con .custormer-form .customer-checbox a { color: #001e50; }

.cti-make .custormer .custormer-con .custormer-form .customer-btn { width: 100%; text-align: center; height: 80px; line-height: 80px; }

.cti-make .custormer .custormer-con .custormer-form .customer-btn button { width: 100%; }

@media screen and (max-width: 768px) { .cti-make .custormer .custormer-con { width: 100%; }
  .cti-make .custormer .custormer-con .custormer-form { width: 85%; min-width: auto; }
  .cti-make .custormer .custormer-con .custormer-form .left { width: 40%; font-size: 4vw; }
  .cti-make .custormer .custormer-con .custormer-form .left + div { width: 60%; }
  .cti-make .custormer .custormer-con .custormer-form .customer-checbox { font-size: 3vw; }
  .cti-make .custormer .custormer-con .custormer-form .customer-btn button { display: inline; margin: 0; float: left; }
  .cti-make .custormer .custormer-con .custormer-form .customer-btn button:last-child { float: right; } }

.cti-matching { padding-top: 100px; }

.cti-matching .matching .matching-center { width: 77%; margin: 0 auto; }

.cti-matching .matching .matching-center .matching-top { width: 100%; height: 65vh; border-bottom: 1px solid #001e50; }

.cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; height: auto; margin: 0 auto; margin-top: 60px; }

.cti-matching .matching .matching-center .matching-top .matching-con .tab-con > div { display: none; }

.cti-matching .matching .matching-center .matching-top .matching-con .tab-con .active { display: block; }

.cti-matching .matching .matching-center .matching-bottom { width: 100%; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; display: flex; }

.cti-matching .matching .matching-center .matching-bottom .matching-left { max-width: 245px; flex: 1; font-size: 18px; font-family: HYQiHei-60S; }

.cti-matching .matching .matching-center .matching-bottom .matching-left p:first-child { font-size: 24px; }

.cti-matching .matching .matching-center .matching-bottom .matching-right { flex: 1; }

.cti-matching .matching .matching-center .matching-bottom .matching-right ul { width: 100%; text-align: right; }

.cti-matching .matching .matching-center .matching-bottom .matching-right ul li { display: inline-block; margin-right: 30px; }

.cti-matching .matching .matching-center .matching-bottom .matching-right ul li .primary:hover { border-color: #001e50; }

.cti-matching .matching .matching-center .matching-bottom .matching-right ul li .primary { border-color: #001e50; }

.cti-matching .matching .matching-center .matching-bottom .matching-right ul li:first-child { font-size: 30px; color: #001e50; font-family: HYQiHei-60S; }

@media screen and (max-width: 768px) { .cti-matching .matching .matching-center { width: 100%; margin: 0 auto; }
  .cti-matching .matching .matching-center .matching-top { width: 100%; height: auto; border-bottom: 1px solid #001e50; }
  .cti-matching .matching .matching-center .matching-top .matching-con { width: 100%; margin: 0 auto; margin-top: 25px; }
  .cti-matching .matching .matching-center .matching-top .matching-con .tab-con > div { display: none; }
  .cti-matching .matching .matching-center .matching-top .matching-con .tab-con .active { display: block; }
  .cti-matching .matching .matching-center .matching-bottom { width: 100%; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; display: block; }
  .cti-matching .matching .matching-center .matching-bottom .matching-left { max-width: 245px; flex: 1; font-size: 18px; font-family: HYQiHei-60S; }
  .cti-matching .matching .matching-center .matching-bottom .matching-left p:first-child { font-size: 24px; }
  .cti-matching .matching .matching-center .matching-bottom .matching-right { flex: 1; }
  .cti-matching .matching .matching-center .matching-bottom .matching-right ul { width: 100%; text-align: left; margin-bottom: 40px; }
  .cti-matching .matching .matching-center .matching-bottom .matching-right ul li { display: inline-block; margin-right: 30px; }
  .cti-matching .matching .matching-center .matching-bottom .matching-right ul li .primary:hover { border-color: #001e50; }
  .cti-matching .matching .matching-center .matching-bottom .matching-right ul li .primary { border-color: #001e50; }
  .cti-matching .matching .matching-center .matching-bottom .matching-right ul li:first-child { font-size: 30px; color: #001e50; font-family: HYQiHei-60S; display: block; } }

.cti-message { overflow-x: hidden; padding-top: 100px; }

.cti-message .page-wrapper { width: 63%; margin: 3vw auto 1.5vw; font-family: HYQiHei-60s; }

.cti-message .list { margin-bottom: 4.5vw; font-size: 14px; }

.cti-message .list dl { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; margin-top: 25px; padding-bottom: 3px; border-bottom: 1px solid #e3e3e5; position: relative; cursor: pointer; }

.cti-message .list dl.on:after { content: ''; position: absolute; left: -50vw; top: -10px; width: 200vw; height: calc(100% + 10px); background: #F5F6F8; z-index: -1; }

.cti-message .list dl.on dd .detail { display: block; }

.cti-message .list dl.read dd, .cti-message .list dl.read dt { color: #ccc; }

.cti-message .list dl dt { margin-right: 15px; }

.cti-message .list dl dd { flex: 1; width: 100%; }

.cti-message .list dl dd .title { position: relative; width: 100%; display: flex; align-items: center; }

.cti-message .list dl dd .title span:first-child { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(58vw - 200px); }

.cti-message .list dl dd .title .time { text-align: right; flex: 1; }

.cti-message .list dl dd .detail { padding: 1vw 0; line-height: 25px; display: none; }

.cti-message .list dl dd a { color: #292929; }

.cti-message .cti-paging { justify-content: flex-end; }

.cti-message .option-bar { margin: 1.2vw auto 0; text-align: center; }

.cti-message .option-bar button { margin: 0 1vw; }

@media screen and (max-width: 768px) { .cti-message .page-wrapper { width: 93.5%; }
  .cti-message .list dl dd .title { display: block; line-height: 26px; }
  .cti-message .list dl dd .title span:first-child { max-width: calc(88vw - 100px); }
  .cti-message .list dl dd .title span { vertical-align: middle; }
  .cti-message .list dl dd .title .time { display: block; text-align: right; } }

.cti-myinfo { max-width: 100vw; overflow-x: hidden; padding-top: 100px; }

.cti-myinfo .page-wrapper { max-width: 650px; margin: 3vw auto; }

.cti-myinfo .cti-avatar { display: block; margin: 3vw auto; }

.cti-myinfo .cti-form-item > label { max-width: 180px; flex: 1; }

.cti-myinfo .cti-form-item > div { text-align: left; flex: 1; }

.cti-myinfo .update-row { position: relative; z-index: 200; align-items: flex-start; padding: 2vw 0; }

.cti-myinfo .update-row:after { content: ''; position: absolute; left: -50vw; top: 0; width: 200vw; height: 100%; background: #F5F6F8; z-index: -1; }

.cti-myinfo .update-row .cti-input { width: 200px; }

.cti-myinfo .update-row .cti-input input { background: transparent; }

.cti-myinfo .update-row .dropdown { display: flex; white-space: nowrap; }

.cti-myinfo .update-row .dropdown .select-menu { min-width: 150px; }

.cti-myinfo .update-row .dropdown .select-menu dd { border: 1px solid #ccc; }

.cti-myinfo .update-row .btn-group button:first-child { margin-right: 2vw; }

.cti-myinfo .update-row .cti-radio { padding-right: 25px; position: relative; top: 1.68px; }

@media screen and (max-width: 768px) { .cti-myinfo .page-wrapper { width: 93.5%; padding: 0 3.8vw; box-sizing: border-box; }
  .cti-myinfo .cti-form-item { padding-top: 39px; }
  .cti-myinfo .cti-form-item.update-row > label { margin-top: -27px; }
  .cti-myinfo .cti-form-item > label { position: absolute; margin-top: -28px; color: #aeaeae; }
  .cti-myinfo .cti-form-item .btn-edit:before { content: "\e60d"; font-family: iconfont; }
  .cti-myinfo .cti-form-item .btn-edit span { display: none; } }

.cti-myorder { padding-top: 100px; }

.cti-myorder .page-wrapper { width: 77%; margin: auto; }

.cti-myorder .search { margin: 2vw auto; max-width: 300px; display: flex; align-items: center; }

.cti-myorder .search img { margin-right: 15px; position: relative; top: 3px; }

.cti-myorder .search .cti-input { width: 100%; }

.cti-myorder .search .cti-input:after { width: calc(100% + 36px); left: -36px; }

.cti-myorder .cti-order-list { margin: 2vw 0; }

.cti-myorder .cti-paging { border-top: 1px solid #e4e4e6; margin-bottom: 2vw; padding-top: 2vw; }

.cti-myorder .msg-tips { padding: 5vw 0; text-align: center; font-family: HYQiHei-40S; font-size: 16px; }

.cti-myorder .msg-tips .title { font-size: 35px; color: #001e50; margin: 10px 0; font-family: HYQiHei-60S; }

.cti-myorder .msg-tips .title .iconfont { font-size: 37px; position: relative; top: 3px; }

.cti-myorder .msg-tips .title img { position: relative; top: -5px; }

.cti-myorder .price-tips { width: 80%; margin: auto; position: relative; }

.cti-myorder .price-tips ul { text-align: center; }

.cti-myorder .price-tips ul em { font-family: HYQiHei-60s; font-weight: bold; font-size: 25px; font-style: normal; margin: auto; }

.cti-myorder .price-tips ul button { margin-top: 1vw; margin-bottom: 1vw; }

.cti-myorder .price-tips dl { position: absolute; right: 1vw; top: 50%; transform: translateY(-50%); display: flex; font-size: 16px; }

.cti-myorder .price-tips dl dt { padding-right: 10px; }

.cti-myorder .price-tips dl em { color: #001e50; font-size: 20px; font-style: normal; }

.cti-myorder .cti-steper { margin-top: 3vw; }

@media screen and (max-width: 1280px) { .cti-myorder .price-tips dl { position: relative; top: auto; transform: none; margin: 39px auto; justify-content: center; } }

@media screen and (max-width: 980px) { .cti-myorder .msg-tips { padding: 15vw 0; }
  .cti-myorder .price-tips { padding: 0 0 12vw; }
  .cti-myorder .price-tips dl { padding-top: 8vw; }
  .cti-myorder .page-wrapper { width: 93.5%; } }

@media screen and (max-width: 768px) { .cti-myorder .page-wrapper { width: 93.5%; }
  .cti-myorder .msg-tips .title { font-size: 28px; } }

.cti-news-list .cti-mShow { display: none; }

.cti-news-list .banner { width: 100%; padding-top: 125px; }

.cti-news-list .wrapper { margin: 0 auto; width: 916px; }

.cti-news-list .submenu { display: flex; justify-content: space-around; padding: 7% 0; }

.cti-news-list .submenu li { text-align: center; font-size: 20px; box-sizing: border-box; }

.cti-news-list .submenu li a { display: block; width: 33.333%; }

.cti-news-list .submenu li .iconfont { font-size: 48px; color: #031e4c; }

.cti-news-list .submenu li p { color: #031e4c; font-weight: bold; }

.cti-news-list .submenu li:nth-child(2) { border: 1px solid #e4e8ec; border-width: 0 1px; }

.cti-news-list .title { display: none; }

.cti-news-list .select-wrap { text-align: right; padding: 3% 0; position: relative; }

.cti-news-list .select-wrap .select-box { display: inline-block; border-radius: 45px; border: 2px solid #031e4c; font-size: 16px; position: relative; cursor: pointer; width: 187px; line-height: 45px; text-align: center; z-index: 2; background-color: #fff; }

.cti-news-list .select-wrap .select-box label { cursor: pointer; font-weight: bold; color: #031e4c; }

.cti-news-list .select-wrap .select-box .iconfont { color: #031e4c; font-weight: 600; }

.cti-news-list .select-wrap .select { position: absolute; width: 187px; top: 50%; right: 0%; text-align: center; border-radius: 0 0 15px 15px; background-color: #fff; border: 2px solid #ccc; display: none; padding-top: 23px; }

.cti-news-list .select-wrap .select li { line-height: 45px; border-bottom: 1px solid #ccc; cursor: pointer; font-size: 16px; font-weight: bold; }

.cti-news-list .select-wrap .select li:last-child { border-bottom: 0; }

.cti-news-list .select-wrap .select li div { width: 110px; margin: 0 auto; text-align: right; }

.cti-news-list .select-wrap .select li:hover { color: #031e4c; }

.cti-news-list .select-wrap.open .select { display: block; }

.cti-news-list .news-list a { color: #000; }

.cti-news-list .news-list dl { display: flex; justify-content: space-between; margin-bottom: 4%; }

.cti-news-list .news-list dl dt { width: 37.8%; overflow: hidden; }

.cti-news-list .news-list dl dt img { width: 100%; -webkit-transition: all 0.6s; transition: all 0.6s; }

.cti-news-list .news-list dl dt img:hover { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }

.cti-news-list .news-list dl dd { width: 57%; padding: 20px 0; display: flex; flex-direction: column; justify-content: space-between; font-family: HYQiHei-60S; }

.cti-news-list .news-list dl dd .time { display: none; }

.cti-news-list .news-list dl dd h2 { font-size: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: left; }

.cti-news-list .news-list dl dd p { font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #444; }

.cti-news-list .news-list dl dd span { font-size: 16px; color: #031e4c; }

.cti-news-list .load-more { padding: 2% 0; text-align: center; }

.cti-news-list .load-more button { margin: 0; background-color: #001e50; color: #fff; }

@media screen and (max-width: 1000px) { .cti-news-list .wrapper { width: 87%; }
  .cti-news-list .news-list dl dd { padding: 15px 0; } }

@media screen and (max-width: 768px) { .cti-news-list .cti-pcShow { display: none; }
  .cti-news-list .cti-mShow { display: initial; }
  .cti-news-list .banner { display: none; }
  .cti-news-list .title { display: block; font-size: 9vw; text-align: center; margin: 120px 0 10px; font-weight: bolder; }
  .cti-news-list .submenu { width: 100%; }
  .cti-news-list .submenu li { font-size: 5vw; }
  .cti-news-list .submenu li .iconfont { font-size: 13vw; }
  .cti-news-list .submenu li.act .iconfont { color: #0640b8; }
  .cti-news-list .submenu li.act p { color: #0640b8; }
  .cti-news-list .news-list a { margin-top: 30px; display: block; }
  .cti-news-list .news-list dl { display: initial; }
  .cti-news-list .news-list dl dt { width: 100%; }
  .cti-news-list .news-list dl dd { width: 100%; margin: 2% 0; }
  .cti-news-list .news-list dl dd .time { font-size: 3vw; display: initial; color: #031e4c; }
  .cti-news-list .news-list dl dd h2 { font-size: 5vw; margin: 2% 0; }
  .cti-news-list .news-list dl dd p { display: none; }
  .cti-news-list .news-list dl dd span { display: none; }
  .cti-news-list .select-wrap { text-align: center; padding: 6% 0; }
  .cti-news-list .select-wrap .select-box { border-color: #001e50; }
  .cti-news-list .select-wrap .select-box .iconfont { color: #001e50; }
  .cti-news-list .select-wrap .select { left: calc(50% - 95.5px); } }

.cti-order-detail { width: 80%; margin: auto; }

.cti-order-detail .card-info { border: 2px solid #001e50; margin: 2vw auto; padding: 2vw 3vw; font-size: 20px; position: relative; }

.cti-order-detail .card-info dl { font-family: HYQiHei-40s; }

.cti-order-detail .card-info dl dt { border-bottom: 1.5px solid #fff; padding: 2vw 0; font-size: 36px; font-family: HYQiHei-80S; }

.cti-order-detail .card-info dl dd { border-top: 1px solid #fff; padding: 2vw 0 1vw; }

.cti-order-detail .card-info dl dd:last-child { border-bottom: 2px solid #fff; }

.cti-order-detail .card-info dl dd:last-child ul li { display: flex; justify-content: space-between; margin: 1vw 0; }

.cti-order-detail .card-info dl dd:last-child ul li.update-row { position: relative; align-items: flex-start; }

.cti-order-detail .card-info dl dd:last-child ul li.update-row:after { content: ''; position: absolute; left: -3vw; right: -3vw; height: 100%; padding-top: 1vw; margin-top: -0.5vw; background: #F5F6F8; z-index: -1; }

.cti-order-detail .card-info dl dd:last-child ul li.update-row .form { flex: 1; padding: 0 2vw; line-height: 39px; }

.cti-order-detail .card-info dl dd:last-child ul li.update-row .form li:last-child { justify-content: flex-start; }

.cti-order-detail .card-info dl dd:last-child ul li.update-row .form button { margin-right: 1vw; }

.cti-order-detail .card-info dl dd:last-child ul li.update-row .cti-input input { background: transparent; }

.cti-order-detail .card-info ul li { line-height: 32px; }

.cti-order-detail .card-info ul.list li span { position: relative; flex: 1; text-align: left; padding-left: 12px; }

.cti-order-detail .card-info ul.list li span:before { position: absolute; width: 3px; height: 3px; border-radius: 3px; transform: translateY(-50%); top: 50%; left: 0; content: ''; background: #000; }

.cti-order-detail .card-info em { font-family: HYQiHei-60s; font-style: normal; }

.cti-order-detail .card-info a { color: #001e50; padding-right: 10px; }

.cti-order-detail .card-info input:focus ~ label, .cti-order-detail .card-info input:valid ~ label, .cti-order-detail .card-info input[type="email"]:not([input-value=""]):not(:focus) ~ label { top: -8px; }

.cti-order-detail .card-info .btn-readmore { position: relative; text-align: center; margin-top: 2vw; }

.cti-order-detail .card-info .btn-readmore:after, .cti-order-detail .card-info .btn-readmore:before { position: absolute; top: 50%; transform: translateY(-48%); content: ''; height: 2px; background: #001e50; width: calc(50% - 100px); }

.cti-order-detail .card-info .btn-readmore:before { left: 0; }

.cti-order-detail .card-info .btn-readmore:after { right: 0; }

.cti-order-detail .card-info .btn-readmore span { border-bottom: 2px solid #001e50; padding-bottom: 3px; position: relative; margin-left: 35px; cursor: pointer; }

.cti-order-detail .card-info .btn-readmore span:before { position: absolute; font-family: iconfont; content: "\e778"; left: -35px; font-size: 22px; }

.cti-order-detail .card-info .btn-readmore.open span:before { content: "\e776"; }

.cti-order-detail .btn-group { margin: 1vw auto; text-align: center; }

.cti-order-detail .btn-group button { margin: 0 1vw; }

@media screen and (max-width: 1440px) { .cti-order-detail { width: 100%; }
  .cti-order-detail .card-info { font-size: 16px; }
  .cti-order-detail .card-info dl dt { font-size: 26px; } }

@media screen and (max-width: 980px) { .cti-order-detail { width: 100%; }
  .cti-order-detail .card-info { margin: 8vw auto; } }

@media screen and (max-width: 768px) { .cti-order-detail .card-info dl dd:last-child ul li { display: block; }
  .cti-order-detail .card-info dl dd:last-child ul li span:first-child { display: block; font-family: HYQiHei-40s; }
  .cti-order-detail .card-info dl dd:last-child ul li span:last-child { font-family: HYQiHei-60s; }
  .cti-order-detail .card-info dl dd:last-child ul li.update-row .cti-input { width: 100%; }
  .cti-order-detail .card-info dl dd:last-child ul li.update-row .form { margin: 20px 0; } }

.cti-parameter { padding-top: 100px; }

.cti-parameter .parameter { width: 100%; display: flex; align-items: center; }

.cti-parameter .parameter .parameter-con { width: 44%; margin: 60px auto 50px; }

.cti-parameter .parameter .parameter-con .parameter--title { width: 100%; height: 50px; text-align: center; font-size: 36px; font-family: HYQiHei-60S; line-height: 50px; }

.cti-parameter .parameter .parameter-con .parameter-model { width: 100%; margin: 40px auto 0; display: flex; }

.cti-parameter .parameter .parameter-con .parameter-model .left { flex: 1; text-align: center; }

.cti-parameter .parameter .parameter-con .parameter-model .right { flex: 1; }

.cti-parameter .parameter .parameter-con .parameter-model .right .select-menu { width: 60%; }

.cti-parameter .parameter .parameter-con .model-tab { width: 100%; margin-top: 40px; }

.cti-parameter .parameter .parameter-con .tab-con > div { display: none; }

.cti-parameter .parameter .parameter-con .tab-con .active { display: block; }

.cti-parameter .parameter .parameter-con .model-parameter .model-price { width: 100%; height: 50px; font-size: 14px; font-family: HYQiHei-40S; line-height: 50px; border-bottom: 1px solid #c2cad0; }

.cti-parameter .parameter .parameter-con .model-parameter .model-length { width: 100%; display: flex; font-size: 14px; font-family: HYQiHei-40S; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #c2cad0; }

.cti-parameter .parameter .parameter-con .model-parameter .model-length div { flex: 1; }

@media screen and (max-width: 768px) { .cti-parameter .parameter { width: 100%; display: flex; align-items: center; }
  .cti-parameter .parameter .parameter-con { width: 100%; margin: 60px auto 50px; }
  .cti-parameter .parameter .parameter-con .parameter--title { width: 100%; height: 50px; text-align: center; font-size: 36px; font-family: HYQiHei-60S; line-height: 50px; }
  .cti-parameter .parameter .parameter-con .parameter-model { width: 100%; margin: 40px auto 0; display: block; }
  .cti-parameter .parameter .parameter-con .parameter-model .left { flex: 1; text-align: center; }
  .cti-parameter .parameter .parameter-con .parameter-model .right { flex: 1; display: flex; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
  .cti-parameter .parameter .parameter-con .parameter-model .right .select-menu { width: 60%; }
  .cti-parameter .parameter .parameter-con .parameter-model .right .select-menu dt { margin-top: 20px; }
  .cti-parameter .parameter .parameter-con .model-tab { width: 90%; margin: 40px auto 0; }
  .cti-parameter .parameter .parameter-con .model-tab .cti-tabbar ul li { font-size: 14px; margin: 0 1.8vw; }
  .cti-parameter .parameter .parameter-con .tab-con > div { display: none; }
  .cti-parameter .parameter .parameter-con .tab-con .active { display: block; }
  .cti-parameter .parameter .parameter-con .model-parameter { padding-left: 20px; padding-right: 20px; }
  .cti-parameter .parameter .parameter-con .model-parameter .model-price { width: 100%; height: 50px; font-size: 14px; font-family: HYQiHei-40S; line-height: 50px; border-bottom: 1px solid #c2cad0; }
  .cti-parameter .parameter .parameter-con .model-parameter .model-length { width: 100%; display: flex; font-size: 14px; font-family: HYQiHei-40S; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #c2cad0; }
  .cti-parameter .parameter .parameter-con .model-parameter .model-length div { flex: 1; } }

.cti-payment { padding-top: 100px; }

.cti-payment .page-wrapper { width: 77%; margin: auto; }

.cti-payment .cti-radio { line-height: 19px; }

.cti-payment .cti-radio .radio { width: 18px; height: 18px; display: inline-block; }

.cti-payment .msg-tips { padding: 8vw 0; text-align: center; font-family: HYQiHei-40S; font-size: 16px; }

.cti-payment .msg-tips .title { font-size: 35px; color: #001e50; margin: 10px 0; font-family: HYQiHei-60S; }

.cti-payment .msg-tips .title img { position: relative; top: -5px; }

.cti-payment .order-info { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 680px; margin: 3.9vw auto 0; }

.cti-payment .order-info li { width: 50%; text-align: left; white-space: nowrap; line-height: 39px; }

.cti-payment .paytypes { border-top: 2px solid #001e50; padding: 3vw 0; }

.cti-payment .paytypes ul { display: flex; align-items: center; justify-content: center; }

.cti-payment .paytypes ul li { margin: 0 5vw; display: flex; align-items: center; align-content: center; }

.cti-payment .paytypes ul li > span { padding: 0 10px; white-space: nowrap; display: inline-block; }

.cti-payment .paytypes ul li .cti-radio { position: relative; }

.cti-payment .option-bar { display: flex; align-items: center; align-content: center; justify-content: flex-end; border-top: 1px solid #e3e3e5; padding: 1.6vw 0; }

.cti-payment .option-bar .cti-radio { position: relative; }

.cti-payment .option-bar span { padding: 0 25px 0 0; display: inline-block; }

.cti-payment .option-bar em { color: #001e50; font-style: normal; font-weight: bold; font-size: 30px; font-family: HYQiHei-60S; }

.cti-payment .option-bar button { margin: 0 0 0 40px; }

@media screen and (max-width: 768px) { .cti-payment .msg-tips { padding: 18vw 0; }
  .cti-payment .msg-tips .title { margin: 10px 0 8vw; }
  .cti-payment .msg-tips .title img { position: relative; top: -5px; }
  .cti-payment .paytypes { padding-top: 8vw; }
  .cti-payment .paytypes ul { display: block; text-align: center; border: none; }
  .cti-payment .paytypes ul li { text-align: center; line-height: 30px; border-bottom: 1px solid #e3e3e5; padding: 15px 0; margin: 0; position: relative; }
  .cti-payment .paytypes ul li img { max-width: 30px; margin-right: 10px; }
  .cti-payment .paytypes ul li > span { padding: 0; display: block; }
  .cti-payment .paytypes ul li .cti-radio { display: inline-block; position: absolute; right: 5px; }
  .cti-payment .option-bar { display: block; padding: 10vw 0; position: relative; border: none; }
  .cti-payment .option-bar em { display: block; text-align: center; padding-top: 2vw; }
  .cti-payment .option-bar button { margin: 2vw auto; display: block; } }

.cti-plaintext { padding-top: 100px; }

.cti-plaintext .page-wrapper { width: 50%; margin: 2vw auto 4vw; }

.cti-plaintext h2 { text-align: center; font-size: 48px; font-family: HYQiHei-60s; margin-bottom: 3vw; }

.cti-plaintext p { font-size: 16px; margin-bottom: 1.8vw; font-family: HYQiHei-60s; }

.cti-plaintext table { border-collapse: collapse; width: 100%; margin-bottom: 1.8vw; }

.cti-plaintext table td { font-size: 16px; font-family: HYQiHei-60s; border: 1px solid #ccc; padding: 10px; }

@media screen and (max-width: 768px) { .cti-plaintext .page-wrapper { width: 85%; margin: 2vw auto 4vw; } }

.cti-refund { padding-top: 100px; }

.cti-refund .page-wrapper { width: 640px; margin: 5vw auto; }

.cti-refund .title { text-align: center; font-size: 40px; }

.cti-refund .car { text-align: center; margin: 3.9vw auto; font-size: 18px; }

.cti-refund .car img { display: block; width: 330px; margin: 0 auto 10px; }

.cti-refund .cti-form-item.top { align-items: flex-start; }

.cti-refund .cti-form-item > label { display: block; min-width: 180px; }

.cti-refund .cti-form-item .cti-input, .cti-refund .cti-form-item > div { flex: 1; }

.cti-refund .cti-form-item textarea { width: 100%; margin: 0; min-height: 80px; padding: 15px; box-sizing: border-box; }

.cti-refund .option-bar { display: flex; max-width: 330px; justify-content: space-between; margin: auto; }

@media screen and (max-width: 768px) { .cti-refund .page-wrapper { width: 85%; margin: 12vw auto; }
  .cti-refund .title { font-size: 30px; }
  .cti-refund .car { margin: 6vw auto; }
  .cti-refund .cti-form-item { margin: 25px 0; }
  .cti-refund .cti-form-item > label { display: block; min-width: 80px; } }

.cti-rights .page-wrapper { background: url("../images/rights/bg.jpg") no-repeat center/cover; }

.cti-rights .content { width: 77%; margin: auto; padding-top: 100px; color: #fff; font-size: 18px; padding-bottom: 5vw; position: relative; z-index: 1; }

.cti-rights .content dl { display: inline-block; font-family: HYQiHei-40s; }

.cti-rights .content dl dt { border-bottom: 1.5px solid #fff; padding: 2vw 0; font-size: 36px; font-family: HYQiHei-60S; min-width: 280px; }

.cti-rights .content dl dd { border-top: 1px solid #fff; padding: 2vw 0; }

.cti-rights .content dl dd:last-child { border-bottom: 2px solid #fff; }

.cti-rights .content dl dd:last-child ul li { justify-content: space-between; text-align: left; }

.cti-rights .content dl dd:last-child ul li span { flex: 1; }

.cti-rights .content ul li { list-style: inside; line-height: 32px; }

.cti-rights .content em { font-family: HYQiHei-60s; font-style: normal; }

.cti-rights .content .btn-group { margin-top: 2vw; }

.cti-rights .content .btn-group button { margin-right: 1vw; }

.cti-rights .content .btn-group button:first-child { min-width: 198px; }

@media screen and (max-width: 768px) { .cti-rights { padding-top: 100px; }
  .cti-rights .page-wrapper { overflow: hidden; position: relative; background-position: 85%; }
  .cti-rights .page-wrapper::before { content: ''; position: absolute; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; width: 100vw; height: 100%; z-index: 0; }
  .cti-rights .page-wrapper .content { padding: 50px 0; font-size: 14px; }
  .cti-rights .page-wrapper dl dd:last-child { border-bottom: 2px solid #fff; }
  .cti-rights .page-wrapper dl dd:last-child ul li { display: block; text-align: left; }
  .cti-rights .page-wrapper dl dd:last-child ul li span { display: block; }
  .cti-rights .page-wrapper dl dd:last-child ul li span:before { content: ''; display: inline-block; width: 5px; height: 5px; background: #fff; border-radius: 5px; margin-right: 14px; }
  .cti-rights .page-wrapper .btn-group button { display: block; } }

.cti-updatepwd { padding-top: 100px; }

.cti-updatepwd .page-wrapper { width: 425px; margin: 5vw auto; }

.cti-updatepwd .cti-form-item > label { display: block; width: 100px; }

.cti-updatepwd .cti-form-item .cti-input { flex: 1; }

.cti-updatepwd .option-bar { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .cti-updatepwd .page-wrapper { width: 85%; }
  .cti-updatepwd .cti-form-item > label { display: block; width: 80px; } }