body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea{padding:0px;margin:0px;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:16px;}
img{border:0 none;vertical-align:middle;border:none;interpolation-mode:bicubic;max-width:100%;}
fieldset{border:0}
ul,ol{list-style:none}
em,i,b{ font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;text-indent:0}
body{overflow-x:hidden;width:100%;background:#FFF;color: #333;}
body,input,button,textarea{line-height:1.5;font:normal 12px '\5FAE\8F6F\96C5\9ED1',Arial,'\5B8B\4F53',sans-serif;outline:0}
input, textarea, select, button {outline: none;border: none;}
button{cursor:pointer}
a{text-decoration:none;color:#333}
a:focus{outline:0}
.clear{ clear:both;}
.clearfix{ *zoom:1;}
.clearfix:after{clear:both;display:block;height:0;visibility:hidden;overflow:hidden;content:'.'}
* html .clearfix{zoom:1}
*+html .clearfix{min-height:1px}
body{ }
.tc{text-align:center}
.fl{float:left}
.fr{float:right}
.pa{position:absolute}
.pr{position:relative}
.of{overflow:hidden}
.rb{background-position:right 0;padding:0 10px 0 0}
.lb{background-position:left 0}
.overlay{display:none;position:absolute;width:100%;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:.3;z-index:1000}
.red{color:#F00 !important;}
.ofne{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.line-through{width:100%;height:10px;background:#f0f0f0; position:relative;}
.cover{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:99999; display:none;}
.slidIn{transform:translate3d(100%,0px,0px);-webkit-transform:translate3d(100%,0px,0px);-moz-transform:translate3d(100%,0px,0px)}
.slidOut{transform:translate3d(0%,0px,0px);-webkit-transform:translate3d(0%,0px,0px);-moz-transform:translate3d(0%,0px,0px)}

.gotop{position:fixed;right:3%;bottom:185px;width:46px;height:46px;z-index:1000;background:url(../images/gotop.png) no-repeat;background-size:46px auto;display:none;}
.position{color:#666;font-size:14px;height:38px;line-height:39px;padding:0 4%; background:#f0f0f0; overflow:hidden;}
.position a{color:#008ada;}
.position a:hover{color:#FF4D4D;text-decoration:none;}
.overstep{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.star,.star span{background: url(../images/star.gif) repeat-x 0 -16px;background-size:15px auto;height:15px;width:75px;margin:5px 0 2px;overflow:hidden;}
.star span{display:block; background-position:0 0;margin:0;}


/*footer*/
.footH{width:100%;overflow:hidden;z-index:1000;position: fixed;bottom: 0;left: 0;background: #fff;}
.footer-nav{ background:#20cea4;text-align:center;}
.footer-nav a{ position:relative;display:inline-block;font-size:16px;text-align:center;line-height:40px;color:#FFF;width:19%;}
.footer p {
    color: #999;
    text-align: center;
}
.footer-nav a:after{position:absolute;right:0;top:0;content:"|";color:#FFF;}
.footer-nav a:last-child:after{content:"";}
.footer-green-nav{ background:#20cea4;text-align:center;}
.footer-green-nav a{ position:relative;display:inline-block;font-size:16px;text-align:center;line-height:40px;color:#FFF;width:19%;}
.footer-green-nav a:after{position:absolute;right:0;top:0;content:"|";color:#FFF;}
.footer-green-nav a:last-child:after{content:"";}
.footer-black-nav{ background:#20cea4;text-align:center;}
.footer-black-nav a{ position:relative;display:inline-block;font-size:16px;text-align:center;line-height:40px;color:#FFF;width:19%;}
.footer-black-nav a:after{position:absolute;right:0;top:0;content:"|";color:#FFF;}
.footer-black-nav a:last-child:after{content:"";}
.footer-reg{padding:0 15px;line-height:30px;background:#FFF;text-align:center;border-top:1px solid #eaeaea;color:#cdcdcd;}
.footer-reg a{color:#555555;font-size:14px;}
.footer-reg span{ vertical-align:1px;}
.footer-bottom{ text-align:center;color:#666;font-size:14px;margin-bottom:5px;}
/*面包屑*/
.pos{position: relative;height: 36px;line-height: 36px;font-size: 14px;color: #666;display: block;overflow: hidden;background-color: #f0f0f0;padding: 0 6px 0 4%;}
.pos a{color: #666;}
.pos .divider{padding: 0 6px;}
.pos .other{position: absolute;background: url(../images/xing.png) no-repeat;height: 24px;line-height: 24px;width: 65px;text-indent: 6px;font-size: 12px;color: #fff;top: 6px;right: 6px;background-size: cover;}
/*header*/
.wrap{background:#fff;width:100%;overflow:hidden;min-width:320px;}
.h-top{width:100%;height: 50px;}
.hs-top{width:100%;height: 42px;}
.apple-header{background:#20cea4;height:auto;width:100%;height:50px;z-index:200;position: fixed;}
.apple-header img.tongyi{margin:0px 4%;width:130px;}
.top-search{overflow:hidden;width:50%;background:#fff;height:32px;position:absolute;right:4%;top:9px;-webkit-border-radius: 4px;border-radius: 4px;}
.t-search-tx{line-height:20px;width:73%;background:#fff;font-size:14px;border-radius:7px 0 0 7px;border:none;padding:6px 2% 6px 3%;display:inline-block;height:20px;color:#828282;float:left;}
.t-search-bt{background:url(../images/search_ico.png) no-repeat center center;width:22%; max-width:80px; height:32px;background-size:20px auto;float:right;border:none;text-indent:999em}

.inner{height:42px;text-align:center;background:#2196f3;width:100%;position:fixed;top:0;bottom:auto; left:0; z-index:999999; }
.htit{padding:0 20%;line-height:0;font-size:0;height:inherit;position:relative;overflow:hidden;}
.htit a{color:#fff;font-size:18px;line-height:42px; }
.back{display:inline-block;width:35px;height:inherit;position:absolute;left:0; top:0;}
.back a{display:block;width:100%;height:100%;background:url(../images/back.png) no-repeat center;background-size:12px 20px; }
.zoom{display:inline-block;width:35.5px;height:inherit;position:absolute;right:43px;top:0;}
.zoom a{display:block;width:100%;height:100%;background:url(../images/zoom2.png) no-repeat center;background-size:20px 20px;}
.menu{display:inline-block;padding:0 11px;height:inherit;position:absolute;right:0;top:0;}
.i_menu{padding-top:7px;}
.i_menu .line{width: 20px;height:2px;background-color: #fff;display: block;margin: 6px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#menu.is-active .line:nth-child(2){opacity: 0;}
#menu.is-active .line:nth-child(1){-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
#menu.is-active .line:nth-child(3){-webkit-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-o-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg);}
#menu.is-active{background-color:#fff;}
#menu.is-active .line{background-color:#2196f3;}
#hide-menu{position:fixed;top:42px;right:0;width:140px;height:0;background:#fff;z-index:999998;overflow:hidden; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s; }
#hide-menu ul{padding: 5px 0;}
#hide-menu li{border-bottom:1px solid #f5f5f5;position: relative;}
#hide-menu li:last-child{border:0;}
#hide-menu a{display:block;line-height:42px;font-size:16px;overflow:hidden;padding-left: 53px;}
#hide-menu a:active{color:#2c8bfb;}
#hide-menu a i{position: absolute;left: 21px;top: 13px;}
#hide-menu a i.home{background: url(../images/home.png) no-repeat;background-size: 100%;width: 19px;height: 18px;}
#hide-menu a i.wang{background: url(../images/wyou.png) no-repeat;background-size: 100%;width: 18px;height: 18px;top: 12px;}
#hide-menu a i.daji{background: url(../images/dan.png) no-repeat;background-size: 100%;width: 14px;height: 17px;left: 23px;}
#hide-menu a i.ying{background: url(../images/yong.png) no-repeat;background-size: 100%;width: 18px;height: 16px;}
#hide-menu a i.game{background: url(../images/h5.png) no-repeat;background-size: 100%;width: 15px;height: 16px;left: 23px;}
#hide-menu a i.zxin{background: url(../images/zxin.png) no-repeat;background-size: 100%;width: 17px;height: 16px;left: 22px;}
#hide-menu a i.zhun{background: url(../images/zhun.png) no-repeat;background-size: 100%;width: 19px;height: 18px;top: 12px;}
@media screen and ( max-width:720px) and (orientation: landscape) {  
  html{ font-size:50px; }  
  .i_menu{padding-top:6px;}
  #menu.is-active .line:nth-child(1){-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
  #menu.is-active .line:nth-child(3){-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}
@media screen and (max-width:360px){ 
  html{font-size:50px;} 
  .i_menu{padding-top:6px;}
  #hide-menu{width:130px;} 
  #menu.is-active .line:nth-child(1){-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
  #menu.is-active .line:nth-child(3){-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}
@media screen and (min-width:361px) and (max-width :479px) {
    body,html{font-size:13px;}
    #menu.is-active .line:nth-child(1){-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
  	#menu.is-active .line:nth-child(3){-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}

/*用户评论*/
.cmtbox{padding:13px 12px;}
.head-user label{color:#999;font-size:14px;float:left;line-height:28px;}
.head-user #userText{float:left;height:25px;line-height:25px;width:108px;padding:0 6px;margin-top:2px;border:1px solid #ccc;font-size:12px;color:#666;font-family:"Microsoft YaHei";border-radius:0;}
.post-wrap-w .area-textarea-w{background-color:#fff;border:1px solid #ccc;font-size:0;overflow:hidden;padding:3px 3px 3px 7px;border-radius:4px;position:relative;z-index:9;}
.post-wrap-w .textarea-fw{background:none;border:0;color:#666;font-size:12px;height:71px;line-height:22px;overflow-x:hidden;overflow-y:auto;resize:none;width:100%;font-family:"Microsoft YaHei";}
.post-wrap-w .wrap-action-w{padding-top:6px;}
.post-wrap-w .wrap-action-w .issue-w .btn-fw {background:#2196f3;border:0 none;cursor:pointer;float:right;width:62px;height:28px;line-height:28px;font-size:14px;color:#fff;font-family:"Microsoft YaHei";overflow:hidden;padding:0;border-radius:3px;}
.empty-prompt-w{padding:13px 0 0;}
.empty-prompt-w .prompt-null-w{background-color:#eff2f7;color:#2c8bfb;font-size:14px;display:block;height:26px;line-height:26px;text-align:center;}
.cmt-list-title{margin-top:19px;padding-bottom:2.5px;font-size:12px;color:#888;}
.cmt-list-title span{line-height:18px;border-left:3px solid #2196f3;padding-left:8px;font-size:15px;font-weight:bold;color:#333;margin:10px 0 0;}
.border_red{border:1px dashed #ff0000;}
.cont-msg em{font-size:14px;line-height: 24px;color:red}
.block-cont{padding:9px 0 11px;border-bottom:1px dashed #e2e2e2;}
.wrap-user{height:20px;line-height:20px;font-size:12px;color:#999;overflow:hidden;}
.wrap-user .user-name{color:#2c8bfb;margin-right:20px;}
.block-cont .content{border:1px solid #ddd;padding:8px 10px 7px;font-size:14px;background-color:#ffffed;margin-bottom:8.5px;}
.block-cont .content .f12{font-size: 12px;color: #09f;display:block;}
.block-cont .content pre{white-space:normal;font-family:Arial, "Microsoft YaHei";line-height:24px;margin-top:5px;}
.wrap-issue{padding:10px 0 0;font-size:14px;line-height:24px;}
.wrap-action{text-align:right;color:#ccc;font-size:14px;line-height:18px;margin-top:15px;}
.wrap-action .click-reply{padding-right:5px;}
.wrap-action .click-support{padding-left:5px;}
.wrap-action .click-reply a{color:#ff0000;}
.wrap-action .click-support a{color:#666;}
.wrap-action a:active{color:#09f !important;}
.cmt-list-more a{display:block; height:34px;line-height:34px;width:179px;text-align:center;background-color:#ececec;border:1px solid #ccc;color:#666;font-size:14px;margin:13px auto 0;}
.cmt-list-more a:hover{background-color:#17a2e7;border-color:#17a2e7;color:#fff;}
.wrap-issue{ padding:10px 0 0; font-size:14px; line-height:24px; }
.post-rpbox{ background:#eee; border:1px solid #ddd; padding:7px 8px; margin-top:12px; position:relative; z-index:2; }
.post-rpbox .angle{ position:absolute; right:68px; top:-14px; background:url(../images/angle.png) no-repeat 0 0; background-size:100% auto; display:none; width:27px; height:14px; overflow:hidden; }
.post-rpbox-in{ background-color:#fff; height:30px;line-height:30px;}
.post-rpbox .user-input{ float:left; background:transparent; padding:5px 0; padding-left:3%; height:19px; line-height:19px; width:77%; color:#333; font-family:"Microsoft YaHei"; font-size:12px; }
.post-rpbox .rpbox-gh{ float:right; width:20%; }
.post-rpbox .rpbox-gh .btn-hf{ background:#a7a7a7; border:0 none; cursor:pointer; float:right; height:30px; line-height:30px; font-size:14px; color:#fff; font-family:"Microsoft YaHei"; overflow:hidden; padding:0; width:100%; }
.total-num{display: inline-block;}