@charset "utf-8";
body{background-color:#AE0817;}
body::-webkit-scrollbar {width:1px;}
body::-webkit-scrollbar-thumb{background:#FFFCDD;}
body::-webkit-scrollbar-track{background:#AE0817;}
a{color:#666;}
a.hover{color:#FE8001;}
.gayd{ color:#ddd}
input[type=radio] {display: inline-block;vertical-align: middle;width: 1.8rem;height: 1.8rem;}
input[type=checkbox] {display: inline-block;vertical-align: middle;width: 1.8rem;height: 1.8rem;}

.header{ display:flex;width:37.1rem;margin:0.2rem auto; background-color:#FFFCDD; border-radius:0.2rem;}
.header .type{ width:25%; height:4rem; line-height:4rem; font-size:1.6rem; text-align:center}
.header .on{ color:#e00}
/*表单内容*/
.content{ display:block;width:35.1rem;margin:0.2rem auto; padding:1rem;background-color:#FFFCDD; border-radius:0.2rem;}
.content .list{ display:block;}
.content .list .w5{float:left; width:17.5rem;line-height:4rem;font-size:1.5rem;}
.content .list .w5 label{ margin:0 0 0 2rem;font-size:1.6rem;}
.content .list .inp_in,.content .list .w5 .inp_in{height:3.6rem;margin:1rem auto;padding-left:0.5rem;width:90%;color:#AE0817;border:0.1rem solid #f9edce;border-radius:0.2rem;font-size:1.6rem;}
.content .list .inp_txt{margin:1rem auto;padding:0.5rem;width:90%;color:#AE0817;border:0.1rem solid #f9edce;border-radius:0.2rem;font-size:1.6rem;}
.content .list .w3{float:left; width:33.3%;line-height:4rem;font-size:1.5rem;}
.content .list .w2_5{float:left; width:25%;line-height:4rem;font-size:1.5rem;}
.content .list .w2_5 img,.content .list .w3 img,.content .list .w5 img{width:1.8rem; vertical-align:middle}
.content .list .wr{width:2rem; vertical-align:middle;}
.content .list .inp_bt{	text-align: center;height: 4rem;width: 50%;line-height: 4rem;color: #FFFCDD;border: 1px solid #FFFCDD;border-radius:0.5rem;background-color: #900;background-image: url(bt.jpg);background-position: center center;font-size:1.6rem;margin:2rem auto;}
.content .list .abtn{ display:block;text-align:center;width:50%;line-height:4rem;color:#c00;border:1px solid #e8df83;border-radius:0.5rem;background-color:#fdf9cc;font-size:1.6rem;margin:2rem auto;}
.content .list2{display:block; font-size:1.6rem; line-height:2.2rem; color:#aaa}
.content .list2{padding-left:2rem;text-indent: -2rem;}
.content .tc{text-align:center;font-weight:bold; font-size:2rem; }
/*真太阳时查询*/
.content .list .frm_d{width:9.5rem; vertical-align:middle}
.content .list .frm_a{width:16rem; vertical-align:middle}
.content .list .inp_lbt{ width:5rem;text-align: center;height: 3.4rem;width:20%;line-height:3.4rem;color: #FFFCDD;border:none;border-radius:0.5rem;background-color: #900;background-image: url(bt.jpg);background-position: center center;font-size:1.6rem;margin:1rem auto;vertical-align:middle}
.content .list .p{ display:block; height:2rem;line-height:2rem;font-size:1.6rem;text-align:left}
.content .list .title{color: #666; }
.content .list .lng{color:#f00;}
.content .list .real{color: #09f;}
.content .list .addr{color: #ccc;}
/*反推*/
.content .list .w4_5{float:left; width:18%;line-height:4rem;font-size:1.5rem; text-align:center;}
.content .list .w4_5 input{ padding:0; margin:0.2rem auto ;text-align:center}
.content .libwt{display:flex;flex-direction: row;justify-content: space-between;}
.content .libwt span{ float:left;display:block; padding:0.5rem;text-align:center;font-size:1.8rem;}
.content .libwt span:nth-child(2n){ color:#ccc}
.content #chtg span:nth-child(1){color:#09F}
.content #chtg span:nth-child(2){color:#ea338d}
.content .list .hand:hover,.content .libwt span:hover{color:#c00;cursor:pointer;}
.content .list p{ font-size:1.6rem;display:flex;flex-direction: row;justify-content:center;}
.content .list p span,
.content .list p a{display:block; padding:0.5rem;}
.content .list p a:nth-child(2){color:#09F}
.content .list p a:last-child{color:#ea338d}
/*保存数据*/
.sdrow{ margin:0.5rem auto;height:2.4rem;}
.sdrow .l{ display:inline-block;float:left; width:15%;height:2rem;line-height:2rem; font-size:1.5rem; text-align:center;color:#B49207}
.sdrow .r{ display:inline-block;float:left; width:85%;line-height:2rem;}
.sdrow .r .inp{text-align:left;height:2.4rem;line-height:2.4rem;color: #c00;border:0.1rem solid #ffeb99; box-sizing:border-box;border-radius:0.2rem; font-size:1.3rem;}
.sdrow .r .inptxt{width:96%;line-height:120%;overflow:hidden;color:#c00;border:0.1rem solid #ffeb99;box-sizing:border-box;border-radius:0.2rem;font-size:1.3rem;padding:0.3rem; margin:0.5rem auto;}
.sdrow .r input[type=radio] {display: inline-block;vertical-align: middle;width: 1.3rem;height: 1.3rem;}
.sdrow .r input[type=checkbox] {display: inline-block;vertical-align: middle;width: 1.3rem;height: 1.3rem;}
.sdrow .r label{ display:inline-block;float:left;height: 1.8rem;line-height:2rem;font-size:1.3rem;}
.sdrow .r .bd{-webkit-appearance:none;border-radius: 2px;outline: none;}
.sdrow .r .bd:checked{background-image: url(y.png);background-repeat: no-repeat;background-position: center center;}
.sdrow .r .bd:checked +span{color:#c00;}
.sdrow .r .inp_bt{text-align:center;width:96%;height:4rem;line-height:4rem; margin:1rem auto 2rem auto;color:#FFFCDD;border:0.1rem solid #FFFCDD;border-radius:0.3rem;background:url(../../static/images/btn_bg.png) repeat;border:none;font-size:1.6rem;}

/*排盘记录*/
.templist{display:block;width:35.1rem;margin:0.2rem auto; padding:0.5rem 1rem;background-color:#FFFCDD; border-radius:0.2rem;}
.templist .title{display: block;font-size:2rem;line-height:3rem;color:#aaa;text-align: center;font-weight: bold; margin:0.5rem auto;}
.templist .list{display: block;font-size:1.6rem;line-height:1.6rem;color:#999;display:flex;flex-direction: row;justify-content: space-between;padding:1rem 0; border-top:0.1rem dashed #e8df83}
.templist .list .name{ max-width:10rem;}
.templist .list .date{ display:none;}
.templist .link{display: block;font-size:1.6rem;line-height:1.6rem;color:#d00; text-align:center;padding:1rem 0; border-top:0.1rem dashed #e8df83}

.footer_space{ display:block;height:5rem;}
.footer{ display:flex;width:100%; bottom:0;position:fixed}
.footer .type{ width:50%; height:4rem; line-height:4rem;background-color:#FFFCDD; font-size:1.8rem; text-align:center; border-radius:0.5rem 0.5rem 0 0; border:0.1rem solid #AE0817; border-bottom:none}
.footer .type:first-child{border-radius:0 0.5rem 0 0; border-left:none;}
.footer .type:last-child{border-radius: 0.5rem 0 0 0; border-right:none}
#gototop{ display:block;width:3rem; height:4rem;position:fixed;bottom:6rem; right:2rem; background:url(../../static/images/icon_gotop_m.png) no-repeat; background-size:100%;}
/*PC端执行下面样式*/
@media screen and (min-width:750px){
body{background-color:#300;}
body::-webkit-scrollbar {width:8px;}
body::-webkit-scrollbar-thumb{background:#FFFCDD;}
body::-webkit-scrollbar-track{background:#300;}
input[type=radio] {display: inline-block;vertical-align: middle;width: 18px;height: 18px;}
input[type=checkbox] {display: inline-block;vertical-align: middle;width: 18px;height: 18px;}
.header{ display:flex;width:750px;margin:5px auto; background-color:#FFFCDD; border-radius:3px;}
.header .type{ width:25%; height:30px; line-height:30px; font-size:16px; text-align:center}
/*表单内容*/
.content{ display:block;width:530px;margin:5px auto; padding:30px 110px;background-color:#FFFCDD; border-radius:3px;}
.content .list{ display:block;}
.content .list .w5{float:left; width:50%;line-height:50px;font-size:16px;}
.content .list .w5 label{ margin:0 0 0 20px;font-size:16px;}
.content .list .inp_in,.content .list .w5 .inp_in{height: 36px;margin: 10px auto;padding-left: 5px;width: 90%;color: #AE0817;border:1px solid #dec481;border-radius: 2px;font-size:16px;}
.content .list .inp_txt{margin:10px auto;padding:5px;width:90%;color:#AE0817;border:1px solid #dec481;border-radius:2px;font-size:16px;}
.content .list .w3{float:left; width:33%;line-height:50px;font-size:16px;}
.content .list .w2_5{float:left; width:25%;line-height:50px;font-size:16px;}
.content .list .w4_5{float:left; width:15%;line-height:50px;font-size:16px;}
.content .list .w2_5 img,.content .list .w3 img,.content .list .w5 img{width:18px; vertical-align:middle;-webkit-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}
.content .list .wr{width:20px; vertical-align:middle;-webkit-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}
.content .list .inp_bt{text-align:center;height:40px;width:50%;line-height: 40px;color: #FFFCDD;border: 1px solid #FFFCDD;border-radius:5px;background-color: #900;background-image: url(bt.jpg);background-position: center center;font-size:16px;margin:20px auto;}
.content .list .abtn{ display:block;text-align:center;width:50%;line-height:40px;color:#c00;border:1px solid #e8df83;border-radius:5px;background-color:#fdf9cc;font-size:16px;margin:20px auto;}
.content .list2{ display:block; font-size:16px; line-height:25px; color:#aaa;padding-left:20px;text-indent: -20px;}
.content .tc{text-align:center;font-weight:bold; font-size:20px;}
/*真太阳时查询*/
.content #res{ font-size:18px;}
.content .list .frm_d{width:96px; vertical-align:middle}
.content .list .frm_a{width:290px; vertical-align:middle}
.content .list .inp_lbt{ width:80px;text-align:center;height:36px;width:20%;line-height:36px;color: #FFFCDD;border:none;border-radius:5px;background-color: #900;background-image: url(bt.jpg);background-position: center center;font-size:16px;margin:20px auto;}
.content .list .p{ display:block;height:24px;line-height:24px;font-size:16px;text-align:left}
.content .list .title{color: #666; }
.content .list .lng{color:#f00;}
.content .list .real{color: #09f;}
.content .list .addr{color: #999;}

/*反推*/
.content .list .w4_5{float:left; width:18%;line-height:40px;font-size:16px; text-align:center;}
.content .list .w4_5 input{ padding:0; margin:2px auto ;text-align:center}
.content .libwt{display:flex;flex-direction: row;justify-content: space-between;}
.content .libwt span{ float:left;display:block; padding:10px;text-align:center;font-size:18px;}
.content .libwt span:nth-child(2n){ color:#ccc}
.content #chtg span:nth-child(1){color:#09F}
.content #chtg span:nth-child(2){color:#ea338d}
.content .list .hand:hover,.content .libwt span:hover{color:#c00;cursor:pointer;}
.content .list p{ font-size:18px;display:flex;flex-direction: row;justify-content:center;}
.content .list p span,
.content .list p a{display:block; padding:5px 10px;}
.content .list p a:nth-child(2){color:#09F}
.content .list p a:last-child{color:#ea338d}
.content .list p a:hover{color:#AE0817}
/*排盘记录*/
.templist{display:block;width:730px;margin:5px auto; padding:5px 10px;background-color:#FFFCDD; border-radius:3px;}
.templist .title{display: block;font-size:18px;line-height:30px;color:#aaa;text-align: center;font-weight: bold; margin:5px auto;}
.templist .list{display: block;font-size:16px;line-height:16px;color:#aaa;display:flex;flex-direction: row;justify-content: space-between;padding:10px 0; border-top:1px dashed #e8df83}
.templist .list:hover{color:#d00;}
.templist .list .name{ max-width:100px;}
.templist .list .date{display:block;}
.templist .link{display: block;font-size:16px;line-height:16px;color:#d00; text-align:center;padding:10px 0; border-top:1px dashed #e8df83}

.footer_space{ display:block;height:50px;}
.footer{ display:flex;width:750px; bottom:0; left:0; right:0; margin:auto;position:fixed;}
.footer .type{ width:50%; height:40px; line-height:40px;background-color:#FFFCDD; font-size:16px; text-align:center;border-radius:6px 6px 0 0; border:1px solid #300; border-bottom:none}
.footer .type:first-child{border-radius:0 6px 0 0; border-left:none;}
.footer .type:last-child{border-radius: 6px 0 0 0; border-right:none}
#gototop{ display:block;width:30px; height:40px;position:fixed;bottom:50px; right:50%; margin-right:-430px; background:url(../../static/images/icon_gotop_pc.png) no-repeat; background-size:100%;}
#gototop:hover{ cursor:pointer}
}
@media screen and (min-width:600px){
/*保存数据*/
.sdrow{ margin:5px auto;height:30px;}
.sdrow .l{ display:inline-block;float:left; width:10%;height:30px;line-height:30px; font-size:16px; text-align:center;color:#B49207}
.sdrow .r{ display:inline-block;float:left; width:90%;line-height:30px;}
.sdrow .r .inp{text-align:left;height:24px;line-height:24px;color:#c00;border:1px solid #ffeb99; box-sizing:border-box;border-radius:2px; font-size:16px;}
.sdrow .r .inptxt{width:96%;line-height:120%;overflow:hidden;color:#c00;border:1px solid #ffeb99;box-sizing:border-box;border-radius:2px;font-size:16px;padding:5px; margin:5px auto;}
.sdrow .r input[type=radio] {display: inline-block;vertical-align: middle;width:15px;height:15px;}
.sdrow .r input[type=checkbox] {display: inline-block;vertical-align: middle;width:15px;height:15px;}
.sdrow .r label{ display:inline-block;float:left;height:24px;line-height:24px;font-size:16px;}
.sdrow .r label:hover{ color:#c00}
.sdrow .r .bd{-webkit-appearance:none;border-radius:2px;outline: none;}
.sdrow .r .bd:checked{background-image: url(y.png);background-repeat:no-repeat;background-position: center center;}
.sdrow .r .bd:checked +span{color:#c00;}
.sdrow .r .inp_bt{text-align:center;width:40%;height:36px;line-height:36px; margin:20px auto;color:#FFFCDD;border:1px solid #FFFCDD;border-radius:3px;background:url(../../static/images/btn_bg.png) repeat;border:none;font-size:16px;}
}
