﻿/*-----------------[初始化]--------------*/

*{ outline:none;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

	margin: 0;

	padding: 0;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



fieldset,img {

	border: 0;

}



ol,ul {

	list-style: none;

}



caption,th {

	text-align: left;

}



q:before,q:after {

	content: '';

}



abbr,acronym {

	border: 0;

}

body{font-family:"iconfont";}

a{color: #333; outline:none; text-decoration:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

a:hover{ text-decoration:none;}

img{max-width: 100%;}

img,.ani{

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

input,textarea,select,button{font-size: 14px;font-family:"iconfont";
    outline: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}

input[type='submit'],input[type='reset'],input[type='button'],button,select{

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}

input[type='submit'],input[type='reset'],input[type='button'],button{cursor: pointer;border:0;}

.tc{text-align:center;}

.tl{text-align:left}

.tr{text-align:right}

.fl{float: left;}

.fr{float: right;}

/*布局*/

/* 清理浮动 */

.clearfix:after {

	visibility:hidden;

	display:block;

	font-size:0;

	content:" ";

	clear:both;

	height:0;

}

.clearfix:after{zoom:1;}

.clear{clear: both;}



.rdhalf{-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}

.rdwhole{-moz-border-radius: 100%; /* Firefox */

  -webkit-border-radius:  100%; /* Safari 和 Chrome */

  border-radius:  100%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  behavior: url(ie-css3.htc)} 

  

a{transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s}

.wp{width: 100%; max-width:1250px;margin: 0 auto; }





@font-face {

  font-family: 'iconfont';
  src: url('../font/POPPINS-LIGHT.TTF') format('truetype');

  /*src: url('../font/Roboto.ttf') format('truetype');*/


 

}

.iconfont{

  font-family:"iconfont" !important;

  font-size:16px;font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}



/*弹窗通用样式*/

.pupBox{display: none; background-color: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999}

.pupCell{display: table-cell; vertical-align: middle; text-align: center; position: relative;}

.pupMain{

	position: relative; 

	text-align: left; 

    background-color: #fff; 

    margin: 0 auto; 

    width: 60%; 

    overflow: hidden;

    border-radius: 10px;

}

.pupClose{position: absolute; right: 15px; top: 8px; font-size: 20px; cursor: pointer;}



/*  弹窗内容 html

    <div class="pupBox" id="account_add">

         <div class="pupCell">

              <div class="pupMain">

                   <p class="pupClose">X</p>

              </div>

         </div>

    </div>

//弹窗引用 html

    <span data-id="account_add" class="pupcu"></span>

*/







/*-webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);*/





/*-------------------------------公用样式结束-----------------------------------*/



