@charset "utf-8";
*{padding: 0px; margin: 0px; font-family: "microsoft yahei";}
body{min-width: 320px;}
a{text-decoration: none; cursor: pointer;}
a:hover {text-decoration: none;}
li{list-style: none; cursor: pointer;}
img{border: 0px;}
input{outline: none; border: none; padding: 0px;display: block}
.clear_float{clear: both;}

.green_wrap{margin-bottom: 10px;margin-top: 10px;}
.green{width: 318px; height: 386px;border: 1px solid #89B8DD; margin: 0px auto;}
.hh2{font-size: 24px; color: #0569B7; font-weight: normal; border-bottom: 1px solid #CDE1F1; text-align: center; margin: 0px 10px 0px 10px; padding: 10px 0px 12px 0px;;}
.win{width: 282px; float: left; padding-left: 38px; padding-top: 42px; overflow: hidden; position: relative;}
.sel_wrap{overflow: hidden; padding-bottom: 30px;}
.sel_wrap .sel{width: 240px; height: 26px; border: 1px solid #0569B7; margin-bottom: 17px;}
.sel_wrap .sel_tit{display: block; float: left; width: 60px; height: 26px; font-size: 20px; color: #fff; background-color: #0569B7; text-align: justify; line-height: 26px; padding-left: 5px;}
.sel_wrap .sel_imp{font-size: 26px; color: #ff0000; position: absolute; left: 18px;}
#select{width: 175px; height: 26px; cursor: pointer; position: absolute; right: 41px;text-align: left;}
#select cite{height: 26px; display: block; font-size: 20px; color: #000; font-style: normal; padding-left: 4px; background: url("/img/win_down.png") no-repeat right;}
#select ul{border: 1px solid #ACC1DE;width: 174px; background-color: #fff; position: relative; top: 0px; z-index: 3; display: none;}
#select ul li{height:26px; line-height: 26px;}
#select ul li a{display:block; height:26px; font-size: 18px; color: #000; padding-left:4px; padding-right:4px;}
#select ul li a:hover{color: #fff; background-color: #1E90FF}
.sel_wrap input{width: 175px; height: 26px; font-size: 20px; color: #000;}
#demo{width: 171px; margin-left: 39px; padding-left: 69px; position: absolute; left: 0px;}
#res{display: block; width: 105px; height: 36px; border-radius: 6px; font-size: 23px; color: #fff; background-color: #0569B7; text-align: center; line-height: 25px; float: left;}
#sub{display: block; width: 105px; height: 36px; border-radius: 6px; font-size: 23px; color: #fff; background-color: #0583C7; text-align: center; line-height: 25px; margin-right: 40px; float: right}

/*弹窗pink*/
.pin{width: 320px; height: 384px; border-radius: 30px; background: url("/img/pin_bg.png") no-repeat center; position: fixed; top: 50%; left: 50%; margin-top: -192px; margin-left: -160px; display: none;}
.pin_spa1{display: block; font-size: 28px; color: #f4959e; font-family: "microsoft yahei"; text-align: center; padding-top: 20px;}
.pin_spa2{display: block; font-size: 14px; color: #7f7778; font-family: "microsoft yahei"; background: url("/img/pin_between.png") no-repeat center; text-align: center; margin-top: 3px; padding-left: 5px;}
.pin_from{width: 285px; margin: 0px auto; overflow: hidden; position: relative;}
.pin_sel_wrap .pin_sel{display: block; width: 285px; height: 34px; border: none; font-size: 18px; color: #3d4248; font-family: "microsoft yahei"; background: url("/img/pin_btn1.png") no-repeat center;text-align: center; margin: 8px auto 0px;}
.pin_sel_wrap .pin_sel_imp{font-size: 20px; color: #ff0000; margin-top: 7px; position: absolute; right: 14px;}
#pin_select{width: 285px; height: 34px; cursor: pointer;}
#pin_select cite{height: 34px; display: block; font-size: 18px; color: #9f9193; font-style: normal;  background: url("/img/pin_down.png") no-repeat right; line-height: 34px;}
#pin_select ul{border: 1px solid #AAA5A6;width: 220px; background-color: #fff; text-align: left; padding-left: 5px; margin-left: 15px; position: relative; top: 0px; z-index: 3; display: none;}
#pin_select ul li{height:34px; line-height: 34px;}
#pin_select ul li a{display:block; height:34px; color: #000; }
#pin_select ul li a:hover{color: #fff; background-color: #EE959E}
.pin_sel_wrap input{display: block; width: 285px; height: 34px; border: none; font-size: 18px; color: #9f9193; font-family: "microsoft yahei"; background: url("/img/pin_btn1.png") no-repeat center;text-align: center; margin: 0px auto 0px;}
#pin_demo{width: 270px; margin: 0px;}
.pin_btn{display: block; width: 284px; height: 33px; font-size: 22px; color: #fff; font-family: "microsoft yahei"; cursor: pointer; text-align: center; line-height: 33px; margin-top: 8px;}
#pin_res{background: url("/img/pin_btn2.png");}
#pin_sub{background: url("/img/pin_btn3.png"); color: #686767;}
.pin_p{font-size: 14px; color: #a28a8c; font-family: "microsoft yahei"; text-align: center; margin-top: 11px;}
.pin_p span{ color: red; position: relative; top: 3px;}
.pin_close{display: block; width: 31px; height: 31px; background: url("/img/pin_close.png") no-repeat center; position: absolute; top: 6px; right: 6px;}

/*弹窗pink_phone*/
.pink_phone{width: 300px; height: 277px; border-radius: 30px; background: url("/img/pink_bg.png") no-repeat center; position: fixed; top: 50%; left: 50%; margin-top: -138px; margin-left: -150px; display: none;}
.pink_phone_spa1{display: block; font-size: 24px; color: #e14f5a; font-family: "microsoft yahei"; text-align: center; padding-top: 34px;}
.pink_phone_spa2{display: block; font-size: 16px; color: #3d4248; font-family: "microsoft yahei"; text-align: center; padding-top: 6px;}
.pink_phone_tel1{display: block; width: 229px; height: 29px; border: none; font-size: 14px; color: #3d4248; font-family: "microsoft yahei"; background: url("/img/pink_btn1.png") no-repeat center;text-align: center; margin: 19px auto 0px;}
.pink_phone_tel2{display: block; width: 229px; height: 29px; border: none; font-size: 16px; color: #fff; font-family: "microsoft yahei"; background: url("/img/pink_btn2.png") no-repeat center; text-align: center; line-height: 29px; margin: 15px auto 0px;}
.pink_phone_p{width: 227px;font-size: 12px; color: #999; font-family: "microsoft yahei"; line-height: 16px; margin: 8px auto 0px; text-align: justify;}
.pink_phone_close{display: block; width: 37px; height: 37px; background: url("/img/pink_close.png") no-repeat center; position: absolute; top: 8px; right: 8px;}