/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;color: #2e2f33;/*-webkit-overflow-scrolling: touch;overflow-scrolling: touch;*/} 
body sup {display: inline-block!important;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#2e2f33;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
* {font-family:PingFang SC,Microsoft Yahei,Verdana,Helvetica Neue,Arial,Hiragino Sans GB,Microsoft Sans Serif;font-style:normal;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#666;font-size:14px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #666;font-size:14px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #666;font-size:14px;}
i {font-style: normal}
img {max-width: 100%;max-height:100%;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
/* .no-touch { height:100%;overflow: hidden;}
.no-touch body{ overflow:hidden;height:100%;} */
.no-touch body{ overflow:hidden;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;font-size: 0;}
.table-cell {display: table-cell;vertical-align: middle;font-size: 0;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}
.img-center {display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 20;width: auto!important;height: auto;}
.img-block {display: block;width: 100%;height: auto;}
 



body {padding-top:.9rem;}
.index body {padding-top:0;}


/* 通用底部 */
.bottom-nav {position: fixed;padding:4% 0;text-align: center; bottom:-0.5%;font-size: 0;width: 100%;background: #fff;box-shadow: 0px 4px 40px 0px rgba(5, 16, 26, 0.1);z-index: 90;}
.bottom-nav a{display: inline-block;width: 33%;}
.bottom-nav a i{display: block;width: .4rem;height: .4rem;margin: auto;}
.bottom-nav a span{color: #a1a3b2;font-size: .20rem;display: block;padding-top: 3%;}
.bottom-nav a.bn1 i{background: url("../upload/ic11.png") center no-repeat;background-size: 100%;}
.bottom-nav a.bn2 i{background: url("../upload/ic22.png") center no-repeat;background-size: 100%;}
.bottom-nav a.bn3 i{background: url("../upload/ic33.png") center no-repeat;background-size: 100%;}
.bottom-nav a.cur span{color: #233d52;}
.bottom-nav a.bn1.cur i{background: url("../upload/ic1.png") center no-repeat;background-size: 100%;}
.bottom-nav a.bn2.cur i{background: url("../upload/ic2.png") center no-repeat;background-size: 100%;}
.bottom-nav a.bn3.cur i{background: url("../upload/ic3.png") center no-repeat;background-size: 100% 100%;}
 
.baseline-bottom {height: 100px;overflow: hidden;clear: both;position: relative;}
.baseline-bottom::after {content: '下滑加载更多...';display: block;width: 100%; color: #d2d3db;position: absolute;left:0;text-align: center;font-size: .2rem;top:5%;}
.baseline-bottom.cur::after  {content: '我是有底线的';}
.showMorehandle {clear: both;}



.header-top {padding: 3% 5%;position: fixed;left: 0;top: 0; width: 90%;text-align: center;background: #fff;z-index:90;}
.header-top .return{background: url("../upload/rt1.png") no-repeat;background-size:auto 100%; width: .3rem;height: .3rem;position: absolute;left: 5%;top: 50%;margin-top: -0.15rem;}
.header-top h2{font-size: .34rem;margin: 0;display: block;}








/* 悬浮提示类 */
.levitation-alert {position: fixed;top: 10%;right: -300px;z-index: 9999;width:220px;background: #fff;box-shadow: 0px 0px 20px 0px rgba(8, 16, 124, 0.15);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.levitation-alert *{font-weight: normal;display: block;margin: 0;padding: 0; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.levitation-alert .content{position: relative;overflow: hidden;padding:9% 1% 9% 6%;}
.levitation-alert .content::before {content: '';width:7px;height: 100%;position: absolute;left: 0;top: 0;background: #ccc;}
.levitation-alert .icon {width:30%;height: 100%;float: left;text-align: center;}
.levitation-alert .icon i {display:inline-block;vertical-align: middle;width: 23px;height: 23px;margin: 10px;border: 2px solid #000;border-radius: 100%;background-position: center;background-repeat: no-repeat;background-size: auto;position: relative;overflow: visible;}
.levitation-alert .icon i::after,.levitation-alert .icon i::before {content: '';position: absolute;left:50%;top:50%;border-radius: 100%;}
.levitation-alert .icon i::after {width:51px;height:51px;background:#000;opacity: .2; margin-left: -26px;margin-top: -25px; }
.levitation-alert .icon i::before{width:23px;height:23px;margin-left:-11.5px;margin-top: -11.5px;background:linear-gradient(to top,#000,rgba(0,0,0,.0));opacity: .3;}
.levitation-alert .text {width:60%;float: left;padding-left: 5%;}
.levitation-alert .text h4{font-size: 16px;color: #000;padding: 1% 0;}
.levitation-alert .text h5{font-size: 14px;color: #a1a4b2;}
.levitation-alert .text h5 span {display: inline-block;}

.successful-tip,.error-tip,.warning-tip{right: 0;}
.levitation-alert.successful-tip .content::before  {background: #1ccd9d;}
.levitation-alert.successful-tip .icon i {border: 2px solid #1ccd9d;}
.levitation-alert.successful-tip .icon i {background-image: url("../images/login/01.png");}
.levitation-alert.successful-tip .icon i::before{background:linear-gradient(to top,#1ccd9d,rgba(0,0,0,.0));}
.levitation-alert.successful-tip .icon i::after {background:#1ccd9d;}
.levitation-alert.successful-tip .text h4{color: #1ccd9d;}

.levitation-alert.error-tip .content::before  {background: #fb4c4c;}
.levitation-alert.error-tip .icon i {border: 2px solid #fb4c4c;}
.levitation-alert.error-tip .icon i {background-image: url("../images/login/02.png");}
.levitation-alert.error-tip .icon i::before{background:linear-gradient(to top,#fb4c4c,rgba(0,0,0,.0));}
.levitation-alert.error-tip .icon i::after {background:#fb4c4c;}
.levitation-alert.error-tip .text h4{color: #fb4c4c;}

.levitation-alert.warning-tip .content::before  {background: #fcaf2a;}
.levitation-alert.warning-tip .icon i {border: 2px solid #fcaf2a;}
.levitation-alert.warning-tip .icon i {background-image: url("../images/login/03.png");}
.levitation-alert.warning-tip .icon i::before{background:linear-gradient(to top,#fcaf2a,rgba(0,0,0,.0));}
.levitation-alert.warning-tip .icon i::after {background:#fcaf2a;}
.levitation-alert.warning-tip .text h4{color: #fcaf2a;}


  

/*scrollbar*/
::-webkit-scrollbar{height:4px; width:0px;}
::-webkit-scrollbar-button{height:0; width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid; border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box; background-color:#ccc;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 #ccc,inset 0 -1px 0 #ccc; background-clip:padding-box; background-color:#ccc; min-height:28px;}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px #ccc; background-color:#ccc;}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px #ccc; background-color:#ccc;}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;}
::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 #ccc; background-color:#ccc}
::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 #ccc,inset -1px -1px 0 #ccc; background-color:#ccc}



@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.otf');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg'), url('../fonts/Montserrat-Bold.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.otf');
	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg'), url('../fonts/Montserrat-Light.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Hairline';
	src: url('../fonts/Montserrat-Hairline.otf');
	src: local('☺'), url('../fonts/Montserrat-Hairline.woff') format('woff'), url('../fonts/Montserrat-Hairline.ttf') format('truetype'), url('../fonts/Montserrat-Hairline.svg') format('svg'), url('../fonts/Montserrat-Hairline.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}