@charset "utf-8";
/* CSS reset */
*, *:before, *:after {box-sizing: border-box}
body,div,p,a,table,textarea,form,input,img,ul,li,dl,dt,dd{margin:0;padding:0}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{font-size:1rem;/*min-width:320px*/overflow-x: hidden;overflow-y: scroll;}
input,button{font-size:1rem}
/*去除input默认样式*/
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none;/* border-radius:0; */}
input, textarea, select, button {font-family: inherit;font-weight: inherit;font-size: inherit;margin: 0}
input{outline-style: none;border: none;}
li{list-style:none;text-indent:0}
img,a img{border:0;max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
input{outline-style: none;}
/*和主站保持一致 */
a{color: #555;text-decoration: none}
html {overflow: auto; overflow-y: scroll;text-size-adjust: 100%;-webkit-text-size-adjust:100%;}
/*common*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.line{ font-size: 0px; line-height: 0px; border-top: solid 1px #d6d6d6; float: none}
.line-1{ border-top:solid 1px #e5e5e5}
.line-b{border-bottom:solid 1px #e5e5e5}

.f-18{ font-size: 18px}.f-14{ font-size:14px}.f-12{ font-size:12px}
.c-fff{ color: #fff}
.c-666{ color:#666}
.c-999{ color:#999}
.c-282828{ color:#282828}
.c-148cf1{color: #148cf1;}
.c-ff8600{color:#ff8600}
.radius{ border-radius:5px}
.radius0{border-radius: 0}
.radius-t{border-radius:5px 5px 0 0; }
.radius-b{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0px;border-top-right-radius:0px}
.radius-tl-bl{border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0px;border-bottom-right-radius:0px}
.radius-tr-br{border-top-right-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0px;border-bottom-left-radius:0px}
.c-main{ color:#f59600}
.block{display: block}
.in{display: inline-block;}
.flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex}
.text-overflow{overflow:hidden; white-space:nowrap; text-overflow: ellipsis}

.bg-fff{background-color: #fff}
.bg-282828{background-color: #282828;}
.bg-e8e8e8{background-color: #e8e8e8}

.mt-1{margin-top:1px}.mt-5{margin-top:5px}.mt-10{margin-top:10px;white-space:normal;word-break:break-all}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mt-50{ margin-top:50px}
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-40{padding-left:40px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}

.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.va-t{ vertical-align:top!important}.va-m{ vertical-align:middle!important}.va-b{ vertical-align:bottom!important}
.vm *{ vertical-align:middle!important}
.pos-r{position:relative}.pos-a{position:absolute}.pos-f{position:fixed}
.l{float:left!important;_display:inline}.r{float:right!important;_display:inline}
.hide{ display:none}
.show{display: block}
.wid30{width: 30px}
/*详情页链接用户个人主页的样式设定*/
.memberUrl{color: #f59000}
/*登录注册页忘记密码链接样式设定*/
.loginUrl{color:#148cf1}

/*设置placeholder颜色*/
::-webkit-input-placeholder {color:#b3b3b3}/* WebKit browsers */
:-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b3b3b3}/* Internet Explorer 10+ */
.input-text,.textarea{-webkit-appearance:none;outline:none;  -webkit-tap-highlight-color: transparent;resize:none; width:100%; padding:10px; font-size:16px; line-height:1.6; border:none; background-color:#fff}
.input-black{ display:block}
/*验证码*/
.verifyCode-iput{width: 100%;}
.verifyCode{top: 0;  right: -1px;width: 114px;text-align: center;}

/*遮罩*/
.mask{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%; background-color:rgba(0,0,0,0.5);-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in}
.mask-search{position:absolute;top:0;left:0;z-index:1001;width:100%;height:100%;background-color:rgba(0,0,0,0.5);
  -moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in
}
.modal-alert{position:fixed; width:240px;margin-left:-120px;left:50%;z-index:9999;top:150px}
.modal-alert-info{padding:30px 0;text-align:center;background-color:rgba(0,0,0,0.5); color:#fff}

.logo-black img{height: 30px;}
body{ background-color: #eee;}
/*header*/

/*淡出*/
.a-fadeoutT{-webkit-animation:1s ease-in forwards;-moz-animation:1s ease-in forwards;-ms-animation:1s ease-in forwards;animation:1s ease-in forwards}
.a-fadeoutT{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT}
@-webkit-keyframes fadeoutT{
    0%{opacity:0;-webkit-transform:translateY(0);scale(0.1)}
    30%{opacity:1;-webkit-transform:translateY(-10px);scale(1.0)}
    100%{opacity:0;-webkit-transform:translateY(-30px);scale(2.0)}
}
@-moz-keyframes fadeoutT{
    0%{opacity:0;-moz-transform:translateY(0);scale(0.1)}
    30%{opacity:1;-moz-transform:translateY(-10px);scale(1.0)}
    100%{opacity:0;-moz-transform:translateY(-30px);scale(2.0)}
}
@-ms-keyframes fadeoutT{
    0%{opacity:0;-ms-transform:translateY(0);scale(0.1)}
    30%{opacity:1;-ms-transform:translateY(-10px);scale(1.0)}
    100%{opacity:0;-ms-transform:translateY(-30px);scale(2.0)}
}
@keyframes fadeoutT{
    0%{opacity:0;transform:translateY(0);scale(0.1)}
    30%{opacity:1;transform:translateY(-10px);scale(1.0)}
    100%{opacity:0;transform:translateY(-30px);scale(2.0)}
}
/*验证码60s倒计时样式*/
.btn-secondary2{height: 45px;background-color:#ffd100; border-color:#ffd100}
.btn-secondary2:hover,
.btn-secondary2:focus,
.btn-secondary2:active,
.btn-secondary2.active{color:#fff;background-color:#ffd100;border-color:#ffd100}
/*灰色*/
.btn-default{height: 45px;background-color:#ddd;border-color:#ddd; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active{color:#fff;background-color:#ddd;border-color:#ddd;color: #282828}

.btn{display:inline-block;padding:12px;text-align: center;white-space: nowrap;vertical-align: middle; border:none; font-size:18px}
.btn-block{display:block; width:100%}
.btn-down{ display:block;text-align:center;color:#ffd100;background-color:#333;padding:11px}
.btn-inverse{ background-color:#333; color:#ffd100}
.btn-gray{background-color:#999; color:#676767}
.btn-orange{background-color:#ffd100; color:#282828}
.btn-send{  padding: 8px 36px;}