body{font-family:sans-serif,"Microsoft Yahei","Hiragino Sans GB";line-height:1.8;background:#f2f2f2;color:#343a3c;margin:0px;padding-top:68px;font-size: 16px;}
@media (max-width:991px){
	body{padding-top:60px;}
}
@media (max-width:767px){
	body{padding-top:50px;background:#fff;}
}

img{max-width: 100%;}
ul,ol,dl,dt,dd{margin: 0;padding: 0}
ul,li{list-style: none;}
table{font-size: 12px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: middle;padding: 10px;border-top-color: #eee;}

a{color:#333;}
.a2{color:#45B6F7}
a,a:hover{transition:all .3s ease-out 0s;text-decoration:none;}
a:hover{color:#469fe6}
a:active,a:focus{outline:0;text-decoration: none;}
html{font-size:100px;}

.hide{display:none !important}
.affix{position:fixed;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.clearfix::after{content:"";display:table;clear:both}
.invisible{visibility:hidden !important}
.thumbnail{border: none;padding: 0;margin: 0}

.bgf-c{background:#fff;border-radius:3px;}
.left,.fl {float:left;}
.right,.fr {float:right;}
.clear {clear:both;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.pc10{padding:10px;}
.pc15{padding:15px;}
.pc20{padding:20px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}


.btn{display:inline-block;font-weight:normal;color:#333;background-color:#f2f2f2;text-align:center;vertical-align:top;user-select:none;border:none;padding:10px 30px;font-size:16px;border-radius:8px;outline:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;}
.btn:hover,.btn:focus,.btn.focus{outline:0;text-decoration:none}
.btn:active,.btn.active{outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn-1{color:#fff;background-color:#469fe6}
.btn-1:hover,.btn-1:focus,.btn-1.focus{color:#fff;background-color:#45B5F7}
.btn-2{color:#fff;background-color:#f44336}
.btn-2:hover,.btn-2:focus,.btn-2.focus{color:#fff;background-color:#d32f2f}
.btn-3{background-color:#00AAEE;color:#fff}
.btn-3:hover,.btn-3:focus,.btn-3.focus{background-color:#09b9ff;color:#fff}
.btn-4{background-color:#1dc31c;color:#fff}
.btn-4:hover,.btn-4:focus,.btn-4.focus{background-color:#1AAD19;color:#fff}
.btn-5{background-color:#DC3545;color:#fff}
.btn-5:hover,.btn-5:focus,.btn-5.focus{background-color:#d72536;color:#fff}
.btn-6{background-color:#28a745;color:#fff}
.btn-6:hover,.btn-6:focus,.btn-6.focus{background-color:#218838;color:#fff}
.btn-block{display:block;width:100%}

.container{width:auto;max-width:1230px;padding:0 15px;position:relative;margin:0 auto;}
@media (max-width:991px){
	.container{width:100%;padding:0;}
}
.line-default{width:100%;height:1px;background:#aeaeae;}


/** header start **/
.header {position:fixed;left:0;top:0;width:100%;z-index:999;height:68px;background:#2C3747;}
@media (max-width:991px) {
	.header {height:60px}
}
@media (max-width:767px) {
	.header {height:50px}
}
.logo-wrap {float:left;margin-right:20px;}
.logo {padding:10px 0 5px;float:left;margin:0;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s}
@media (max-width:991px) {
	.logo {float:left;padding:8px 0 0}
}
.logo img {display:block;height:50px;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s}
.logo a {display:block}
@media (max-width:991px) {
	.logo-wrap {width:100%}
	.logo img {height:35px;margin-left:10px;}
}
@media (max-width:991px) {
	.menu-wrap {position:fixed;bottom:0;top:0;right:100%;z-index:998;width:82%;height:100%;padding-top:50px;padding-bottom:30px;margin:0;background:#2C3747 !important;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;overflow:auto}
}
.menu-toggle {display:none;float:right;padding:9px 10px;margin-top:9px;cursor:pointer}
.menu-toggle:hover .icon-bar,.menu-toggle:active .icon-bar,.menu-toggle:focus .icon-bar {background:#fff}
@media (max-width:991px) {
	.menu-toggle {display:block}
}
.menu-toggle .icon-bar {display:block;width:24px;height:2px;margin-bottom:4px;background:#f4f5ff;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.menu-toggle .icon-bar-3 {margin-bottom:0}
.menu-on-shadow {display:none}
.menu-on {-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
@media (max-width:991px) {
	.menu-on {position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-transform:translateX(80%);transform:translateX(80%)}
	.menu-on .logo-wrap {position:fixed;top:0;right:92%;z-index:999;width:80%;padding:0 15px;background:#2C3747;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);box-shadow:0 0 3px rgba(0,0,0,0.1)}
	.menu-on .icon-bar {-webkit-transition:all .3s ease-out .4s;transition:all .3s ease-out .4s;}
	.menu-on .icon-bar-1 {margin-bottom:0;-webkit-transform:rotate(-45deg) translate(-2px,3px);transform:rotate(-45deg) translate(-2px,3px)}
	.menu-on .icon-bar-2 {opacity:0}
	.menu-on .icon-bar-3 {-webkit-transform:rotate(45deg) translate(-2px,-3px);transform:rotate(45deg) translate(-2px,-3px)}
	.menu-on .menu-on-shadow {display:block;position:fixed;z-index:19999;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.3);content:'';cursor:pointer}
}
.menu {margin:0 0 0 30px;padding:0;z-index:888;}
.menu li {position:relative;float:left;height:68px;list-style:none;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s}
.menu li.current-menu-item a {color:#469fe6}
.menu li.current-menu-item .sub-menu a {color:#333}
.menu li.current-menu-item .sub-menu a:hover {color:#469fe6}
.menu li i.new {position:absolute;right:13px;top:50%;display:block;padding:2px;margin-top:-7px;font-size:12px;line-height:1;font-weight:500;-webkit-transform:scale(0.9);transform:scale(0.9);color:#fff;font-style:normal;background:#2ac36c;border-radius:3px;opacity:.95}
.menu li.has-flag a {padding-right:30px}
.menu a {display:block;color:#f4f5ff;line-height:68px;padding:0 17px;font-size:16px;outline:none;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s}
.menu a:hover,.menu a:active,.menu a:focus {color:#469fe6;text-decoration:none}
@media (max-width:991px) {
	.menu {float:none !important;width:100%;margin:10px 0 0px 10px;position:relative;overflow:hidden;}
	.menu li {float:none;height:auto;border:none;width:100%;margin:0px;}
	.menu a {line-height:50px;width:65%;float:left;}
	.menu li.current-menu-item a {color:#f4f5ff}
	.menu li.current-menu-item .sub-menu a {color:#f4f5ff}
	.menu li i.new {display:none}
	.toggle-btn {height:38px;width:33%;float:right;margin-top:-42px;line-height:38px;color:#fff;text-align:right;padding-right:30px;}
	
}
.menu li.dropdown>a::after {content: "▼";font-weight:200;font-size:10px;text-rendering: auto;opacity:.8;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;right:4px;margin-top:2px;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
.menu li.dropdown:hover a::after{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);right:5px;margin-top:4px;}
.menu li.dropdown:hover>.sub-menu {opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transition:opacity .1s,-webkit-transform .3s;transition:opacity .1s,-webkit-transform .3s;transition:transform .3s,opacity .1s;transition:transform .3s,opacity .1s,-webkit-transform .3s;visibility:visible}
.menu li.dropdown:hover>.sub-menu:before {opacity:1;-webkit-transition:opacity .1s .2s;transition:opacity .1s .2s}

.menu .sub-menu {display:block;position:absolute;top:100%;width:140px;padding:2px 0;list-style:none;background:#fff;-webkit-box-shadow:1px 2px 5px 1px rgba(0,0,0,0.15);box-shadow:1px 2px 5px 1px rgba(0,0,0,0.15);opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:opacity .1s .2s,visibility .1s .3s,-webkit-transform .3s;transition:opacity .1s .2s,visibility .1s .3s,-webkit-transform .3s;transition:transform .3s,opacity .1s .2s,visibility .1s .3s;transition:transform .3s,opacity .1s .2s,visibility .1s .3s,-webkit-transform .3s;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;left:50%;margin-left:-70px;}
.menu .sub-menu:before {position:absolute;left:63px;top:-12px;width:0;height:0;line-height:0;border:6px solid transparent;border-bottom:6px solid #fff;content:'';-webkit-transition:opacity .2s 0s;transition:opacity .2s 0s}
.menu .sub-menu li {float:none;width:100%;height:auto;border-bottom:1px solid #f3f3f3;}
.menu .sub-menu li:last-child {border-bottom-width:0}
.menu .sub-menu li.active a {color:#2C3747}
.menu .sub-menu li.active a:hover {color:#fff}
.menu .sub-menu a {padding:0 18px;color:#333;line-height:38px;text-align:center;}
.menu .sub-menu a:hover {color:#469fe6;background:#f4f4f4}
@media (max-width:991px) {
	.menu li.dropdown>a::after{display:none;}
	.menu .sub-menu {position:relative;left:0;margin-left:0;display:none;width:100%;padding:10px 20px 0;background:none;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;visibility:visible;opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0);}
	
	.menu .sub-menu.active {display:block;}
	.menu .sub-menu:before {left:43px;}
	.menu .sub-menu li {float:left;margin-bottom:0px;border:none;text-align:left;}
	.menu .sub-menu li:last-child {margin-bottom:10px;}
	.menu .sub-menu a {padding:0 10px 0 20px;color:#f4f5ff;text-align:left;}
	.menu .sub-menu:before {border:0}
	.menu .sub-menu li.active a {color:#fff}
	
}

.user-bar {float:right;margin:0;padding:0;background:none;display:block;}
.user-bar li {-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s}
.user-bar a {padding:0 10px;line-height:68px;font-size:14px;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s}
.user-bar .btn {color:#fff;display:inline-block;padding:2px 15px;margin-top:19px;line-height:26px;border:0;border-radius:3px;vertical-align:top;-webkit-transition:margin-top .3s ease-out 0s;transition:margin-top .3s ease-out 0s}
.user-bar .btn-login{background:#469fe6;}
.user-bar .btn-register{color:#222;background:#fff;}
.user-bar .btn-login:hover {color:#fff;background:#45B5F7;}
@media (max-width:991px) {
	.user-bar {width:100%;position:relative;margin:0 0 0px 10px;}
	.user-bar li {width:100%;}
	.user-bar a {padding:0 20px;line-height:40px}
	.user-bar .btn {width:35%;float:left;padding:5px;margin:30px 4% 0 7%!important;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;background:#fff;}
}
/** header end **/

/** footer start **/
.footer {position:relative;padding:30px 0;color:#f4f5ff;background:#2C3747;z-index:10;}
@media (max-width:991px) {
	.footer {padding:25px 10px;text-align:center}
}
@media (max-width:767px) {
	.footer {padding:20px 0 20px}
}
.footer a {color:#f4f5ff}
.footer a:hover {color:#b3c0ce;text-decoration:none}
.footer .copyright {font-size:13px;font-size:.13rem}
.footer .copyright p {margin:0 0 5px}
.footer .copyright p:last-child {margin-bottom:0}
.footer .footer-nav,.footer .menu ul,.footer ul.menu {padding:0;margin:0 0 8px;font-size:14px;font-size:.14rem;list-style:none}
.footer .footer-nav li,.footer .menu ul li,.footer ul.menu li {display:inline-block;margin-right:15px;line-height:1.4}
.footer .footer-nav a,.footer .menu ul a,.footer ul.menu a {color:#f4f5ff}
.footer .footer-nav a:hover,.footer .menu ul a:hover,.footer ul.menu a:hover {color:#b3c0ce}
/** footer end **/

.backToTop{display:none; position: fixed;_position: absolute;right: 20px;bottom: 50px;_bottom: "auto";cursor: pointer;padding:8px 0 13px;margin-bottom:5px;width:68px;height:66px;border-radius:4px;font-size:12px;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#FFFFFF;border:1px solid #469fe6;color:#469fe6;z-index:99;}		
.backToTop .fa{display:block;font-size:26px;margin-bottom:2px;}				
.backToTop:hover {
        background-color: #469fe6;color:#fff;
    }
@media (max-width: 991px){
	.backToTop{display:none !important;}
}

#codeBox {border:1px solid #dedede;}

.comm-box{overflow:hidden;max-width:1220px;padding:0 20px 20px;min-height:700px;margin:20px auto;background:#fff;border-radius:6px;box-shadow:0 0 3px rgba(0,0,0,0.1)}
.comm-title{width:100%;line-height:1;font-size:30px;padding:25px 0 0;}
.comm-info{font-size:18px;font-weight:500;color:#333;line-height:1.5;margin-bottom:25px;}

.comm-box input[type="file"]{font-size:16px;padding:10px;margin:5px 0 5px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;width:95%;cursor:pointer}
.comm-box input[type="text"]{padding:10px;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9;width:50%;font-size: 16px;}
.comm-box select {font-size:16px;padding: 8px 30px 8px 12px;border: 1px solid #ddd;border-radius: 6px;background-color: #f9f9f9;cursor: pointer;transition: border-color 0.3s ease, background-color 0.3s ease;position: relative;font-size: 16px;}
.comm-box textarea {height:auto;padding: 10px;border: 2px solid #ccc;border-radius: 8px;font-size: 16px;font-family: 'Arial', sans-serif;resize: vertical;transition: border-color 0.3s ease;}
.comm-box textarea:focus {border-color: #66afe9;outline: none;}
.comm-box textarea:disabled{background:#eee;}

.comm-box input[type="datetime-local"] {padding: 10px;font-size: 16px;border: 1px solid #ccc;border-radius: 8px;background-color: #f9f9f9;transition: border-color 0.3s ease, background-color 0.3s ease;}
.comm-box input[type="datetime-local"]:focus {border-color: #0056b3;background-color: #eaf3ff;outline: none;}

.comm-box .row-box{width:100%;display:inline-block;}

.comm-box .row {flex-wrap:wrap;align-items:center;margin-bottom: 10px;}
.comm-box .row h3{margin:15px 0 10px;}
.comm-box .row p{line-height:1.6;margin:0 0 10px;}

.comm-box .roww {flex-wrap:wrap;align-items:center;margin-bottom: 10px;}
.comm-box red{color:red;margin-right:3px}
.comm-box .info{display:block;font-size:15px;margin-top:-5px;margin-bottom:15px;}
.comm-box label{font-size:17px;color:#222;}

.comm-box table {width: 100%;border-collapse: collapse;font-family: Arial, sans-serif;}
.comm-box table thead {background-color: #469fe6;color: white;}
.comm-box table th, .comm-box table td {padding: 12px;text-align: center;border: 1px solid #ddd;}
.comm-box table tr:nth-child(even) {background-color: #f2f2f2;}
.comm-box table tr:hover {}
.comm-box table tr:last-child td {border-bottom: 2px solid #469fe6;}
.comm-box table th {border-bottom: 2px solid #ddd;}

.comm-box .m-line {display:none;}
@media (max-width:991px){
	.comm-box{width:96%;padding:0 2%;margin:0px auto 20px;border:none;border-radius:none;min-height:500px;}
	.comm-box .m-line{display: block;width: 100%;height: 1px;}
}