@charset "utf-8";
html,body{font-size: 65%;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td ,span, object, iframe{font-size: 1.2rem; padding: 0; margin: 0;  font-family:"微软雅黑"; color:#3f3e3e; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { display:block;border: 0; vertical-align:middle; width: auto\9; height: auto; width:100%; max-width: 100%;  vertical-align: middle; border: 0;  -ms-interpolation-mode: bicubic;}
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }
.clearfix:after{visibility: hidden;display: block;content:"";clear: both;font-size: 0;height: 0;}
.clearfix{zoom:1;}
.clear{ clear:both; width:0px; height:0px; overflow:hidden; }
.hide{ display:none; }
a,a span{outline: none; text-decoration:none; color:#828282;}
a:hover,a:hover span{ text-decoration:none; cursor:pointer; }
em,i{ font-style:normal; font-weight:normal; display:inline-block;}
#desrcon img{width:auto !important; height: auto !important;}
.inline-block{display:inline-block;margin-right: 5px;}
.row{margin-left:0;margin-right: 0px;}
.table tr:first-child td{border-top: none;}
.table tr td{text-align: center;}
.table tr td:first-child{text-align: left; }
/*-------字体大小设置-----*/
.fs1{font-size:1em;}
.fs11{font-size:1.1em;}
.fs12{font-size:1.2em;}
.fs13{font-size:1.3em;}
.fs14{font-size:1.4em;}
.fs15{font-size:1.5em;}
.fs16{font-size:1.6em;}
.fs2{font-size:2em;}
.fs21{font-size:2.1em;}
.fs22{font-size:2.2em;}
.fs23{font-size:2.3em;}
.fs24{font-size:2.4em;}
.fs25{font-size:2.5em;}

.fs-r1{font-size:1rem;}
.fs-r11{font-size:1.1rem !important;}
.fs-r12{font-size:1.2rem !important;}
.fs-r13{font-size:1.3rem;}
.fs-r14{font-size:1.4rem;}
.fs-r15{font-size:1.5rem;}
.fs-r16{font-size:1.6rem;}
.fs-r17{font-size:1.7rem;}
.fs-r18{font-size:1.8rem;}
.fs-r19{font-size: 1.9rem;}
.fs-r2{font-size:2rem;}
.fs-r21{font-size:2.1rem;}
.fs-r22{font-size:2.2rem;}
.fs-r23{font-size:2.3rem;}
.fs-r24{font-size:2.4rem;}
.fs-r25{font-size:2.5rem;}

.fs-r4{font-size: 4rem;}

.lh2{line-height: 2rem;}
.ht3{height:3rem;}
.ht4{height:4rem;}
.ellipsis{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

a:focus {
outline:none;
-moz-outline:none;
}
a:focus,a:hover{color:#000;}
label{font-weight: normal;}

input, textarea, option, textarea{border:none;}
textarea{resize: none;overflow:hidden;}

.borlf-red{border-left:.3rem solid #f94334;}
.borlf-blue{border-left:.3rem solid #1a71ff;}
.borlf-orange{border-left:.3rem solid #ff9e07;}

.vertbot{vertical-align:bottom;}

.prt{position: relative;}
.pat{position: absolute;}
.pointer{cursor:pointer;}

body{overflow-x:hidden;}
.row{margin-left:0;margin-right: 0px;}
.ofzm{overflow: hidden;zoom:1;}
.paddingno{padding-left:0px !important;padding-right: 0px !important;}
.padding5{padding-left:5px !important;padding-right: 5px !important;}
.txtleft{text-align: left !important;}
.txtright{text-align: right !important;}
.txtcenter{text-align: center !important;}
.txtindent{text-indent: 2.8rem;}
.underline{text-decoration:underline;}
.vmiddle{vertical-align:middle;}
.vtop{vertical-align:top;}
.overline{text-decoration:line-through;}
.mgauto{margin:0 auto;}
.p0{padding:0rem !important;}
.mb0{margin-bottom:0rem !important;}
.mt40{margin-top:4rem;}
.mt70{margin-top:7rem;}
.mt60{margin-top:6rem;}
.mt30{margin-top:3rem;}
.mt20{margin-top:2rem;}
.mr20{margin-right:2rem;}
.mb20{margin-bottom:2rem;}
.ml20{margin-left:2rem;}
.mt15{margin-top:1.5rem;}
.mt10{margin-top:1rem;}
.mr10{margin-right:1rem;}
.ml10{margin-left:1rem;}
.mb10{margin-bottom:1rem;}
.mr5{margin-right:.5rem !important;}

.mt-15{margin-top:-1.5rem;}

.mt5{margin-top:.5rem;}
.mb5{margin-bottom:.5rem;}
.ml5{margin-left:.5rem;}
.ml30{margin-left:3rem;}
.mr20{margin-right:2rem;}
.mt3{margin-top:.3rem;}
.pt5{padding-top:.5rem;}
.pb5{padding-bottom:.5rem !important;}
.pr0{padding-right: 0 !important;}
.pl5{padding-left: .5rem !important;}
.pr5{padding-right: .5rem !important;}
.pl10{padding-left: 1rem !important;}
.pl00{padding-left: 0rem !important;}
.p10{padding: 1rem  !important; }
.p5{padding: .5rem !important;}
.ptd10{padding:1rem 0 !important;}
.pt12{padding-top: 1.2rem !important;}
.pt17{padding-top: 1.7rem !important;}
.pt7{padding-top: .7rem !important;}

.p15{padding: 1.5rem;}
.p20{padding: 2rem;}
.p30{padding: 3rem;}
.pr15{padding-right: 1.5rem;}

.pt0{padding-top:0!important;}
.pr10{padding-right:1rem;}
.pt10{padding-top:1rem;}
.pb10{padding-bottom:1rem;}
.pb15{padding-bottom:1.5rem;}
.pl10{padding-left: 1rem;}
.pl20{padding-left: 2rem;}
.pr20{padding-right:2rem;}
.pr25{padding-right:2.5rem;}
.pt20{padding-top:2rem;}
.pl20{padding-left:2rem;}
.pb20{padding-bottom:2rem;}
.pb{padding-bottom:1rem;}
.pt40{padding-top:4rem;}
.pb40{padding-bottom:4rem;}

.mgauto{margin:0 auto;}
.colblue{color:#6088fc;}
.colblue2{color:#2074ff}
.colred{color:#e01d20;}
a.colred:hover,a.colred:focus{color:#e01d20;}
a.colorg:hover,a.colorg:focus{color:#ff6e1a;}

.col333{color:#333;}
.col666{color:#666;}
.colorg{color:#ff6e1a;}
.colorg2{color:#ff8e0d;}
.colorgback{color:#d99a55;}
.colgold{color:#cdac68;}
.colgrey{color:#e8e7e7;}
.colgrey2{color:#cbcbcb;}
.colgreen{color:#3fb860;}
.col999{color:#999;}
.col000{color:#000;}
.colddd{color:#ddd;}
.colfff{color:#fff;}
.colpink{color:#f99e8c;}
.colpurper{color:#e48bf1;}
.colgreen{color:#62c65b;}
.colyellow{color:#fed173;}
.colyellow2{color:#ffef65;}

a.colfff:hover ,a.colfff:focus{color:#fff;}
a.col333:hover ,a.col333:focus{color:#333;}
input,button,a {
outline:0 none !important; blr:expression(this.onFocus=this.blur());
}

.nobg{background:none !important;}
.bgred{background:#e73a34;}
.bggrey{background:#f8f8f8 ;}
.bggrey2{background:#f3f4f6; }
.bgfff{background:#fff;}
.bggold{background:#eecc90}
.bgeee{background:#eee;}
.bgfa{background: #fafafa;}
.bgorange{background:#fc8a40;}
.bggreen{background:#49dab6;}
.bgblue{background:#35b4fb;}
.bgorange2{background:#ff9b69;}
.bgyel{background:#fdc636;}

.block{display: block;}
.fontwrap{border-radius: 3px;border: 1px solid #ddd;padding: 2px 4px;color:#fff;}
.borblue{border: 1px solid #108ee9;padding: 2px 4px;color:#108ee9;}

.bor{border:1px solid #eee!important;}
.borright{border-right:1px solid #eee !important;}
.borleft{border-left:1px solid #eee !important;}
.bortop{border-top:1px solid #eee;}
.borbtm{border-bottom:1px solid #eee;}
.borbtm-black{border-bottom:1px solid #333;}
.borbtmdash{border-bottom:1px dashed #eee;}
.borbtmdash3{border-bottom:3px dashed #eee;}
.bortopdash{border-top:1px dashed #eee;}
.borightdash{border-right:1px dashed #eee;}
.borleftdash{border-bottom:1px dashed #eee;}
.borbtmddd{border-bottom:1px solid #ddd;}
.borno{border:none !important;}

.borradius{border-radius: 5px !important}
.borradius30{border-radius: 30px !important}
.bortrradius{border-radius: 5px 5px 0 0;}


.w20{width:19.99999999%;}
.wd12{width:11.5%;}
.wd15{width: 15%;}
.wd17{width: 17%;}
.wd20{width:20%;}
.wd25{width:25%;}
.wd26{width:26%;}
.wd30{width:30%;}
.wd36{width:36%;}
.wd33{width:33.333333333%;}
.wd40{width:40%;}
.wd45{width:45%;}
.wd49{width:49%;}
.wd50{width:50%;}
.wd60{width:60%;}
.wd70{width:70%;}
.wd75{width:75%}
.wd10{width: 10%}
.wd85{width:85%;}
.wd100{width:100%;}
.ht100{height:100%;}


.fbold{font-weight: bold;}



/*btn*/
.img-thumbnail{border-radius: 0;}
.btn-default{border-radius: .3rem;padding:0.4rem 1rem;}
.btn-default:active:hover, .btn-default.active:hover,.btn-default.focus{border-color:#ddd;background:none;box-shadow: none;}
.btn-default.disabled, .btn-default[disabled]{color:#ccc;}
.btn-default-blue{border-radius: .3rem;padding:0.4rem 1rem;color:#108ee9;border:1px solid #108ee9;}
.btn-default-blue:active:hover, .btn-default-blue.active:hover,.btn-default-blue.focus{border-color:#108ee9;background:none;box-shadow: none;}
.btn-default-blue.disabled, .btn-default-blue[disabled]{color:#ccc;}

.btn-blue{background: rgba(56,175,245,0.7);color:#fff;border-radius: .5rem;border:0px;}
.btn-blue:hover,.btn-blue:focus,.btn-blue.focus,.btn-blue:active:hover, .btn-blue.active:hover,.btn-blue.focus{background: rgba(56,175,245,0.7);color:#fff;}
.btn-blue:hover span{color:#fff;}
.btn-blue.disabled, .btn-blue[disabled]{background: rgba(56,175,245,0.7)}
.btn-blue.disabled:hover, .btn-blue[disabled]:hover{background: rgba(56,175,245,0.7)}


.btn-borblue{background:none;color:#108ee9;border-radius: .5rem;border:1px solid #108ee9;}
.btn-borblue:hover,.btn-borblue:focus,.btn-borblue.focus,.btn-borblue:active:hover, .btn-borblue.active:hover,.btn-borblue.focus{background:none;color:#108ee9;border-radius: .5rem;border:1px solid #108ee9;}
.btn-borblue:hover span{color:#108ee9;}
.btn-borblue.disabled, .btn-borblue[disabled]{border:1px solid  rgba(16,142,233,0.7);color:rgba(16,142,233,0.7);}
.btn-borblue.disabled:hover, .btn-borblue[disabled]:hover{border:1px solid  rgba(16,142,233,0.7);color:rgba(16,142,233,0.7);}
.btn-orange{background: #ff8b06;color:#fff;border: 0;}
.btn-orange:hover,.btn-orange:focus,.btn-orange.focus,.btn-orange:active:hover, .btn-orange.active:hover,.btn-orange.focus{background:#ff8b06;color:#fff;}
.btn-orange:hover span{color:#fff;}
.btn-orange.disabled, .btn-orange[disabled]{background: rgba(241,127,0,0.7)}
.btn-orange.disabled:hover, .btn-orange[disabled]:hover{background: rgba(241,127,0,0.7)}


.btn-bororange{border: 1px solid  #ff8b45;color:#ff8b45;background: none;}
.btn-bororange:hover,.btn-bororange:focus,.btn-bororange.focus,.btn-bororange:active:hover, .btn-orange.active:hover,.btn-orange.focus{border: 1px solid  #ff8b45;color:#ff8b45;background: none;}
.btn-bororange:hover span{color:#ff8b45;}
.btn-bororange.disabled, .btn-bororange[disabled]{background: rgba(241,127,0,0.7)}
.btn-bororange.disabled:hover, .btn-bororange[disabled]:hover{background: rgba(241,127,0,0.7)}



.btn-grey{background: #e6ebf0;color:#8e99a9;border: 0;}
.btn-grey:hover,.btn-grey:focus,.btn-grey.focus,.btn-grey:active:hover, .btn-orange.active:hover,.btn-orange.focus{background:#e6ebf0;color:#8e99a9;}
.btn-grey:hover span{color:#8e99a9;}
.btn-grey.disabled, .btn-grey[disabled]{background: rgba(230,235,240,0.7)}
.btn-grey.disabled:hover, .btn-grey[disabled]:hover{background: rgba(230,235,240,0.7)}

.btn-grey2{background: #eafdff;color:#108ee9;border: 0;}
.btn-grey2:hover,.btn-grey2:focus,.btn-grey2.focus,.btn-grey2:active:hover, .btn-orange.active:hover,.btn-orange.focus{background:#eafdff;color:#108ee9;}
.btn-grey2:hover span{color:#108ee9;}
.btn-grey2.disabled, .btn-grey2[disabled]{background: rgba(230,235,240,0.7)}
.btn-grey2.disabled:hover, .btn-grey2[disabled]:hover{background: rgba(230,235,240,0.7)}

.btn-org{background: #fff;color:#f17f00;border-radius: .3rem;border: .1rem solid #f17f00;padding:0.4rem 1rem;}
.btn-org:hover,.btn-org:focus,.btn-org.focus,.btn-org:active:hover, .btn-org.active:hover,.btn-org.focus{background:#fff;color:#cf812a;border: .1rem solid #cf812a;}
.btn-org:hover span{color:#f17f00;}
.btn-org.disabled, .btn-org[disabled]{color:#999;}
.btn-org.disabled:hover, .btn-org[disabled]:hover{color:#999;}

.btn-green{background: #3bdf9c;border-radius: .5rem;color:#fff;}
.btn-green:hover,.btn-green:focus,.btn-green.focus,.btn-green:active:hover, .btn-green.active:hover,.btn-green.focus{background:#3bdf9c;color:#ffff;}
.btn-green:hover span{color:#fff;}
.btn-green.disabled, .btn-green[disabled]{background: rgba(59,223,156,0.7)}
.btn-green.disabled:hover, .btn-green[disabled]:hover{background: rgba(59,223,156,0.7)}

.btn-white1{background:#fff;color:#29a1f7;}
.btn-white2{background:#fff;color:#000;border-radius: 0;}
.btn-white:hover,.btn-white:focus,.btn-white.focus{background:#fff;color:#000;}
.btn-white2{color:#e01d20;border: 1px solid #eee;}
.btn-white2:hover,.btn-white2:focus,.btn-white2.focus{color:#e01d20;border: 1px solid #eee;}
.upadd-btn{width: 80px;text-align: center;margin:10px auto;display: block;border:1px dashed #ccc;padding:20px 0;}
.btn-white2 span{color:#e01d20}
.btn-white2:hover span,.btn-white2:focus span,.btn-white2.focus span{color:#e01d20;}

.btn-grey{background: #e6ebf0;color:#8e99a9;border: 0;}
.btn-grey:hover,.btn-grey:focus,.btn-grey.focus,.btn-grey:active:hover, .btn-orange.active:hover,.btn-orange.focus{background:#e6ebf0;color:#8e99a9;}
.btn-grey:hover span{color:#8e99a9;}
.btn-grey.disabled, .btn-grey[disabled]{background: rgba(230,235,240,0.7)}
.btn-grey.disabled:hover, .btn-grey[disabled]:hover{background: rgba(230,235,240,0.7)}


.btn-opacity{background: rgba(0,0,0,0.4);color:#fff;border: 0;}
.btn-opacity:hover,.btn-opacity:focus,.btn-opacity.focus,.btn-opacity:active:hover, .btn-opacity.active:hover,.btn-opacity.focus{background: rgba(0,0,0,0.4);color:#fff;}
.btn-opacity:hover span{color:#fff;}
.btn-opacity.disabled, .btn-opacity[disabled]{background: rgba(0,0,0,0.3)}
.btn-opacity.disabled:hover, .btn-opacity[disabled]:hover{background: rgba(0,0,0,0.3)}


.btn-radius{border-radius: .3rem;}
.btn-radius20{border-radius: 2rem !important;}
.btn-radius70{border-radius: 7rem !important;}

.borradius{border-radius: .5rem;}
.borradius30{border-radius: 3rem;}
.borradius0{border-radius: 0rem !important;}

.bodywrap{width:100%;height:100%;position:fixed;top:0;left:0;z-index: -1;}
.logintitle{font-size: 3rem;font-weight: bold;color:#fff;margin:40px;}
.loginwrap{position:relative;background:rgba(255,255,255,0.6);width:400px;float:right;border-radius: 15px;padding:20px;}
.web-nav{border-bottom:1px solid #ccc;}

.web-nav li{margin-right:3%;width:40%;text-align:center;padding:5px 20px 10px 20px;font-size: 16px;margin-bottom:-1px;}
.web-nav li.active{border-bottom:3px solid #72b9e3;}
.input-group .form-control{padding:10px 12px;height:40px;}
.input-group-addon{background:#fff;}
.getcode{height:40px;line-height: 40px;display: block;background:#ccc;text-align: center;}

.changetip{width:59px;height:59px;position:absolute;top:0;right:0px;}
.changetip .qrcode-login{border-radius: 0 10px 0 0;cursor:pointer;width:59px;height:59px;background:url(../../images/login_qrcode.png) no-repeat;background-size:100% 100%;}
.changetip .pc-login{border-radius: 0 10px 0 0;cursor:pointer;width:59px;height:59px;background:url(../../images/login_pc.png) no-repeat;background-size:100% 100%;}