﻿/*计算学费*/
body{ margin:0 auto;}
img{ list-style: none;}
p{margin: 0;}
.coolbg1{width: 90%;height: 35px;background: red;display: block;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 15px; box-shadow: 2px 2px 10px #ccc;color: #dcdcdc;line-height: 35px;font-size: 16px;letter-spacing: 2px;margin: 20 auto;box-shadow:0 0 1px #000 inset;}
.form_box1{width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;padding: 0px 0 35px;background: url('../images/img-ninem-2.jpg') no-repeat; max-width: 640px;}
.form_box1 .form{border-radius: 10px;color: #fff;padding-top: 10px;}
.form_box1 .form ul{padding: 17px 20px 0;}
.form_box1 .form .li_items{border: 1px solid #666;margin-bottom: 10px; border-radius: 10px;}
.form_box1 .form .d2{padding: 0 13px 0 20px; box-shadow:0 0 1px #000 inset; border-radius: 10px;}
.form_box1 .form .inp-form{display: block;width: 100%;height: 30px;line-height: 30px;border: none;font-size: 14px;border-radius: 10px;color: #666;font-weight: bold; background-color: #f8f8f8;}
.tc{width: 90%;max-width: 320px;height: 500px;margin: 0 auto;margin-top: 15px;position: relative;z-index: 10;opacity: 1;background:#f0f0f0;}
.tc .xx{width: 20px;height: 20px;border: 1px solid #666;border-radius: 20px;position: absolute;top: -8px;right:-8px;background-color: #dcdcdc;}
.tc01{opacity: 1;width: 100%;height: 900px;z-index: 999;position:fixed;top: 43px;left: 0;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;transition: linear .5s;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);}
.tc001{-webkit-transform: scale(1);background: rgba(0,0,0,.5);}
.tc .xx .xx1{font-size: 20px;color: #999;width: 100%;display: block;text-align: center;line-height: 19px;}
.tc img{width: 100%;}
.tc label{display: block;border: 1px solid #e0e0e0;cursor: pointer;position: relative;height: 28px;line-height: 28px;margin-right:36px;text-align: center;margin: 0 0 0 15px;font-size: 13px;width: 25%;float: left;color: #000;}
.tc .label{background-color: red;color: #fff;}
.tc label input{opacity: 0;position: absolute;}
.tc p{color: #000;width: 100%;display: block;font-size: 14px;text-align: left;}
.xf{z-index: 999;position: fixed;top: 20%;right: 0;background: #F18D00;color: #fff;border-radius: 5px;width:2rem;display:block;max-width:3rem;}
.xf01{display: none;}
.xf a{width: 100%;text-align: center;display: block;color: #fff;margin: 0 5px 5px 0;}
.xfbjon{color:#fff;border-color:#e11616;background-color:#e11616;}.hslxftc2 label{display:block;border:1px solid #e0e0e0;cursor:pointer;position:relative;height:3rem;line-height:3rem;margin-right:1rem;text-align:center;margin-bottom:0.5rem;font-size:1.2rem;width:28%;float:left;}.hslxftc2 label input{opacity:0;position:absolute}.hslxftcbox1,.hslxftcbox2,.hslxftcbox3{height:auto;padding-top:0.5rem;}.hslxftc1 img{width:100%;}.hslxftc0{background-color:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:999;display:none;}.hslxftc2{width:86%;height:90%;background-color:#fff;position:fixed;left:7%;z-index:9999;top:5%;display:none;}.hslxftc3{padding:1rem 0 1rem 1rem;}.hslxftc2 p{margin:0px;padding:0px;font-size:1.3rem;line-height:1.6rem;color:#333;font-weight:bold;}.hsljg{border-color:#e11616;color:#fff;font-size:1.5rem;background-color:#e11616;}.hslxftcbox5{margin:0.5rem 1rem 1rem 0;}.hslxftcbox5 input{height:3rem;line-height:3rem;width:100%;margin-bottom:1rem;}.hslsj{border:1px solid #999;background-color:#fff;color:#333;font-size:1.3rem;text-indent:1rem;}.hslxftcimgclose{position:absolute;width:2.6rem;line-height:2.6rem;height:2.6rem;right:0.5rem;top:0.5rem;border:1px solid #333;border-radius:3rem;text-align:center;}.hslxftcr{position:fixed;right:-5rem;width:5rem;height:5rem;background-color:#005982;color:#fff;line-height:2rem;text-align:center;font-size:1.4rem;padding:0.5rem;display:block;top:50%;margin-top:-7rem;z-index:999;}
@media ( min-width:375px ) and ( max-width:413px ){
.tc{width: 90%;max-width: 540px;height: auto;margin: 0 auto;margin-top: 15px;position: relative;z-index: 10;opacity: 1;background:#fff;}}
@media ( min-width:414px ) and ( max-width:1024px ){
.tc{width: 90%;
max-width: 540px;height: auto;margin: 0 auto;margin-top: 15px;position: relative;z-index: 10;opacity: 1;background:#fff;}}