/*
 * 小鱼科技公共样式
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset,legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
figure,figcaption {display: inline-block; margin: 0; padding: 0;}
body {color:#717171; font-size:14px;   font-family: PingHei,'PingFang SC',STHeitiSC-Light,"微软雅黑",Arial,sans-serif;}
ul, ol, li {list-style:none}
img {border:0;}
a {text-decoration:none; border:none;outline:none; cursor:pointer }
a:focus ,a:hover ,a:active {outline:none; text-decoration:none; }
input::-ms-clear{display:none;}
a ,input ,textarea ,.btn {outline:none; }
label {font-weight:normal}
textarea {resize:none;}
a { color: #717171}
a:hover,a:active {color: #0262c4;}
.blue {color: #0262c4}
a.blue:hover {color: #eda018}
.blue2 {color: #d7e8f9}
a.blue2:hover {color: #0262c4}
.red {color: #f00}
a.red:hover {color: #0262c4}
.yellow {color: #eda018}
a.yellow:hover {color: #0262c4}
.gray {color: #717171}
a.gray:hover {color: #0262c4}
.fl {float: left}
.fr {float: right}
.mh10 { min-height: 10px;}.mh20 { min-height: 20px;}.mh30 { min-height: 30px;}.mh40 { min-height: 40px;}.mh50 { min-height: 50px;}.mh60 { min-height: 60px;}.mh70 { min-height: 70px;}
.mt10 {margin-top: 10px;}.mt15 { margin-top: 15px;}.mt20 { margin-top: 20px;}.mt30 { margin-top: 30px;}.mt40 { margin-top: 40px;}
.mr6 {margin-right: 6px;}.mr3 {margin-right: 3px;}.mr10 {margin-right: 10px;}.mr15 {margin-right: 15px;}.mr20 {margin-right: 20px;}.mr30 {margin-right: 30px;}
.ml6 {margin-left: 6px;}.ml3 {margin-left: 3px;}.ml10 {margin-left: 10px;}.ml15 {margin-left: 15px;}.ml20 {margin-left: 20px;}.ml30 {margin-left: 30px;}

.both {clear: both;}
.min-wrapper { width: 100%; min-width: 1200px; clear: both}
.wrapper { margin: 0 auto; width: 1200px; clear: both}

.ico-home ,.ico-login ,.ico-register ,.ico-service-samll ,.ico-bowout{ display: inline-block; background-image: url("../imagesNew/ico-top.png"); background-repeat: no-repeat; }
.ico-home {width: 12px; height: 11px; background-position: -28px top}
.ico-login  {width: 10px; height: 11px; background-position:left top}
.ico-register  {width: 10px; height: 11px; background-position: -14px top}
.ico-service-samll {width: 10px; height: 11px; background-position: -59px top}
.ico-bowout {width: 11px; height: 11px; background-position: -44px top}
a:hover .ico-login  ,.active.ico-login{background-position:left -15px}
a:hover .ico-register {background-position:-14px -15px}
.active.ico-service-samll { background-position: -59px -15px}
a:hover .ico-bowout {background-position: -44px -15px}

    /* top begin */
