@charset "utf-8";
/* CSS Document */


/*公共样式*/
*{ margin:0; padding:0; font-weight:normal; font-family:"Microsoft Yahei"; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
a,input,select,textarea{outline:none;text-decoration:none; font-style:none;}
ul,li{list-style:none;}
i,em{font-style:normal}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.clear{ clear:both; overflow:hidden;}
img{ border:0; max-width:100%;}
.fontArr{ font-family:SimSun;}
.position-r{ position:relative;}
img.zero{ width:0; height:100%; opacity:0;}
#mask{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; background:rgba(0,0,0,.5); display:none;}

.fb{ font-weight:bold !important;}
/*字体大小*/
.f12{ font-size:0.1875rem;}
.f14{ font-size:0.21875rem;}
.f16{ font-size:0.25rem;}
.f18{ font-size:0.28125rem;}
.f20{ font-size:0.3125rem;}
.f22{ font-size:0.34375rem;}
.f24{ font-size:0.375rem;}
.f26{ font-size:0.40625rem;}
.f28{ font-size:0.4375rem;}
.f30{ font-size:0.46875rem;}
.f32{ font-size:0.5rem;}
.f34{ font-size:0.53125rem;}
.f36{ font-size:0.5625rem;}
.f38{ font-size:0.59375rem;}
.f40{ font-size:0.625rem;}
.f52{ font-size:0.8125rem;}
.f64{ font-size:1rem;}

/*选择小箭头*/
.arrs-box{ width:0.35rem; height:100%; background:#fff; position:absolute; top:0; right:0.25rem;}
.arrow-s{ background:url(../images/account/arrow-s.png) no-repeat; background-size:cover; width:0.25rem; height:0.5rem; position:absolute; top:50%; margin-top:-0.25rem; right:0.3rem;}
.arrs-box .arrow-s{ right:0.05rem;}
.arrow-b{ background:url(../images/account/arrow-b.png) no-repeat; background-size:cover; width:0.40625rem; height:0.75rem; position:absolute; top:0.975rem; right:0.25rem;}


/*loading*/
#loading{ width:100%; height:100%; overflow:auto; position:fixed; z-index:9999999; background:#fff; text-align:center; top:0; left:0;}
#loading .load-container{ width:10em; height:10em; margin:10em auto 0; font-size:10px;}
.load .loader:before, .load .loader:after, .load .loader {border-radius: 50%;width: 2em;height: 2em;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: load 1.8s infinite ease-in-out;
animation: load 1.8s infinite ease-in-out;}
.load .loader {margin: 0 auto;font-size: 10px;position: relative;text-indent: -9999em;-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
.load .loader:before {left: -3.5em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.load .loader:after {left: 3.5em;}
.load .loader:before, .loader:after {content: '';position: absolute;top: 0;}
@-webkit-keyframes load {0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em #0dcecb;} 40% {box-shadow: 0 2.5em 0 0 #0dcecb;}}
@keyframes load {0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em #0dcecb;} 40% {box-shadow: 0 2.5em 0 0 #0dcecb;}}

/*弹出层进出CSS3*/
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
	}
@keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
	}
.fadeInLeft{ animation:fadeInLeft .5s ease-in-out; -webkit-animation:fadeInLeft .5s ease-in-out;}
@-webkit-keyframes fadeOutLeft{
	0%{opacity:1}
	100%{opacity:0;-webkit-transform:translate3d(120%,0,0);transform:translate3d(120%,0,0)}
	}
@keyframes fadeOutLeft{
	0%{opacity:1}
	100%{opacity:0;-webkit-transform:translate3d(120%,0,0);transform:translate3d(120%,0,0)}
	}
.fadeOutLeft{ animation:fadeOutLeft .5s ease-in-out; -webkit-animation:fadeOutLeft .5s ease-in-out;}

/*操作loading*/
.all-loading{ width:100%; height:auto; padding:1rem 0; background:#fff;}
.all-loading p{ text-align:center; font-size:0.375rem; color:#32a4ff;}
.use-loader{ position:fixed; top:30%; left:50%; z-index:1000; display:none; width:5rem; height:auto; background:#fff; border-radius:0.1rem; margin-left:-2.5rem;}
.useLoader,.useLoader:before,.useLoader:after {background: #32a6ff;-webkit-animation: useloader .8s infinite ease-in-out;animation: useloader .8s infinite ease-in-out;width: 0.1rem;height: 0.4rem;}
.useLoader {color: #32a6ff;text-indent: -9999em;margin: 0.5rem auto;position: relative;font-size: 12px;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
.useLoader:before,.useLoader:after {position: absolute;top: 0;content: '';}
.useLoader:before {left: -0.15rem;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.useLoader:after {left: 0.15rem;}
@-webkit-keyframes useloader {0%,80%,100% {box-shadow: 0 0;height: 0.4rem;}40% {box-shadow: 0 -0.2rem;height: 0.5rem;}}
@keyframes useloader {0%,80%,100% {box-shadow: 0 0;height: 0.4rem;}40% {box-shadow: 0 -0.2rem;height: 0.5rem;}}




/*表单元素*/
input{ border:0; outline:none;}
/*使用appearance改变webkit浏览器的默认外观*/
select { -webkit-appearance:none; appearance: none; -moz-appearance:none; background:#fff;}
/*禁用select默认箭头，::-ms-expand修改表单控件下拉箭头，设置隐藏并使用背景图片来修饰*/
select::-ms-expand { display:none; }
/*禁用radio和checkbox默认样式，::-ms-check修改表单复选框或单选框默认图标，设置隐藏并使用背景图片来修饰*/
input[type=radio]::-ms-check ,input[type=checkbox]::-ms-check { display:none; }

/*改变输入框placeholder的颜色值*/
::-webkit-input-placeholder { /* WebKit browsers */color: #999; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #999; }
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999; }
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #999; }
input:focus::-webkit-input-placeholder{ color:#999; }

.css3 {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}





body{ background:#c0f0fd;}
#wrap{ width:10rem; min-height:100%; margin:0 auto; background:#F2F5F8; position:relative; overflow:hidden; display:none;}
#wrap #mainInner{ width:100%; height:100%; background:#F2F5F8; position:relative; overflow:hidden;}
/*head*/
#mainInner #mHead{ width:10rem; height:1.5rem; background:#0351a0; position:fixed; z-index:999;}
#mHead h1{ width:100%; text-align:center; color:#fff; line-height:1.5rem; letter-spacing:1px;}
#mHead .return{ width:0.72rem; height:0.72rem; display:block; position:absolute; left:0.25rem; top:0.29rem; padding:0.1rem; z-index:111;}
#mHead .return:active ,#mHead .changLanguage:active ,#mHead .stepsHourglass:active{ background:#06427e;}
#mainInner #mHead.mHead2{ background:#32a6ff;}
#mHead.mHead2 .return:active{ background:#1d95f1;}
#mHead .home{ width:0.5625rem; height:0.5625rem; display:block; position:absolute; right:0.2125rem; top:0.35rem; padding:0.1rem;}
#mHead .home:active{ background:#1d95f1;}
#mHead .changLanguage{ font-size:0.4375rem; color:#fff; position:absolute; right:0.25rem; top:0.4rem; padding:0.1rem; line-height:1; cursor:pointer; z-index:111;}
#mHead .stepsHourglass{ width:0.375rem; height:0.6rem; display:block; position:absolute; left:1.5rem; top:0.35rem; padding:0.1rem; z-index:111;}

/*formInput公共输入框*/
.formInput{ width:100%; height:auto; overflow:hidden; position:relative;}
.formInput .inputType1{ width:9.5rem; height:1.375rem; line-height:1.375rem; border-top:1px solid #ebebeb; background:#fff; padding:0 0.25rem; position:relative;}
.formInput .inputType1:nth-last-child(2){ border-bottom:1px solid #ebebeb;}
.formInput .inputType1.eBorder{ box-shadow:inset 0px 0px 0.1rem rgba(255,0,0,.8); border:none;}
.formInput .eTip{ width:9.5rem; height:0.8rem; padding:0 0.25rem; line-height:0.8rem; color:#ff4444;}
.formInput .eTip .hide{ display:none;}
.formInput .eTip .eIcon{ width:0.28rem; height:0.28rem; display:inline-block; margin:0.28rem 0.1rem -0.05rem 0;}
.formInput .eTip .eIcon img{ display:block;}
.inputType1 .la{ float:left; width:3rem; line-height:1.375rem; text-align:left; color:#636363;}
.inputType1 .in ,.inputType1 .fontp{ float:left; width:5.5rem; height:1rem; line-height:1rem; margin:0.1875rem 0; border:none; text-align:left; font-size:0.4375rem;}
.inputType1 .in.rin{ float:right; text-align:right; margin-right:0.2rem;}
.formInput .inputType1.txta{ height:auto; display:inline-block;}
.inputType1 .ta{ float:left; width:6.5rem; height:2rem; line-height:1rem; margin:0.1875rem 0; border:none; text-align:left; font-size:0.4375rem;}
.inputType1 .ta.rta{ text-align:right;}
.inputType1 .fontp{ color:#515050;}
.inputType1 .color1{ color:#3aa9ff;}
.inputType1 .color2{ color:#ff652f;}
.inputType1 .color3{ color:#515050;}
.inputType1 .sp{ float:right; color:#636363;}
.inputType1 .sel{ float:left; width:6.5rem; height:1rem; line-height:1rem; margin:0.1875rem 0; border:none; text-align:left; font-size:0.4375rem; color:#515050;}
.inputType1 .sel.rsel{ float:right; text-align:right; padding-right:0.5rem; direction:rtl;}
.inputType1 .sel.rsel option{ direction: ltr;}
.inputType1 .halfsel{ width:3.25rem; float:left; position:relative;}
.inputType1 .halfsel .sel{ width:3.25rem;}
.inputType1 .halfsel .selArrow{ right:0;}
.inputType1 .getCode{ width:2.6rem; height:0.875rem; float:right; border:1px solid #638ef7; border-radius:0.1rem; margin-top:0.25rem; text-align:center; line-height:0.875rem; cursor:pointer; color:#49a8ec;}
.inputType1 .imgCode{ width:2.18rem; height:0.725rem; float:right; margin-top:0.325rem;}
.inputType1 .imgCode img{ display:block;}
.formInput .selArrow{ position:absolute; height:1rem; width:auto; right:0.25rem; margin:0.1875rem 0; background:#fff; text-align:right;}
.formInput .selArrow img{ width:0.25rem; height:0.5rem; margin-top:0.28rem; float:right;}
.xieyiText{ margin:0.1rem auto 0; color:#565656; padding:0 0.25rem; line-height:0.5rem;}
.xieyiText .chkb{ vertical-align:middle; display:inline-block; margin:0 0.1rem 0 0;}
.xieyiText a{ color:#2bb1f0;}
.xieyiText a:active{ text-decoration:underline;}
.publicBtn{ width:7rem; height:1.18rem; margin:0 auto;}
.publicBtn a{ background:#32a6ff; color:#fff; display:block; width:100%; height:100%; text-align:center; line-height:1.18rem; border-radius:1rem; box-shadow:2px 3px 4px #bcd8f5;}
.publicBtn a:active{ background:#1197fd;}
.publicBtn a.greyBtn{ background:#b8b8b8; color:#fff; box-shadow:2px 3px 4px #e5e5e5;}
.publicBtn.twoBtn{ width:9rem;}
.publicBtn.twoBtn a{ float:left; width:40%; margin:0 5%;}
.publicBtn.twoBtn a:nth-child(1){ background:#7fd0ff;}
.publicBtn.twoBtn a:nth-child(1):active{ background:#5ec2fb;}
.bottom-tip{ margin:0.5rem auto 0; padding:0 0.5rem; color:#8b8b8b; line-height:0.6rem;}


/*formLink公共链接组*/
.formLink{ width:100%; height:auto; overflow:hidden; position:relative;}
.formLink a{ height:1.56rem; width:90%; float:left; border-bottom:1px solid #e9e9e9; line-height:1.56rem; padding:0 5%; background:#fff; position:relative; cursor:pointer;}
.formLink a:active{ background:#f2f3f8;}
.formLink .blueDot{ float:left; width:0.3rem; height:0.3rem; margin:0.63rem 0.2rem 0 0; background:#32a6ff; border-radius:50%;}
.formLink .la{ float:left; min-width:2rem; text-align:left; color:#6b6b6b; font-size:0.375rem;}
.formLink .fontp{ float:left; color:#b0b0b0; font-size:0.375rem;}
.formLink .arrow-s{ right:0.5rem;}
.formLink .img-box{ width:auto; height:0.56rem; float:right; margin:0.55rem 0 0 0.2rem;}
.formLink .img-box img{ display:block; max-height:100%; max-width:100%;}



/**下拉加载更多--加载效果旋转**/
@-webkit-keyframes rotate {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes rotate {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
.loadmore {display:block;line-height:1rem;text-align:center;color:#197390;font-size:0.3125rem;}
.loadmore span {height:0.4rem;width:0.4rem;border-radius:100%;display:inline-block;margin:0.15rem 0.3rem;border:3px solid #f60;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate 1.1s infinite linear;animation:rotate 1.1s infinite linear;}
.loadover {position:relative;height:1rem;line-height:1rem;color:#197390;text-align:center;}
.loadover span {position:relative;display:inline-block;font-size:0.3125rem;background:#F2F2F2;z-index:2}
.loadover:after {content:''position:absolute;left:0;top:50%;width:100%;height:1px;background:#DCDCDC;z-index:1;display:block;}

/*暂无数据*/
.nodata{ width:100%; height:auto; padding:1rem 0; text-align:center; background:#fff;}
.nodata img { width:3.5rem;}

/*公用弹窗*/
.fin-hide{ width:8rem; height:auto; padding:0.35rem 0 0.6rem; background:#fff; border-radius:0.1rem; position:fixed; top:20%; left:50%; margin-left:-4rem; z-index:1111; display:none;}
.fin-hide .fin-detail{ width:5rem; margin:0.5rem auto 0; line-height:2;}
.fin-hide .fin-detail span{ display:inline-block; width:2.3rem; text-align:justify; text-align-last:justify;}
.tc-btn .publicBtn{ width:80%; height:0.86rem; margin-top:0.45rem; text-align:center;}
.tc-btn .publicBtn a{ width:40%; display:inline-block; margin:0 5%; line-height:0.86rem;}
.tc-btn .publicBtn a.grayBtn{ background:#b8b8b8; color:#fff; box-shadow: 2px 3px 4px #e5e5e5;}