@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: #333;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;max-width: 100%;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-tap-highlight-color:rgba(255,0,0,0);blr:expression(this.onFocus=this.blur())}
button{-webkit-appearance:none;}
select{outline:0;}
.clearfix{zoom: 1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

html{overflow-x: hidden;height: 100%;font-size: calc(100vw / 651 * 100);}/*屏幕宽度100vw / 设计稿宽度750px * 100px*/
body{color: #000;position: relative;overflow-x: hidden;min-height: 100%;font-family: Arial;}
body *{box-sizing: border-box;line-height: 1;}

.top{
    width: 100%;
    height: 1.45rem;
    line-height: 1.45rem;
    text-align: center;
    background: #FFF;
}

.top img{
    /*width: 1.87rem;*/
    height: .72rem;
}
.box{
    width: 100%;
    height: 10.12rem;
    background: rgba(68,72,81,.6);
    overflow: hidden;
}

.box1{
    width: 5.16rem;
    height: .81rem;
    background: #FFF;
    border: .03rem solid #F28E00;
    margin: 0 auto;
    margin-top: 1.46rem;
    border-radius: .15rem;
    position: relative;
    padding-left: .25rem;
}
.box1 input{
    border: none;
    width: 3.3rem;
    height: 100%;
    line-height: .75rem;
    float: left;
    /*margin-left: .25rem;*/
    outline: none;
    font-size: .32rem;
    color: #727171;
    background: none;
}
.box1 span{
    width: 1.40rem;
    height: .5rem;
    line-height: .45rem;
    text-align: center;
    border: .03rem solid #F39800;
    font-size: .275rem;
    color: #FFF;
    background: #F7B952;
    border-radius: .1rem;
    /*margin: .13rem .15rem 0 0;*/
    position: absolute;
    top: .13rem;
    right: .15rem;
}
.box2{
    height:0rem;
    text-align: center;
    font-size: .215rem;
    color: #FFF;
    margin-top: .3rem;
    line-height: 0.4rem;
    padding-left:0.1rem;
    padding-right:0.1rem;
}
.box3{
    width: 1.88rem;
    height: .67rem;
    margin: 0 auto;
    margin-top: 1.2rem;
    display: block;
    border: none;
    background: url("../images/bg2.png");
    background-size: cover;
    color: rgba(0,0,0,0);
}

.box4{
    margin-top: .7rem;
    padding: 0 .5rem;
    line-height: .37rem;
    color: #FFF;
    font-size: .2165rem;
    font-weight: bold;
}
.box5{padding: 0 .5rem}
.box5 p{
    line-height: .37rem;
    color: #FFF;
    padding-left: .35rem;
    font-size: .2165rem;
    font-weight: bold;
}
.box6{position: relative;}
.box6:before{
    content: '';
    display: block;
    width: .02rem;
    height: calc(100% - .3rem);
    /*border-left: 0.02rem dashed #FFF;*/
    background: url("../images/icon3.png") repeat-y;
    position: absolute;
    left: .15rem;
    top: .12rem;
}
.box6 p{position: relative;}
.box6 p:nth-child(1):before,
.box6 p:last-child:before{
    content: '';
    display: block;
    width: .14rem;
    height: .14rem;
    background: url("../images/icon2.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: .09rem;
    top: .1rem;
}