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

*{ 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" !important;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

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

  -moz-osx-font-smoothing: grayscale;

}

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:"微软雅黑","Microsoft Yahei",Arial, Helvetica, sans-serif;

    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;}

.rd2{-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}

.rd3{-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.rd4{-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:3px;border-radius:4px;}

.rd5{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

.rd6{-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}

.rd7{-moz-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}

.rd8{-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}

.rd9{-moz-border-radius:9px;-webkit-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;border-radius:9px;}

.rd10{-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}

.rd11{-moz-border-radius:11px;-webkit-border-radius:11px;-ms-border-radius:11px;-o-border-radius:11px;border-radius:11px;}

.rd12{-moz-border-radius:12px;-webkit-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;}

.rd13{-moz-border-radius:13px;-webkit-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px;}

.rd14{-moz-border-radius:14px;-webkit-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;}

.rd15{-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}

.rd20{-moz-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}

.rd24{-moz-border-radius:24px;-webkit-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;border-radius:24px;}

.rd28{-moz-border-radius:28px;-webkit-border-radius:28px;-ms-border-radius:28px;-o-border-radius:28px;border-radius:28px;}

.rd30{-moz-border-radius:30px;-webkit-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;}

.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:1500px;margin: 0 auto; }



@font-face {

  font-family: 'iconfont';

  /*src: url('../font/PlayfairDisplay-Black.otf');*/

  /*src: url('../font/PlayfairDisplay-Bold.otf'),

  url('../font/PlayfairDisplay-Regular.otf'),

  url('../font/PlayfairDisplay-Black.otf');*/



   src:url('../font/Roboto-Regular-14.ttf') format('truetype'),

       url('../font/Roboto-Black-1.ttf') format('truetype'),

       url('../font/Roboto-Bold-3.ttf') format('truetype');

    font-weight: normal;

   font-style: normal;

}

.iconfont{

  font-family:"iconfont" !important;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

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

  -moz-osx-font-smoothing: grayscale;

}

@font-face{

  font-family: 'din';

  src:url('../font/din-bold-2.ttf') format('truetype');

}

.din{

   font-family:"din" !important;

  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: 50%; 

    overflow: hidden;

}

.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%);*/





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