File: /www/wwwroot/www.hsdfxz.com/com/tg/index_files/style.css
/***************初始重构****************/
@charset "utf-8";
* {padding: 0;margin: 0;font-family: "微软雅黑";border: none;list-style: none;}
html {background:#E1E1E1;}
body {width: 6.4rem;font-size: .24rem;margin: 0 auto;background:#FFF;padding-bottom: .9rem;}
img, input, select, button, textarea, select, form, video, radio, submit, checkbox {vertical-align:middle;}
a {color: #000;text-decoration: none;display: inline-block;}
a:link, a:visited {text-decoration: none;}
img {max-width:100%;height: auto!important;}
/*==========================================*/
.viactive label{background-color: #ff7e00!important;color: #fff!important;}
.viactive label span{color: #fff;}
.click{position: relative;}
.click button{width: 2rem;height: 100%;position: absolute;bottom: 1.8rem;background: transparent;right: .25rem;height: .5rem;}
.table {overflow: hidden;position: relative;}
.table .post {width: 84%;position: absolute;top: 1.8rem;left: 0;right: 0;margin: 0 auto;color: #fff;}
.table .post>p {font-size: .24rem;color:#fff;margin-top: .1rem;}
.table .post>p:first-of-type {margin-top: 0rem;}
.table .post>p span {width: 100%;}
.table .post>p>input,
.table .post>p>textarea {border:1px solid #bfbfbf;background: transparent;font-size: .24rem;outline: none;}
.table .post>p>input{width: 100%;}
.table .post>p #name,
.table .post>p #tel {height: .5rem;border-radius: .1rem;margin-top: .1rem;padding-left: 2.5%;width: 97.5%;max-width: 5.6rem;background: #fff;}
.table .post>p #tel {margin-bottom: .1rem}
input:focus {outline:none;}
.table .post>p #remarks {height: .64rem;}
i {font-style: normal;color: #f4fd03;}
.table .post>div .box {display: flex;flex-flow: row wrap;justify-content: space-between;}
.table .post>div .box label {display: inline-block;width: 1.65rem;margin:.1rem auto;border: 1px solid #bfbfbf;color: #242424;text-align: center;line-height: .5rem;border-radius: .15rem;background: #fff;}
.sex label{width: 2.55rem!important}
.table .post>div .box input {display: none;}
.button{position: relative;}
.button button {width: 3.8rem;border-radius: .4rem;height: .54rem;position: absolute;left: 1.3rem;top: .01rem;opacity: 0}
.run{background: #f4faff;margin-bottom: .1rem;}
.table #marqu {width: 100%;
}
#remarks{height: 0.95rem;width: 100%;border-radius: .1rem;font-size: .24rem;padding: .1rem .05rem;margin: .1rem 0;outline: none;}
.divp {position: relative;}
.tempWrap {width: 90%;position: absolute!important;left: 0rem;right: 0rem;top: 0.3rem;margin: 0 auto;}
#marqu {width: 100%;}
#marqu li {display: flex;flex-flow: row;justify-content: space-between;margin-bottom: .05rem;font-size: .22rem;color:#FFF;}
#marqu li span:nth-of-type(1) {width: .43rem;}
#marqu li span:nth-of-type(2) {width: .93rem;}
#marqu li span:nth-of-type(3) {width: 1.86rem;}
#marqu li span:nth-of-type(4) {width: .89rem;}
/******新******/
footer {width: 100%;max-width: 640px;margin: 0 auto;position: fixed;bottom: 0;}
footer .wrap {position: relative;}
footer .wrap a,
footer .wrap button {width: 50%;height: 100%;position: absolute;top: 0;background: transparent;}
footer .wrap button {left:0;}
footer .wrap a {right:0;}
/******新******/
.pop {position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto auto;max-width: 640px;width: 100%;height: 4.8rem;display: none;}
.pop .pos {width: 75.47%;margin: 0 auto;position: relative;}
.pop .pos .center {font-size: .3rem;font-weight: bold;top: 1.3rem;position: absolute;width: 100%;text-align: center;}
.pop .pos .center span {color:#fc0606;}
.pop .pos .gif {position: absolute;bottom: .2rem;left:0;right:0;margin:0 auto;width: 85%;}
.pop .pos>a {position: absolute;top: 0rem;right: 0rem;width: 0.5rem;height: 0.5rem;}
/*========*/
.right{position: fixed;right: 0;top: 40%;width: 1rem}
.right a{display: inline-block;width: 1rem;padding-bottom:0.1rem }
.right a img{width: 1rem;}
/*========*/
.b-gif{position: relative;}
.b-gif button {
width: 2.1rem;
position: absolute;
bottom: 1.95rem;
background: transparent;
left: .65rem;
height: .35rem;
}
.b-gif0 button {
width: 3.3rem;
position: absolute;
bottom: 1.05rem;
background: transparent;
left: .3rem;
height: .5rem;
}
.b-gif1 button {
position: absolute;
bottom: 1.95rem;
background: transparent;
left: .65rem;
}
.b-gif2 button {
position: absolute;
bottom: 1.1rem;
background: transparent;
left: 4rem;
}
.b-gif3 button {
position: absolute;
bottom: 0.85rem;
background: transparent;
left: 0.15rem;
}
.b-gif4 button {
position: absolute;
top: 0.55rem;
background: transparent;
left: 1.75rem;
}
.b-gif5 button {
position: absolute;
bottom: 0.22rem;
background: transparent;
left: 1.8rem;
}
.b-gif6 a {
width: 2.1rem;
height: 3.5rem;
position: absolute;
bottom: 1.05rem;
background: transparent;
right: 1.35rem;
height: .35rem;
}