html,body,h1,h2,h3,h4,h5,h6,ul,li,div,span,img,a,input,p{ padding: 0; margin: 0; }
input,img{ border: none; }
ul,li{ list-style: none;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
body{ font-family: "microsoft yahei"; color: #3b3b3b;}
a{ text-decoration: none; color: #3b3b3b;}
input,textarea{ border: none; display: block;}
/*全局 */
/*全局 - 文字颜色*/
.f-orange{color: #ff7f19;}
.f-red{ color: #D52C27;}
.f-gray{ color: #acabab;}
.f-right{ text-align: right;}
/*全局 - 左右布局快捷样式*/
.left{ float: left;}
.right{ float: right;}
.hide{ display: none;}
body{  background: #e8f2fa;}
body .show{ display: block;}

#popover{ background: rgba(0,0,0,0.7); display: block; z-index:120; position: fixed; top: 0; left:0; right:0; bottom:0; }
#popover div{ margin: 0 auto; position: relative; width: 80%; margin-top:10%;}
#popover div p{ position: absolute; left: 5%; width:90%; top:20%; font-weight: bold; line-height: 28px; font-size:15px; text-indent: 2em;}
#popover div .btn{ position: absolute; width: 40px; background:url(../images/close.png); height: 40px; display: block; background-size:cover; bottom:-50px; left: 50%; margin-left:-20px;}


section img{ display: block; width: 100%; }

#info{ margin-top: -11%; position: relative; z-index: 100;}

#block1{ width: 100%; margin: 0 auto; position: relative;}
#block1 div{ width: 98%; margin: 0 auto; }
#block1 .main{ padding: 10px 0 0; background:url(../images/block1_main.png) repeat; background-size: 100%;}
#block1 table{ width: 92%; margin: 0 auto;}
#block1 .table1 td{ padding: 4px 0;}
#block1 .table1 td a{ display: block;}

#block1 .table2{ width: 88%; margin: 10px auto 0; background: #e8f3fb; padding: 10px 20px;}
#block1 .table2 td{ padding: 0 0 5px 0;}
#block1 .table2 .wrap,#block1 .table2 .wrap1{ position: relative;}
#block1 .table2 .wrap span{ position: absolute; right: 10px; bottom:10px; font-size:12px; color:#86c5f8;}
#block1 .table2 .wrap textarea{ font-size: 14px; border: 1px solid #e3e3e3; padding: 10px; width: 100%; height: 100px; box-sizing: border-box;}
#block1 .table2 input{ height: 30px; border: 1px solid #e3e3e3; padding: 0 10px 0 60px; box-sizing: border-box; line-height: 30px; width: 100%; display: block;}
#block1 .table2 .wrap1 span{ color: #666; font-size: 14px; position: absolute; top: 5px; left: 10px;}
#block1 .table2 .wrap1 i{ color: red; font-style: none; position: relative; left: -5px;}
#block1 .table2 .tips{color:#86c5f8; font-size:12px;}
#block1 .table2 .btn a{ display: block;}



#hot{ width: 96%; margin: 20px auto; position: relative;}
#hot div{ position: absolute; top: 20%; width: 80%; left: 10%; height: 65%; overflow-y:scroll;}

footer img{ display: block; width: 80%; margin: 0 auto;}

/*UI - 弹出框*/
.ui-tooltip{ z-index: 20; display: block; background: url(../images/opacity.png) repeat; position: fixed ;top: 0; left: 0; bottom: 0; right: 0;}
.ui-tooltip .main{ font-size: 14px; line-height:1.5em; width: 70%; background: #fff; position:absolute; top: 30%; left: 15%;  border-radius: 10px; }
.ui-tooltip .main p{ padding: 25px 0px; text-align: center; font-size: 17px;}
.ui-tooltip .main .link{ font-size: 15px; width:100%; display: block; border-top: 1px solid #ddd; line-height: 45px; text-align: center; height: 45px; }
.ui-tooltip .main a{ display:inline-block; color: #1970ff; }
.ui-tooltip .main a.change{ width: 49%; border-right: 1px solid #EBEBEB;}
.ui-tooltip .main a.confim{  width:100%;}