html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

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

*, *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; }

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

a { text-decoration: none; background-color: transparent; }

a:active, a:hover { outline: 0; }

b, strong { font-weight: bold; }

sub, sup { position: relative; vertical-align: baseline; }

em { font-style: normal; }

img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button, select { text-transform: none; }

button, input { line-height: normal; padding: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { box-sizing: content-box; }

textarea { overflow-y: auto; resize: vertical; }

:focus { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: normal; }

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

html, body { height: 100%; width:750px; margin:0 auto; background: #fff; font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,STXihei,sans-serif; font-size: 24px; }

.body { padding-bottom: 120px; }

.logo { padding: 15px 0; text-align: center; }

.footer-nav { width:750px; margin:0 auto; position: fixed; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #63a7ff; height: 100px; text-align: center; }
.footer-nav .nav { display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 6px; border-left: 1px solid #73b0ff; color: #fff; }
.footer-nav .nav img { margin-bottom: 5px; }

.index-banner { position: relative; overflow: hidden; min-width: 750px; }
.index-banner:hover .slider-nav { display: block; }
.index-banner .swipe { overflow: hidden; visibility: hidden; position: relative; }
.index-banner .swipe-wrap { overflow: hidden; position: relative; }
.index-banner .swipe-wrap .swipe-item { position: relative; float: left; width: 100%; }
.index-banner .swipe-item { height: 303px; }
.index-banner .swipe-item img { height: 303px; }

.theme-box { padding: 20px 20px 40px 20px; background: -webkit-linear-gradient(top left, #53a2f1, #4280eb); background: linear-gradient(to bottom right, #53a2f1, #4280eb); z-index: 999; }
.theme-box .search-box { padding-bottom: 20px; }
.theme-box .search-box .tit { margin-bottom: 15px; text-align: center; font-size: 32px; font-weight: bold; color: #fff; }
.theme-box .search-box .control { overflow: hidden; }
.theme-box .search-box .btn-search { float: right; display: block; width: 206px; height: 55px; color: #fff; font-size: 0; background: url(../images/btn_search.png); cursor: pointer; border: none; }
.theme-box .search-box .input-box { overflow: hidden; float: left; width: 494px; background-color: #fff; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 6px; }
.theme-box .search-box .input-box input { background-color: transparent; padding: 0 18px; width: 100%; height: 55px; line-height: 55px; font-size: 22px; color: #888; border: none; }
.theme-box .search-box .input-box ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ddd; opacity: 1; /* Firefox */ }
.theme-box .search-box .input-box ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ddd; opacity: 1; /* Firefox */ }
.theme-box .search-box .input-box :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ddd; opacity: 1; /* Firefox */ }
.theme-box .search-box .input-box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ddd; opacity: 1; /* Firefox */ }
.theme-box .search-box .input-box :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ddd; }
.theme-box .search-box .input-box ::-ms-input-placeholder { /* Microsoft Edge */ color: #ddd; }
.theme-box .tutorial-box { position: relative; *zoom: 1; height: 140px; background: url(../images/m/tutorial_tit.png) top center no-repeat; }
.theme-box .tutorial-box:before, .theme-box .tutorial-box:after { content: " "; display: table; }
.theme-box .tutorial-box:after { clear: both; }
.theme-box .tutorial-box .pop-tutorial { position: absolute; padding: 0 8px; width: 345px; border: 1px solid #a3c8ff; border-radius: 6px; background-color: #4689ed; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); cursor: pointer; z-index: 99; }
.theme-box .tutorial-box .pop-tutorial.pop1 { top: 69px; left: 0; z-index: 999; }
.theme-box .tutorial-box .pop-tutorial.pop2 { top: 69px; right: 0; z-index: 999; }
.theme-box .tutorial-box .pop-tutorial.pop3 { top: 155px; left: 0; }
.theme-box .tutorial-box .pop-tutorial.pop4 { top: 155px; right: 0; }
.theme-box .tutorial-box .pop-tutorial .title { position: relative; padding: 14px 0; font-size: 26px; color: #fff; }
.theme-box .tutorial-box .pop-tutorial .title:after { content: ''; position: absolute; top: 22px; right: 9px; width: 19px; height: 11px; background: url(../images/arrow_down.png); }
.theme-box .tutorial-box .pop-tutorial .title i { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; vertical-align: middle; margin-bottom: 2px; margin-right: 14px; width: 30px; height: 30px; }
.theme-box .tutorial-box .pop-tutorial .title i.icon-i1 { background: url(../images/i1.png); }
.theme-box .tutorial-box .pop-tutorial .title i.icon-i2 { background: url(../images/i2.png); }
.theme-box .tutorial-box .pop-tutorial .title i.icon-i3 { background: url(../images/i3.png); }
.theme-box .tutorial-box .pop-tutorial .title i.icon-i4 { background: url(../images/i4.png); }
.theme-box .tutorial-box .pop-tutorial .dropdown-menu { display: none; }
.theme-box .tutorial-box .pop-tutorial .dropdown-menu ul li { position: relative; border-top: 1px solid #5995ef; }
.theme-box .tutorial-box .pop-tutorial .dropdown-menu ul li:after { content: ''; position: absolute; right: 16px; top: 21px; width: 6px; height: 11px; background: url(../images/arrow_right.png); }
.theme-box .tutorial-box .pop-tutorial .dropdown-menu ul li a { display: block; padding: 0 8px; height: 53px; line-height: 53px; font-size: 24px; color: #fff; }
.theme-box .tutorial-box .pop-tutorial .dropdown-menu ul li:hover { opacity: .95; }
.theme-box .tutorial-box .pop-tutorial.active .title:after { background: url(../images/arrow_up.png); }

.article { padding: 20px 20px 0; }
.article article { font-size: 22px; }
.article article .p { margin-bottom: 34px; line-height: 1.8; font-size: 24px; }
.article article h1 { margin-bottom: 30px; text-align: center; }
.article article h3 { margin-top: 18px; font-size: 28px; color: #63a7ff; }
.article article p { line-height: 1.6; }
.article article p span, .article article p a { color: #63a7ff; }
.article .table { margin-bottom: 40px; width: 100%; text-align: center; font-size: 18px; }
.article .table th, .article .table td { height: 50px; border: 1px solid #97c5ff; /*width: 50%;*/ }
.article .table th { background: #63a7ff; font-size: 26px; color: #fff; }
.article .table tr:nth-child(even) { background: #fff; }
.article .table tr:nth-child(odd) { background: #f0f6ff; }
.article .table td { color: #404040; }
.article .table.table2 th, .article .table.table2 td { width: 20%; }
.article .card { margin-bottom: 43px; padding: 37px 40px 50px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 10px; }

.modal { display: none; position: fixed; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }

.modal .pop-box { left: 50%; top: 18%; width: 86%; margin-left: -43%; min-height: 400px; max-height: 750px; overflow: auto; background-color: #fff; border-radius: 10px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 50px; position: relative; z-index: 10001; }

.modal .pop-box .close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; background: url(../images/close.png); }

.modal .pop-box .title { font-size: 24px; text-align: center; font-weight: bold; color: #c1a048; padding-bottom: 22px; margin-bottom: 30px; border-bottom: 3px solid #C3CDD0; }

.modal .pop-box table th { border: 1px solid #C3CDD0; }

.modal .pop-box table td { border: 1px solid #C3CDD0; }

.modal .pop-box .page-nav { text-align: right; }

.modal .pop-box .page-nav li { font-size: 14px; display: inline-block; }

.modal .pop-box .page-nav li a { padding: 0 10px; display: inline-block; color: #38424e; line-height: 2.2; border: 1px solid #D2D2D2; }

.modal .pop-box table { margin-bottom: 20px; width: 100%; border-collapse: collapse; }

.modal .pop-box table th { text-align: center; padding: 1px 2px; vertical-align: middle; font-size: 14px; color: #353f4b; font-weight: normal !important; line-height: 35px !important; border: 1px solid #DCDEDD; background-color: #EFF0F2; }

.modal .pop-box table td { text-align: center; line-height: 32px; padding: 2px 2px; vertical-align: middle; font-size: 14px; color: #353f4b; border: 1px solid #DCDEDD; background-color: #fff; }