﻿@font-face {
    font-family: 'akkurat';
    src: url('../../other/font/akkurat.ttf') format('truetype');
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,fieldset,form,fieldset,input,button,p,pre,textarea,blockquote,th,td{margin:0;padding:0;}
html,body{height:100%;word-wrap:break-word;}
body{font:14px/20px akkurat,'微软雅黑',Arial,sans-serif;line-height:1.4;/*overflow-x:scroll;*/} 
button,input,select,textarea {
	font: 14px '微软雅黑',Arial,sans-serif;
	outline: 0;
}
::-ms-clear,::-ms-reveal{display:none !important;}
textarea {resize: none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{font-size:20px;font-weight:normal;color:#333}
fieldset{border:0}
img{border:0;vertical-align: middle}
ol,ul,li{list-style:none}
address,cite,dfn,em,var {font-style: normal}
code,kbd,pre,samp {font-family: courier new,courier,monospace}
sup {vertical-align: text-top}
sub {vertical-align: text-bottom}
legend{color:#000;}
table{border-collapse:collapse;border-spacing:0;word-break:break-all;table-layout:fixed;}/*表格等宽*/
input[type="radio"],input[type="checkbox"]{margin-right:2px;#margin-right:0}
::-webkit-input-placeholder{color:#888;font-size:12px;}
:-ms-input-placeholder{color:#888;font-size:12px;}
::-moz-placeholder{color:#888;font-size:12px;opacity:1!important}
input{-webkit-appearance:none;-webkit-transition:-webkit-box-shadow .25s linear;-moz-transition:-moz-box-shadow .25s linear;transition:box-shadow .25s linear}
input[type="text"]:focus,input[type="radio"]:focus,input[type="button"]:focus,input[type="password"]:focus,textarea:focus,button:focus,label,label:focus{outline:0}
input,textarea{font-family:"Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,'Trebuchet MS',Arial,Helvetica,sans-serif;color:#333}

/*::selection{background:#999;color:#fff}*/
::-moz-selection{background:#999;color:#fff}
::-webkit-selection{background:#999;color:#fff}
::-ms-selection{background:#999;color:#fff}
a{color:inherit;text-decoration:none;outline:none;}
a:visited,a:active,a:link,a:focus{outline:0;star:expression(this.onFocus=this.blur())}
a:hover{text-decoration:none;cursor:pointer;}
.clear{float:none;clear:both;height:0;font-size:0;overflow:hidden}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
/*select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select{background:#fff url("../../images/main/dot.png") no-repeat!important;background-position:right center!important;z-index:9999;}*/
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;}
a,button,input[type="button"]{cursor:pointer;}
i{display: inline-block;text-align:center;font-style:normal}
input[readonly]{background: #fafafa;cursor:not-allowed;}
input[type="checkbox"]{vertical-align:middle;}
oh{display: none!important;max-width: 0!important;max-height: 0!important;}


.main{max-width:1200px;min-width:980px;margin:0 auto;}

header,section,footer{min-width:980px;}
.warpper{width:100%;min-height:100%;margin-bottom:-270px;}
.warpper:after{content:'';display:block;}
.warpper:after,footer{height:270px;}

header{width:100%;height:130px;background:rgba(24,53,90,1);}
.top-r{float:right;padding-right:50px;color:#9ab8d7;font-size:13px;padding-top:11px;height:54px;}
.rate-price li{float: left;margin-right:40px;line-height:24px;}
.account{padding-left:28px;}
.account li{float:left;line-height:24px;margin-right:30px;}
.account a{color: #9ab8d7;line-height:24px;}
.account .active {color: #1ABC9C;}
.account a:hover,.username:hover a{color:#1ABC9C;}
.theme{float:left;margin-right:15px;}
.i-theme{width:15px;height:15px;background:url("/../images/common/theme.png") no-repeat;vertical-align:middle;cursor:pointer;margin-top:3px;}
.i-day{}
.i-night{background-position-y:-15px;}
.i-theme:hover{background-position-x:-15px;}
.lang{float:left;position:relative;width:26px;height:20px;}
.lang-box{position: absolute;left: 0;top:20px;}
.i-lang{display:inline-block;margin-top:2px;}
.i-mail{display:inline-block;width:23px;height:15px;background:url("/../images/common/mail.png") no-repeat;vertical-align:middle;margin-top:-2px;position:relative;}
.i-mail:hover{background-position-x:-23px;}
.i-circle{width:6px;height:6px;border-radius:50%;background:#FF7828;position:absolute;top:-2px;right:0px;display:none;}
.i-user{width:16px;height:22px;background:url("/../images/common/user.png") no-repeat;vertical-align: middle;margin-top:-2px;margin-right:10px;}
.uesrId{display:none;padding-left:28px;color:#1ABC9C;}
.username:hover .i-user{background-position-x:-16px;}
.username:hover .uesrId{display:block;}
.i-quit{width:11px;height:15px;background:url("/../images/common/quit.png") no-repeat;margin-top:6px;}
.i-quit:hover{background-position-x:-11px;}

.head-nav{color:rgba(154,184,215,1);height:55px;padding-left:40px; /*border:1px solid pink;*/}
.logo{float:left;width:124px;height:55px;background:url("../../images/common/logo.png") no-repeat;}
.nav{float:left;padding-left:36px;}
.nav li{float:left;}
.nav a{display:inline-block;padding:0 34px;color:#9ab8d7;line-height:55px;}
.nav a:hover,.nav a.active{color:#1ABC9C;}

footer{width:100%;background:rgba(24,53,90,1);}
.theme-day footer{color:#9ab8d7;}
.foot-m{height:219px;border-bottom:1px solid #274970;}
.f-logo{padding-top:70px;float:left;}
.f-account{float:left;padding-top:85px;padding-left:55px;}
.f-account li{float:left;}
.i-account{display:inline-block;width:30px;height:30px;background:url("/../images/common/i-account.png") no-repeat;margin:0 10px;}
.i-twitter{background-position-y:-30px;}
.i-wechart{background-position-y:-60px;}
.i-sina{background-position-y:-90px;}
.i-telegram{background-position-y:-120px;}
.i-account:hover{background-position-x:-30px;}
.foot-r{float:right;}
.f-link{display:inline-block;text-align:left;padding-top:40px;width:220px;}
.f-link:last-child{width:180px;}
.i-wx{width:140px;height:140px;background:url("/../images/common/wx.png") no-repeat;background-size:100%;position:absolute;left:-46px;top:32px;-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);}
.wx-code{margin-left:15px;margin-top:12px;}
.f-link h4{font-weight:normal;font-size:16px;padding-bottom:20px;}
.f-link li{padding-bottom:18px;}
.f-link li a{color:inherit;font-size:12px;}
.f-link li a:hover{color:#1ABC9C;}

.theme-night{background: #17283f;color:#9ab8d7;}
.theme-day{background: #EFF2F6;color:#3264A4;}

/*加载中*/
.mask-wrap{min-height:460px;}
.mask-box{width:100%;height:100%;position:absolute;top:0;left:0;z-index:99;}
.i-load{width:100%;height:100%;background:url('../../other/layer/theme/default/loading-0.gif') no-repeat center;}
.theme-night .mask-box{background:#18355a;}
.theme-day .mask-box{background:#fff;}

/*确认弹窗*/
.tra-form-confirm .layui-layer-title,.layer-confirm .layui-layer-title{background-color:#fff;height:60px;line-height:58px;font-size:16px;color:#1ABC9C;padding:0;}
.tra-form-confirm .layui-layer-title span,.layer-confirm .layui-layer-title span{display:inline-block;padding:0 12px;border-bottom:1px solid #1ABC9C;}
.tra-form-confirm .layui-layer-content,.layer-confirm .layui-layer-content{font-size:13px;color:#666;text-align:center;/*padding-top:25px!important;*/}
.tra-form-confirm .layui-layer-btn,.layer-confirm .layui-layer-btn{text-align:center;padding-bottom:20px;}
.tra-form-confirm .layui-layer-btn a,.layer-confirm .layui-layer-btn a{height:36px;line-height:36px;width:100px;}
.tra-form-confirm .layui-layer-btn .layui-layer-btn0{border-color:#1ABC9C;background-color:#1ABC9C;float:none;}

.layer-confirm .layui-layer-btn{width:250px;margin:0 auto;}
.layer-confirm .layui-layer-btn .layui-layer-btn0{border-color:#1ABC9C;background-color:#1ABC9C;}

@media (max-width:1200px){
	.f-account{padding-left:40px;}
	.f-link{width:190px;}
    .f-link:last-child{width:120px;}
}

    .phoneA {
       width: 90px;
    position:relative;
    height:50px;
    margin-right:0px !important;
    }
    .phoneImg{ width: 15px; height: 20px; background: url(../../images/common/phone.png) no-repeat center center; margin-left: 45px;
    background-size: 100%;}
     .phoneA:hover  .phoneImg{background: url(../../images/common/phoneActive.png) no-repeat left center;}
     .phoneA:hover .fexDown{display:block}
    .fexDown{    width: 140px;text-align:center;display:none;
    position: absolute;
    top:37px;  
   left: -20px;
    z-index: 9999;}
    .fexDown img{width:140px;padding-top:10px;}
    .fexDown span{display: block;
    padding: 5px 0px;font-size:13px;color:#1ABC9C;
    width: 100%;}

/*color*/
.red{color:#D23344;}
.green{color:#04D047;}
.green2{color:#1ABC9C;}
.gray{color:#637A92;}
.yellow{color:#f9ee30;}
.whiteBg{background:#fff;}
.link:hover{font-weight:600;}

/* display */
.di{display:inline;}
.dib{display:inline-block;}
.db{display:block;}
.dt{display:table;/*table-layout:fixed;*/}
.dtc{display:table-cell;position:relative;}

/* overflow */
.ovh{overflow:hidden;}

/* text-align */
.tc{text-align:center!important;}
.tr{text-align:right!important;}
.tl{text-align:left!important;}

/* vertical-align */
.vm{vertical-align:middle!important;}
.vt{vertical-align:top;}
.vb{vertical-align:bottom;}
.vtb{vertical-align:text-bottom;}

/*float*/
.fl{float:left;}
.fr{float:right;}

/* position */
.rel{position:relative;}
.abs{position:absolute;}

/* clear some style */
.noBg{background:none!important;}
.noBd{border:none!important;}
.noBdb{border-bottom:none!important;}
.noBdt{border-top:none!important;}

/* cursor */
.cp{cursor: pointer;}
.cd{cursor: default;}

.hide{display:none;}
.show{display:block;}

.hidden{visibility:hidden;}
.visible{visibility:visible;}

/*width*/
.wp100{width:100%;}
.wp50{width:50%;}

/*margin*/
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}

/*padding*/
.p20{padding:20px;}
.pt10{padding-top:10px!important;}
.pt20{padding-top:20px;}
.pt100{padding-top:100px;}

.pb20{padding-bottom:20px;}

.pl15{padding-left:15px;}
.pl16{padding-left:16px;}
.pl20{padding-left:20px!important;}
.pl40{padding-left:40px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px!important;}

/*fontsize*/
.f12{font-size:12px;}
.f16{font-size:16px;}

.wbba{word-break:break-all;}