@media only screen and (min-width: 240px) {

    html {

        font-size:75%;

    }

}

@media only screen and (min-width: 320px) {

    html {

        font-size:75%

    }

}

@media only screen and (min-width: 360px) {

    html {

        font-size: 84.375%

    }

}

@media only screen and (min-width: 480px) {

    html {

        font-size: 112.5%;

}

}

@media only screen and (min-width: 640px) {

    html {

        font-size:130%;

    }

}

@media only screen and (min-width: 720px) {

    html {

        font-size:140%;

    }

}

.redbao{ display:none;}

.redcon{ width: 300px; height: 345px; border-radius: 15px; position: fixed; top:50%; left: 50%; overflow: hidden; margin-left: -150px; margin-top: -172px; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; z-index:99999;}

.red img{ width:100%; height: auto;}

.red.shake{ animation:shake .2s infinite linear; -webkit-animation:shake .2s infinite linear;}

.windows{ width:300px; padding:20px 0; position: absolute; top: 50%; margin-top: -100px; left: 50%; margin-left: -150px; border-radius: 15px; background: #ec0000; display: none; z-index:999999;}

.text{ text-align: center; font-size: 18px; font-family: "΢���ź�"; vertical-align:middle; color:#fff;}

.windows .wbm ul li{ vertical-align:top; padding:10px 5% 0 5%;}

.windows .wbm ul li .iput{ width:100%; height:2rem; padding:0 10px; border:none;}

.windows .wbm ul li .sub{ width:100%; height:2rem; background:#b72323; border:none; color:#fff;}

.close{ width: 30px; height: 30px; position: absolute; right: -10px; top: -10px; background: #c7c7c7; border-radius: 50%; cursor: pointer; text-align: center; transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear;}

.close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);}

.close img{ padding-top: 5px;}

.opacity{ position: absolute; top: 0; left: 0; right: 0; bottom:0; background: #000; opacity:0.5; filter:alpha(opacity=50); z-index: 10; width: 100%; height: 100%; display: none;}

.rbclick a{ display:block; width:3rem; height:3rem; position:fixed; right:3rem; top:10rem; z-index:99999;}

.hslmenu{ position:fixed; z-index:102; width:60%; height:100%; right:-60%;box-shadow: 1px 5px 12px -4px #2b2b2b;}

.hslmenubg{position:fixed; z-index:101; width:100%; height:100%; right:0; background-color:rgba(0,0,0,.2); display:none;}

.hslmenu0{ background-color:#fff; height:100%;}

.hslmenu ul{ height:100%;}

.hslmenu ul li{ height:4rem; line-height:4rem; border-bottom:1px solid #eee; padding:0 1rem;}

.hslmenu1{ background-color:#fa4f01; padding:1rem; position:relative;}

.hslmenu1 h2{ color:#fff; font-size:1.6rem;}

.hslmenu1 p{ color:#fff; font-size:1.2rem;}

.hslmenu1 i{ display:block; font-size:2.4rem; color:#fff; position:absolute; right:1rem; height:3rem; line-height:3rem; width:3rem; text-align:center; top:0rem;}

.hslmenu ul li a{ display:block; height:4rem; font-size:1.3rem; color:#333;}

.hslmenu ul li a i{ font-size:1.3rem; padding-right:1rem;}

.bottomnav{ margin: 0 auto;  width:100%; max-width:640px; position:fixed; padding:0.3rem 0 0.7rem 0; bottom:0px; background-color:#ff6600;z-index:99;}

.bottomnav span{ position:relative; display:block; width:25%; float:left; text-align:center;}

.bottomnav .hslqhbbox{background-color:#ff6600;}

.bottomnav span:nth-child(n+4){ background-image:none}

.bottomnav a{color:#fff;}

.bottomnav img{ width:20%;}

.bottomnav span:before{

	content:"";

	position:absolute;

	display:block;

	width:1px;

	height:80%;

	top:20%;

	right:0;

	background-color:#fff;opacity:.3;

}



.bottomnav .hslfont{ display:block; text-align:center; padding-top:5px; line-height:normal; font-size:1.6rem;}

.bottomnav b{ display:block; text-align:center; height:20px; line-height:normal; font-weight:normal; font-size:1.2rem;}

.hslsjzx{ position:relative; background-color:#ff6600;}

.hslsjzx #hslsjzx{ position:absolute; display:block; width:2.4rem; height:2.4rem; border-radius:2.4rem; background-color:#f88a01;text-align:center; color:#fff; font-size:1.2rem; top:-1.2rem; right:0.6rem; line-height:2.4rem;}

.bottomnav a{ font-size:1.4rem;}

.gonggao{ padding:5.5rem 0 0 0; text-align:center; font-size:1rem;}

.gonggao img{ width:100%;}

.gonggao .zys{ color:#ff6600; font-weight:bold; font-size:1.5rem;} 

.baoming{ padding-top:10px; background:#fff;}

.baoming .btcon{ overflow:hidden; zoom:1; border-bottom:1px solid #ccc; padding:5px 10px 15px 10px; }

.baoming .btcon .btz{ display:block; float:left; width:60%; font-size:1.3rem; font-weight:bold;}

.baoming .btcon .btz i{ position:relative; padding-right:10px;}

.btcon .btz i img{ width:1.7%;}

.baoming .form{ background:#fff; padding-bottom:1rem;}

.baoming .form ul li{ padding:1rem 1rem 0 1rem;}

.baoming .form ul li input,.baoming .form ul li select{ background:url(../Images/bmicon.png) no-repeat; background-size:8rem 13rem;}

.baoming .form ul li .usericon{ background-position:0.5rem 0.3rem;}

.baoming .form ul li .zyicon{ background-position:0.5rem -2.5rem;}

.baoming .form ul li .telicon{ background-position:0.5rem -5.3rem;}

.baoming .form ul li .qqicon{ background-position:0.5rem -8rem;}

.baoming .form ul li .ipt,.baoming .form ul li .sel{ width:100%; height:3rem; line-height:3rem; outline: medium none; border:1px solid #dcdcdc; font-size:1.2rem; padding-left:3rem; color:#989898;}

.baoming .form ul li .pl{ padding-left:2.8rem;}

.baoming .form ul li .bmbtn{ width:100%; height:3rem; line-height:3rem; background: #ff6600; border-radius:5px; webkit-border-radius:5px; -moz-border-radius:5px;-ms-border-radius:5px; border: 1px solid #e77800; box-shadow: 0 1px 0 #f8ab45 inset; cursor: pointer; display: block; font-size:1.3rem; text-align: center; color:#fff;}

.hbg{ padding:0.5rem 0; background:#f5f5f5;}

.bmsiup .bmsz ul{ overflow:hidden; zoom:1; padding-top:20px;}
.bmsiup .bmsz ul li{ display:inline; float:left; width:33.3%;}
.bmsiup .bmsz ul li .bmzt{ display:block; border:1px solid #fe6601; margin-left:2.7rem; width:50%; font-size:1.2rem; padding:0.3rem 0; line-height:1.5rem; text-align:center; font-weight:bold; border-radius:0.5rem; webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; -ms-border-radius:0.5rem; -o-border-radius:0.5rem; color:#fe6601;}
.bmsiup .bmsz ul li .bmzb{ display:block; font-size:1rem; text-align:center; color:#666; line-height:1.5rem; padding-top:10px;}
.bmsiup .bmscon ul li{ vertical-align:top; text-align:center; padding:15px 0 0 0; color:#999;}
.bmsiup .bmscon ul li .iput{ width:90%; height:2.5rem; line-height:2.5rem; padding:0 10px; border:1px solid #e0e0e0; background:#f4f4f4; border-radius:0.5rem; webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; -ms-border-radius:0.5rem; -o-border-radius:0.5rem;}
.bmsiup .bmscon ul li select{ width:90%; height:2.5rem; line-height:2.5rem; padding:0 10px; border:1px solid #e0e0e0; background:#f4f4f4; border-radius:0.5rem; webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; -ms-border-radius:0.5rem; -o-border-radius:0.5rem;}
.bmsiup .bmscon ul li .sub{ width:90%; background:#fe6601; padding:0.5rem 10px; border:1px solid #e0e0e0; text-align:center; font-size:1.2rem;color:#fff; border:none; border-radius:0.5rem; webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; -ms-border-radius:0.5rem; -o-border-radius:0.5rem;}
.bmsiup .bmscon ul li:nth-child(3){ padding-top:1rem;}
.bmsiup .bmscon ul li:nth-child(3) i{ position:relative; top:-0.2rem;}
.bmsiup .bmscon ul li:nth-child(3) i img{ width:5%; padding-right:5px;}

.btbox{ overflow:hidden; zoom:1; padding:15px 10px 10px 10px; border-bottom:1px solid #e5e5e5;}
.btbox .btwz{ display:block; float:left; width:80%; font-size:1.3rem; font-weight:bold;}
.btbox .btwz i{ background:url(../Images/index-pic.jpg) no-repeat; font-size:1rem; position:relative; left:10px; font-weight:normal; background-size:100% 100%; padding:0.2rem 1rem;}
.btbox .btwz i a{ color:#fff;}
.btbox .btzx{ display:block; float:right; width:20%; text-align:right;}
.btbox .btzx a{ font-size:1.2rem; color:#b2b2b2;}