@charset "utf-8";
/* CSS Document */

html{font-size:100%; max-width:100%; margin:0 auto; overflow-x:hidden;}
/* 全局样式 ------------------------------------------------------------------*/
body ,div, h1, h2, h3, h4, p, dl, dd, ol, ul, li, form, fieldset, input, button, textarea{ margin:0; padding:0; box-sizing:border-box; font-family:"Microsoft YaHei";}
th, td{ margin:0; padding:0; font-family:"Microsoft YaHei";}
html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}
h1, h2, h3, h4{ font-size:100%; font-weight:normal;}
ol, ul{ list-style:none;}
fieldset, img{ border:0;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, input, textarea{ text-decoration:none; outline:0; font-weight:normal; font-family:"Microsoft YaHei";}
li, img, label, input{ vertical-align:middle;}
body{ font-size:.24rem; font-family:helvetica,arial; width:100%; max-width:7.5rem; margin:0 auto; overflow-x:hidden; background:#100c0b;}
input:focus{ outline:none;}
textarea,select,input{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}

/*公用样式*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{ display:none;}

.wrap{ width:7.5rem; margin:0 auto;}

/*header*********************************************************************/
.header{ background:#1b1a1e; border-bottom:1px solid #977c5c;}
.logo{ padding:.3rem 0 .25rem 0; text-align:center;}
.logo img{ width:2.82rem; height:.55rem;}

.main{ padding:0 .1rem .25rem .1rem;}
.titc{ height:.6rem; line-height:.6rem; font-size:.35rem; color:#ffe0b8; padding-left:.35rem; position:relative;}
.titc:before{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-.12rem; width:.28rem; height:.24rem;}
.tit1:before{ background:url(../../images/ico1.png) left center no-repeat; background-size:100%;}
.tit1 img{ float:right; margin-top:.2rem; height:.2rem; width:1.79rem;}
.tit2:before{ background:url(../../images/ico2.png) left center no-repeat; background-size:100%;}
.tit3:before{ background:url(../../images/ico3.png) left center no-repeat; background-size:100%;}
.tit4:before{ background:url(../../images/ico4.png) left center no-repeat; background-size:100%;}
.tit5:before{ background:url(../../images/ico5.png) left center no-repeat; background-size:100%;}
.tit6:before{ background:url(../../images/ico6.png) left center no-repeat; background-size:100%;}
.tit7:before{ background:url(../../images/ico7.png) left center no-repeat; background-size:100%;}
.tit8:before{ background:url(../../images/ico8.png) left center no-repeat; background-size:100%;}

.browser{ background:#1b1a1e; border:1px solid #977c5c; border-radius:.08rem; overflow:hidden; padding:.45rem 0 .35rem 0;}
.browser:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; overflow:hidden;}
.browser li{ float:left; width:25%; text-align:center;}
.browser li a{ display:inline-block;}
.browser li img{ height:1.05rem; display:block; margin:0 auto .12rem auto;}
.browser li em{ display:block; font-size:.24rem; color:#919191; line-height:.3rem;}
.browser li p{ font-size:.2rem; color:#ffe0b8; line-height:.3rem; font-weight:bold;}

.tool_list{ background:#1b1a1e; border:1px solid #977c5c; border-radius:.08rem; overflow:hidden; padding:.02rem 0 .35rem 0;}
.tool_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; overflow:hidden;}
.tool_list li{ float:left; width:3.27rem; height:.96rem; background:url(../images/bg1.png) 0 0 no-repeat; background-size:100%; margin:.38rem 0 0 .25rem;}
.tool_list li a{ display:block; width:3.2rem; height:.88rem; line-height:.88rem; text-align:center; font-size:.2rem; color:#100c0b;}
.tool_list li a img{ vertical-align:middle; margin-right:.1rem; position:relative; top:-.02rem; height:.24rem;}