.topcolumn { height: 30px; line-height: 30px; font-size: 12px; background-color: #f4f4f4;}
.topcolumn .t-welcome { float: left;}
.topcolumn .t-welcome em {margin-right: 4px;}
.topcolumn .navigation { float: right;}
.topcolumn .navigation a { margin-left: 15px; display: inline-block;}
.topcolumn .navigation em {margin-right: 4px; vertical-align: middle;}
.topcolumn .navigation .ntry a {margin: 0 10px 0 0; color:#0262c4}
.topcolumn .navigation .ntry a.gray {color:#717171}
.topcolumn .navigation .ntry a:hover {color:#05519e}

.logocolumn {min-height: 100px}
.logocolumn .logo {padding-top: 22px; float: left}
.logocolumn .nav  {padding-top:36px; float: right;}
.logocolumn .nav li {float: left}
.logocolumn .nav li a { margin-left: 30px; padding: 0 0;  height: 30px; line-height: 30px; font-size: 18px; display: inline-block; position: relative}
.logocolumn .nav li a:before {content: "";  position: absolute; bottom: 0; left: 0;  width: 0; border-bottom: 2px solid #0262c4;  }
.logocolumn .nav li a:hover:before { width: 100%;}
.logocolumn .nav li a:hover { color: #0262c4}
.logocolumn .nav li a:before {-webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -ms-transition: width 0.5s ease-in-out;  -o-transition: width 0.5s ease-in-out;  transition: width 0.5s ease-in-out;}
.logocolumn .nav li.active a,.logocolumn .nav li.active a:hover { color: #0262c4;}
.logocolumn .nav li.active a:before { width: 100%;  border-bottom: 2px solid #0262c4;}

.footer-box { background-color: #fafafa;  border-top:1px solid #ccc; overflow: hidden}
.footer-box  .ftext { height: 50px; line-height: 50px; border-top:1px solid #e4e4e4; text-align: center; clear: both;}
.footer-box .ful { padding:54px 0 24px; overflow: hidden;}
.footer-box .ful li { width: 33%; height: 70px; float: left}
.footer-box .ful li em { width: 47px; height: 47px; background-image: url("../imagesNew/ico-foot.png"); background-repeat: no-repeat; display: inline-block; float: left}
.footer-box .ful li p { margin-left: 65px; line-height: 24px;}
.footer-box .ful li.li2 { margin-left: 10%; width: 20%;}
.footer-box .ful li.li3 { width:200px; float: right}
.ico-address { background-position: left top}
.ico-phone { background-position: -49px top}
.ico-mail { background-position: -98px top}

.ico-login2 ,.ico-password ,.ico-radio ,.ico-phone-gray ,.ico-password-gray ,.ico-password-gray2,.ico-confirmPassword {background-image: url("../imagesNew/login-ico.png"); background-repeat: no-repeat; display: inline-block;}
.ico-login2 {width: 16px; height: 18px; background-position: left top}
.ico-password {width: 18px; height: 18px; background-position: -18px top}
.ico-radio { width: 15px; height: 15px; background-position: -38px top}
.ico-radio.active {background-position: -54px top}
.ico-phone-gray {width: 14px; height: 16px; background-position: left -35px}
.ico-password-gray {width: 14px; height: 16px; background-position: -16px -35px}
.ico-password-gray2 {width: 14px; height: 16px; background-position: -32px -35px}
.ico-confirmPassword {width: 14px; height: 16px; background-position: -48px -35px}

.btn { padding: 0 20px;  height: 35px;  line-height: 35px; text-align: center; border-radius: 3px; font-size: 16px; display: inline-block;}
.btn40 {height: 42px;  line-height: 42px;}
.btn-blue {background-color: #0262c4; color: #fff; border: 1px solid #0262c4; cursor: pointer}
.btn-blue:hover {background-color: #1488ff; border-color: #1488ff; color: #fff;}
.btn-yellow {background-color: #eda018; color: #fff;border: 1px solid #eda018;  cursor: pointer}
.btn-yellow:hover {background-color: #ffbe4b;border-color: #ffbe4b;  color: #fff;}
.btn-border-blue { height: 34px; line-height: 34px; border: 1px solid #0262c4; color: #0262c4;}
.btn-border-blue:hover {background-color: #1488ff; border-color: #1488ff; color: #fff;}
.btn-disabled ,.btn-disabled:hover{ background-color:  #ccc; color: #fff;border: 1px solid #ccc;  cursor: default}

.form-input:hover {border: 1px solid #0262c4}
.input-error {color: #f00; font-weight: bold; position: relative; display: none }
.input-error:before { margin-right:6px; vertical-align:middle; content: ' '; display: inline-block; width: 13px; height: 13px; background: url("../imagesNew/login-ico.png") no-repeat left -19px;}



/* 公共样式 */
.submit-box { padding: 40px 0; text-align: center; }
.submit-box a { margin: 0 10px;}
.opacity-bg { width:100%; height:100%; opacity: 0.2; background-color: #000; position:fixed; left: 0; top: 0; z-index: 20}
.white-bg { width:100%; height:100%;position:fixed; left: 0; top: 0; z-index: 20}

.remind-layer { min-width:400px; padding:40px 30px;  text-align: center; background:rgba(255,132,0,0.9); color: #fff; position: fixed; top: 50%; left: 50%; margin:-40px 0 0 -200px; z-index: 99; display: none}
.remind-layer  p { padding:0  20px; font-size: 24px; line-height:100%;}