baoshi-was/resources/sass/reset.css

@charset "utf-8";

*{word-wrap:break-word}
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}

ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none; }
body,th,td,button,input,select,textarea{font-family:"微软雅黑",Arial,"Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei";font-size:14px;color: #333; }
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl:before,.cl:after{content: " "; display: table;}
.cl::after{clear: both;}
ul,li{list-style-type:none;}
i,em{font-style:normal}
a{transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */}
.tran{transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;	/* Opera */}
body{ color:#333;  font-size:14px; background:#fff; overflow-x:hidden; line-height:1.8  }
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ text-decoration:none; color:#2871d4}
 
/*布局*/ 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
.weap{ width:88.5%; max-width:1700px; margin:0 auto; }
.flexbetweenr{-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
 
.lgoinbox{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0;}
.lgoinbox .swiper-container{ position:absolute; z-index:1; width:65%;top:0; bottom:0;} 
.lgoinbox .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:100%;  background-color:#003690}
.lgoinbox .swiper-slide a{ display:block; width:100%; height:100%}
.lgoinbox .swiper-pagination-bullet{ background-color:#fff; width:9px; height:9px}
.lgoinbox .swiper-pagination{ bottom:9vh}
.lgoinbox .right{ position:absolute; z-index:2; right:0;top:0; bottom:0; width:35%; background-color:#f7f7f7}

.formbox{ max-width:80%; width:418px; margin:0 auto; margin-top:21.3vh}
.formbox li{ margin-bottom:20px; position:relative}
.formbox .logo{ margin-bottom:8vh}
.formbox .logo img{ max-width:100%}
.formbox .input{ width:100%; height:55px; font-size:18px; border:none; background:none; border-bottom:1px solid #999999}
.formbox .inbtn{ width:100%; height:44px; background-color:#005fd0; font-size:22px; color:#fff; border:none; border-radius:5px; cursor:pointer; margin-top:35px}
.formbox .lia{ overflow:hidden}
.formbox .lia a:hover{ text-decoration:underline}
.formbox .lia .a1{ float:left; font-size:16px; color:#005fd0}
.formbox .lia .a2{ float:right; color:#666666; font-size:16px}
.formbox .bar{ position:absolute;transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s; z-index:2; height:1px; left:50%; right:50%; bottom:-1px; background-color:#005fd0}
.formbox  input:focus ~ .bar{ left:0; right:0;}


.lgoinbox .right .banquan{ position:absolute; z-index:2; left:10px; right:10px; bottom:10.6vh; text-align:center;}
@media(max-width:766px) {
body{ background-color:#f7f7f7; overflow:hidden}
.lgoinbox .swiper-container{ width:100%; position:relative; height:30vh}
.lgoinbox .swiper-pagination{ bottom:5px;}
.lgoinbox .swiper-pagination-bullet{ width:6px; height:6px;}
.lgoinbox .swiper-slide{ background-size:auto 120%}
.lgoinbox .right{ position:absolute; width:100%; height:70vh;top:30vh; padding:10px; padding-top:3vh}
.formbox{ margin-top:0}
.formbox .logo{ margin-bottom:4vh}
.lgoinbox .right .banquan{ bottom:20px;}
.formbox .logo img{ max-width:70%; display:block; margin:0 auto}
.formbox .input{ font-size:16px}
.formbox .inbtn{ font-size:20px;}
.formbox .lia .a1{ font-size:14px}
.formbox .lia .a2{ font-size:14px}
}