@charset "utf-8";
*{padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-backface-visibility: hidden;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background:transparent;font-style: normal;}
img,input{border:none;vertical-align:middle;}
input,select,textarea{font-size:12px;line-height:16px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
body{font-family:"Microsoft YaHei","Helvetica Neue","宋体",Tahoma,Helvetica,Arial,sans-serif;font-size:13px;background:#ffffff;color:#333;line-height:2;text-align: left;}
html{overflow-y:scroll;}
ul,ol,li,dl{list-style-type:none;}
th,td,input{font-size:13px;}
input,textarer{padding-left:5px;padding-right:5px;}
h1,h3,h2,h4,h5,h6 {font-size:1em; font-weight:normal;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.cl{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
@media screen and (max-width: 1199px) {
    body,html{font-size: 18px;}
    .phone_cl{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
}
@media screen and (orientation:portrait) {
    .phone_cl2{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
    @media screen and (min-width:769px) and (max-width: 999px) {  
        body,html{font-size: 17px;}
    }
    @media screen and (min-width:480px) and (max-width: 768px) {  
        body,html{font-size: 16px;}
    }
    @media screen and (min-width:360px) and (max-width:479px) { 
        body,html{font-size: 16px;}
    }
    @media screen and (max-width: 359px) {  
        body,html{font-size: 14px;}
    }
}
@media screen and (orientation:landscape) {
    @media screen and (min-width:769px) and (max-width: 999px) {  
        body,html{font-size: 20px;}
    }
    @media screen and (min-width:480px) and (max-width: 768px) {  
        body,html{font-size: 18px;}
    }
    @media screen and (min-width:360px) and (max-width:479px) { 
        body,html{font-size: 17px;}
    }
    @media screen and (max-width: 359px) {  
        body,html{font-size: 16px;}
    }
}
.is_phone{_display:none;*display:none;}
@media screen and (min-width: 1200px) {
    .is_phone{display:none;}
} 
.clear{clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none;color:#333; cursor: pointer}
a:link{color:#333;}
a:hover,a:active{color:#d00;}

.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ddd;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ddd;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ddd;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ddd;
}
/*公共样式*/
.box{
    /*用于设置整个背景*/
}
.wrapper{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}