@charset "utf-8";
/*整体规则
1.整体框架按照750PX设计图转rem构造
2.整体布局的外边距以.3rem构造
*/
/*公共*/
/* 禁用iPhone中Safari的字号自动调整 */
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/* 解决IOS默认滑动很卡的情况 */-webkit-overflow-scrolling : touch;}
/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {resize: none;border: none;}
/* 取消链接高亮 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* 图片自适应 */
img { width: 100%; height: auto; width: auto9; /* ie8 */ /*display: block; */-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {/*background: none;*/-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,button,fieldset,legend,input,textarea,p,blockquote,th,td,a,menu1,nav,figure,figcaption{margin:0;padding:0;color:#333;text-decoration:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;}
body{background-color:#FFF;font-size:16px;max-width:768px;margin:0 auto;overflow-x:hidden;}
table{border-collapse:collapse;border-spacing:0;font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei','\5FAE\8F6F\96C5\9ED1','\5B8B\4F53',sans-serif}
fieldset,img{border:0}
i{font-style:normal}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ul,ol,li{list-style:none}
caption,th{text-align:left}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%;outline:0;border:0}
input::-webkit-search-cancel-button{display:none}
input[type=search]::-ms-clear{display:none}
#menu,#menu h2,#search,.searchbg,.searchbox,.wechat,.wechatbg,.wechatname,.wechatimg{width:100%;}
.logo,.head-txt,.key,.searchsub{float:left;}
#menuicon,#searchicon,#wechaticon,#menuclose{float:right;}
#menu h2,.wechatname,.wechatimg,#wechatclose,.fenye{text-align:center;}
.logo,#menuicon,#searchicon,#wechaticon,#menuclose,.searchsub,.navup,.navdown,#gotop{background:url(../images/mobile_sprite_2.png);background-repeat:no-repeat;background-size:5rem;}
/*header*/
header{background:#449ffa;height:1.2rem;}
.logo{height:.76rem;width:.96rem;margin:.2rem 0 0 .3rem;background-position:0 0;background-size:2.95rem;}
.head-txt{font-size:.36rem;line-height:.76rem;color:#FFF;font-weight:bold;margin:.2rem 0 0 0;}
#menuicon{height:.36rem;width:.46rem;margin:.4rem .3rem 0 0;background-position:-2.98rem 0rem;}
#searchicon{height:.44rem;width:.44rem;margin:.36rem .3rem 0 0;background-position:-4.55rem -4.11rem;}
#wechaticon{height:.36rem;width:.46rem;background-position: 0 -5.55rem;margin: .4rem .16rem 0 0;}
#menu,.wechatbg{height:100%;position:fixed;overflow:auto;z-index:129;left:0;top:0;background:#FFF;display:none}
#menuclose{height:.5rem;width:.5rem;background-color:#eee;background-position:-4.55rem -0.59rem;border:5px solid #eee;border-radius:.5rem;position:fixed;top:.3rem;right:.3rem;}
#menu h2{font-size:.36rem;margin-top:.7rem;font-weight:bold;}
#menu p{font-size:.32rem;margin:.5rem .3rem 0 .3rem;color:#888;}
#menu nav{margin:.2rem .3rem 0 .3rem;}
#menu nav a{color:#333;font-size:.28rem;width:28%;border:1px solid #ddd;border-radius:.1rem;line-height:.7rem;margin:.4rem 2.5% 0 0;display:inline-table;text-align:center;}
.liukong{height:.6rem;}
#search{height:100%;position:fixed;top:-100%;left:0;z-index:200;}
.searchbg{height:100%;background:#000;position:relative;z-index:230;display:block;opacity:0.3;}
.searchbox{height:.76rem;padding:.26rem 0;background:#0080d8;position:relative;top:-100%;z-index:300;}
.key{height:.76rem;width:70%;background:#fff;border-radius:.1rem 0 0 .1rem;line-height:.76rem;font-size:.28rem;text-indent:.2rem;margin-left:3%;}
.searchsub{height:.76rem;width:10%;background-color:#FFF;background-position:-4.61rem -5.58rem;border-radius:0 .1rem .1rem 0;}
#searchclose{width:14%;height:.76rem;line-height:.76rem;text-align:center;color:#fff;display:inline-block}
.wechat{height: 100%;float: left;position: fixed;top: 0;left: 0;z-index: 120;display: none;}
.wechatbg{height:100%;display:block;background:#000;position:relative;z-index:125;opacity:0.3;}
.wechatbox{height:320px;width:300px;background:#fff;position:fixed;top:50%;left:50%;margin-left:-150px;margin-top:-160px;z-index:200;border-radius:10px;overflow:hidden;}
.wechatname{height:50px;border-bottom:1px solid #ddd;font-size:16px;background:#f1f1f1;color:#222;font-weight:bold;line-height:50px;}
.wechatimg{margin-top:20px;}
.wechatimg img{width:200px;}
#wechatclose{height:30px;width:50px;background:#449ffa;border-radius:3px;font-size:14px;color:#fff;margin-left:125px;line-height:30px;display:inline-block}
/*nav*/
#nav{height:.8rem;overflow:hidden;background:#fff;border-bottom:1px solid #ddd;}
#nav ul{height:auto;}
#nav ul li{height:.8rem;width:16.666666%;text-align:center;float:left;display:inline-block;line-height:.8rem;font-size:0.3rem;}
#nav ul li a{color:#333;height:100%;display:block;width:100%;}
#nav ul li.navdown{background-position:-3.58rem 0.32rem;}
#nav ul li.navup{display:none;background-position:-1.74rem -1.0rem;}
/*article-index*/
.channelname{border-bottom:1px solid #ddd;height:1.2rem;line-height:1.2rem;font-size:.36rem;color:#333;margin:auto .3rem;text-align:center;}
.classlist{margin:auto .3rem;}
.classlist a{height:.7rem;width:46%;margin:.2rem 1% 0 1%;padding:0;border-radius:.4rem;line-height:.7rem;text-align:center;display:inline-block;color:#333;border:1px solid #f0f0f0;font-size:.28rem;}
/*article-list*/
.classname{font-size:.2rem;color:#aaa;font-weight:bold;line-height:.4rem;font-family:"宋体";border-bottom:1px solid #ddd;padding:.2rem 0;margin:auto .3rem;}
.articlelist{margin:.2rem .3rem 0 .3rem;}
.articlelist a{margin:0 0 .2rem;padding:0 0 .2rem;float:left;border-bottom:dashed #ddd 1px;width: 100%;}
.articlelist p{font-size:.28rem;}
.articlelist span{font-size:.24rem;color:#aaa;margin-top:.1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;line-height: .4rem;}
/*list page*/
.fenye{position: relative;margin:.2rem .3rem;height:.76rem;font-size:.28rem;clear:both;}
.fenye:empty{height:0}
.fenye .page-i{margin-left:.1rem;height:.72rem; line-height:.72rem}
.fenye .page-i i{font-style:normal}
.fenye .down,.fenye .downno,.fenye .rest,.fenye .up,.fenye .upno{display:block;width:2.2rem;height:.72rem; background:#379BE9;border-radius:2px; color:#fff;line-height:.7rem}
.fenye .down:hover,.fenye .up:hover{background-color:#379BE9;border:1px solid #379BE9;}
.fenye .down,.fenye .downno,.fenye .up,.fenye .upno{position:absolute;top:0}
.fenye .up,.fenye .upno{left:0;border-right: 5px solid #fff;}
.fenye .down,.fenye .downno{right:0;border-left: 5px solid #fff;}
.fenye .rest{display:block;width:auto!important;background:#eee;color:#888}
/*article*/
article,aside{margin:auto .3rem;}
.position{margin-top:.3rem;color:#99a2aa;font-family:宋体;font-size:.16rem;line-height: .35rem;}
.position a{font-size:.2rem;color:#99a2aa;display: inline-block;font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei','\5FAE\8F6F\96C5\9ED1','\5B8B\4F53',sans-serif}
#title{font-size:.4rem;font-weight:600;line-height:.62rem;margin-top:.16rem;}
#info{font-size:.24rem;lien-height:.4rem;color:#99a2aa;margin-top:.1rem;}
#content{heighe:100%;overflow:hidden;font-size:.32rem;line-height:.58rem;}
#summary {margin:.3rem 0 0;margin: 10px 0px;padding: 10px;background: #ebf5fd;color: #333;border-left: 3px solid #70b8f0;font-size:.32rem;line-height:.58rem;}
#content p{margin-top:.3rem;}
#content a:link,#content a:visited{color: #1b78d6;}
#content a:hover,#content a:active{color: red;}
#content img{max-width:100%;display:block;margin:0 auto;height: auto;}
/*hotgame*/
.hotgame{overflow:hidden;zoom:1;margin:.3rem 0;}
.hotgame b{font-style:normal;font-weight:normal;text-decoration:none;display: block;color: #333;font-size: 0.26rem; margin:5px 0;}
.hotgame li{text-align:center;width:25%; border:none;padding:10px 0 5px 0;float:left;}
.hotgame li img {display: inline-block; width: 1.46rem; height: 1.46rem; border-radius: 0.28rem; }
.hotgame li em {display: none;}
/*文章内引入软件*/
#content .downsoft dl{width:100%;overflow:auto;zoom:1;background:#ffffff;border: 1px solid #cae0f3; border-left:2px solid #379be9; box-sizing: border-box;margin:0 auto;padding:10px;border-radius:5px}
#content .downsoft dl dt,.content .downsoft dl dd span{float:left}
#content .downsoft dl dd span{vertical-align:top; margin-top:-2px}
#content .downsoft dl dd a {position: relative;display: block;background:#379be9;color: #ffffff;font-size:.32rem;font-weight: bold;padding:.1rem .2rem;border:1px solid #379be9;float: right;text-align: center;border-radius:.1rem;}
/*备份#content .downsoft dl dd a {position: relative;display: block;background:#379be9;color: #ffffff;font-size: 16px;font-weight: bold;width: 156px;height: 42px;line-height: 42px;border:1px solid #379be9;float: right;text-align: center;border-radius: 5px;}*/
#content .downsoft dl dd a:hover {background: #4faaf1;color:#ffffff;}
#content .downsoft dl dd strong{color:#333333;font-weight:normal;}
#content .downsoft dl dd{ overflow:auto; zoom:1}
.cupage{margin:.6rem .3rem .4rem;text-align:center;}
.cupage a,.cupage strong{font-size:.28rem;padding: .1rem .15rem;margin: 0 .05rem;border-radius: 3px;}
.cupage a{background:#f1f1f1;}
/*文章内容引入软件新样式2*/
#content .arc_down{width:calc(100% - .6rem);padding:.3rem;margin:.3rem 0 0 0;background:#f5f5f5;border-radius:.1rem;overflow:hidden;}
#content .arc_down img{float:left;width:1.4rem;height:1.4rem;border-radius:.16rem;}
#content .arc_down .arc_down_title{width:calc(100% - 1.7rem);float:left;margin:-.05rem 0 0 .3rem;font-size:.32rem;line-height:.35rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#222}
#content .arc_down ul{width:calc(100% - 1.7rem);float:left;margin:.1rem 0 0 .3rem;padding:0;}
#content .arc_down ul li{list-style:none;float:left;font-size:.24rem;margin:0;line-height:.24rem;margin-top:.1rem;width:50%;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#content .arc_down ul li span{color:#aaa;}
#content .arc_down .arc_down_icon{width:100%;font-size:.28rem;color:#fff;background:#379be9;float:left;margin:.3rem 0 0 0;padding:.1rem 0;border-radius:.1rem;text-align:center;}
/*文章内展开收缩*/
.readall_box {position: relative;z-index: 100;/*padding: .3rem 0 .5rem;*/margin-top:-4rem;text-align: center;}
.readall_box .read_more_mask {height: 4rem;background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));}
.read_more_btn{cursor:pointer;font-size: .32rem;color:#449ffa;background: #fff;border-radius: 2.08rem;border: 1px solid #449ffa;line-height: .6rem;padding:.1rem .2rem;display:inline-block;width: 50%;}
.read_more_btn:hover{background:#449ffa;color:#fff;}
/*文章内H标签*/
#content h2{background:#6FA8DC;font-size:.3rem;padding: 6px 10px;margin-top:.3rem;color:#fff;border-radius: 0px 20px 20px 0px;}
#content h3{position:relative;margin:10px 0 8px 0;color:#479ac1;background:#f1f7fd;border: 1px dashed #cae0f3;border-left: 2px solid #479ac1;padding:6px 10px;font-size:16px;font-weight:bold;}
#content h4{color:#535e67;display:block;margin:10px auto 0 auto;border-radius:6px;padding:7px 14px;position:relative;background:#eef2f3}
#content h4::after{content:' ';width:85px;border-radius:2px;display:block;position:absolute;bottom:0;left:14px;height:2px;background:#bed3e4}
#content h5,#content h6{font-size:.3rem;margin-top:.3rem;color:#222;}
/*文章内代码块、按钮相关样式*/
#content ol,#content ul {padding: 0.3em 0;line-height: 30px;list-style: decimal;margin: 0 0 0 25px;word-break: break-word;}
#content li{list-style-type: disc;margin: 5px 0;}
#content blockquote {padding: 4px 4px 4px 10px;background: #f4f9fb;margin: 10px auto 10px auto;border-left: #74cde6 3px solid;font-size: 0.28rem;word-break: break-all;}
#content blockquote p{margin-top:0px;}
#content .jb51code{clear:both; text-align:left;/*width:98%;margin-left:1%;*/margin-top:.3rem}
/*#content .codetitle span {float: right;}
#content .codebody {white-space:nowrap;}新版见下部新增文章内复制样式*/
#content .htmlarea {margin: 0px auto; padding: 3px; width: 590px; text-align: center; clear: both; font-size: 14px;}
#content .htmlarea textarea {width: 96%; height: 200px; font-size: 14px;}
#content SPAN.quote SPAN {DISPLAY: block; COLOR: #ff0000;}
#content .code_n{display:none;}
#content code{font-size:.24rem;}
#content code,#content SPAN.quote{border: #bfdfff 1px dashed;padding:3px 5px;margin: 10px 5px;color: #000000; background-color: #f5fbff;border-radius: 3px;}
#content pre{background: #fcfcfc;color: #333333;font-size: 0.28rem;padding: 0.2rem;line-height: .5rem;display: block;overflow-x: auto;border-radius: 3px;border-left: 3px solid #6ce26c;}
#content table{border:1px solid #cccccc;border-collapse:collapse; text-align:center; margin-top:0.54em; clear:both;width:100%;font-size:12px;}
#content table th,#content table td{padding:8px;border:1px solid #C1DAD7;line-height:.45rem;text-align:left}
#content table th{background:#CAE8EA;}
#content table thead,#content table.jbborder tr {background-color:#fff;}
#content table tr:nth-child(even){background-color:#f5fafa}
#content table tbody tr:hover {background: rgba(255,255,153,.4)}
#content table th img{display:block; margin:5px auto 0;}
#content table td{text-align:left}
#content table td.version{font-weight:bold;}
#content table pre{width:auto;margin:0;padding:0;border:0;background:transparent}
#content table td p{margin:0; padding:0;line-height:22px;}
#content table ul{margin-top:2px;}
#content strong{font-weight:bold}
#content code[data-copy]{background-color: #ff1318;color:#fff;border-color: #d81517;border-radius: 3px;}
#content code[data-copy]::before{content:"点击复制：";color:#fff;}
#content code[data-copy]:hover{background-color: #ff3034;cursor: pointer;}
.jb51Tips{position:fixed; z-index:99; border-radius:3px;padding:20px;background-color:rgba(0,0,0,.8);color:#cacaca;width:100px;font-size:14px; text-align:center; margin-left:-60px;left:50%;top:50%}
/*2023.01.11*/
.tx-info-module-box,.tx-info-module-box *{margin:0 !important;padding:0 !important;font-size:1em !important;border:0 !important;width:auto !important;height:auto !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;list-style:none !important;max-width:none !important;max-height:none !important;line-height:1 !important;background:0 0 !important}
.tx-info-module-box{margin:.5em 0 1.5em 0 !important}
.tx-info-module-box{max-width:800px !important;margin-left:auto !important;margin-right:auto !important}
.tx-info-module-imgbox img{width:100% !important;border:0 !important;vertical-align:middle !important;line-height:1 !important;border-radius:5px !important}
.tx-info-module-btn{display:inline-flex !important;height:2.4em !important;align-items:center !important;justify-content:center !important;padding:0 1em !important;border-radius:4px !important;background-color:var(--tx-module-color1) !important;color:#fff !important;transition:all .35s ease 0s !important}
.tx-info-module-btn1{display:inline-flex !important;height:2.4em !important;align-items:center !important;justify-content:center !important;padding:0 1em !important;border-radius:4px !important;background-color:var(--tx-module-color1) !important;color:#fff !important;transition:all .35s ease 0s !important}
.tx-info-module-btn:hover{opacity:.9 !important;color:#fff !important;text-decoration:underline !important}
.tx-info-module-btn1:hover{text-decoration:underline !important}
.tx-info-module-btn1:hover{opacity:.9 !important;color:#fff !important}
.tx-info-module-down1-box>section{background-color:#fffcf9 !important;border-radius:5px !important;padding:1em !important;display:flex !important;align-items:center !important;position:relative !important;border:1px solid #ffd9a8 !important}
.tx-info-module-down1-box .tx-info-module-imgbox{width:4.2em !important;overflow:hidden !important;border-radius:5px !important;flex:none !important}
.tx-info-module-down1-box .tx-info-module-down-txt{flex:auto !important;padding:0 0 0 1.5em !important}
#content .tx-info-module-down1-box .tx-info-module-down-txt>h3::after{background:none}
.tx-info-module-down1-box .tx-info-module-btn{height:2.6em !important;font-size:1.1em !important;padding:0 2em !important;background-color:#43ab04 !important;margin:0 0 0 1em !important;flex:none !important;text-decoration:none}
.tx-info-module-btn1{height:2.6em !important;font-size:1.1em !important;padding:0 2em !important;background-color:#333 !important;margin:0 0 0 1em !important;flex:none !important;text-decoration:none}
.tx-info-module-txt-title{font-size:1.25em !important;line-height:1.4 !important;max-height:2.8em !important;margin:0 0 .5em 0 !important;overflow:hidden !important;flex:none !important;font-weight:700}
.tx-info-module-txt-info{opacity:.6 !important;line-height:1.4 !important;overflow:hidden !important;flex:auto !important;display:block !important;font-size:14px !important;text-indent:0em !important}
.tx-info-module-imgtxt-span{display:flex !important;align-items:center !important;flex:none !important;margin:1em 0 0 0 !important}

/*感兴趣文章*/
#xingquarticle h5 {color:#449ffa;}
#xingquarticle ul{margin: 0px;}
#xingquarticle ul li{font-size:.26rem;line-height:.7rem;font-weight:normal;padding-left:.3rem;border-bottom:1px dashed #ddd;background:url(../images/mobile_sprite_2.png) no-repeat;background-size:5rem;background-position: -4.85rem -7.07rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#xingquarticle ul li a{color:#449ffa;}
/*文章相关*/
.artt{height:30px;margin-top:18px;border-bottom:#cce3fa 1px solid;font-weight:400;font-size:17px;color:#449ffa;line-height:28px;}
.art_relevant{padding-top:.1rem;}
.art_relevant a{cursor:pointer;display:flex;justify-content:space-between;border-bottom:#e6e6e6 1px solid;padding:8px 0px;}
.art_relevant figure{width:100%;}
.art_relevant figcaption{padding-bottom:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:400;font-size:15px;line-height:21px;}
.art_relevant span{font-size:13px;color:#949393;position:relative;left:0;text-align:justify;text-justify:inter-ideograph;text-justify:kashida;word-wrap:break-word;padding-bottom:1px;height:14px;}
.art_relevant img{width:100px;height:auto;max-height:1.4rem;float:right;margin-left:.3rem;}
footer{height:auto;overflow:auto;width:100%;background:#fff;padding:.4rem 0;font-size:.24rem;color:#888;line-height:.4rem;text-align:center;}
footer a{ color:#666; line-height:0.6rem;}
#gotop{height:.8rem;width:.8rem;position:fixed;z-index:110;background-color:#222;opacity:0.8;background-position:-1.1rem -1.83rem;right:.3rem;bottom:1rem;border-radius:0.8rem;}
/* 增加微信内下载链接请使用浏览器打开提醒 by jmj 201500326 */
#weixin-tip{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} 
#weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%; position: relative;}
#weixin-tip p img{max-width: 100%; height: auto;}
#weixin-tip .close{color: #fff;padding: 5px;font: bold 20px/20px simsun;text-shadow: 0 1px 0 #ddd;position: absolute;top: 0; left: 5%;}
#galleryOverlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:100000;background-color:#222;background-color:rgba(0,0,0,0.8);overflow:hidden;display:none;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}
#galleryOverlay.visible{opacity:1}
#gallerySlider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;-moz-transition:left 0.4s ease;-webkit-transition:left 0.4s ease;transition:left 0.4s ease}
#gallerySlider .placeholder{background:url("../images/preloader.gif") no-repeat center center;height:100%;line-height:1px;text-align:center;width:100%;display:inline-block}
#gallerySlider .placeholder:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#gallerySlider .placeholder img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle}
#gallerySlider.rightSpring{-moz-animation:rightSpring 0.3s;-webkit-animation:rightSpring 0.3s}
#gallerySlider.leftSpring{-moz-animation:leftSpring 0.3s;-webkit-animation:leftSpring 0.3s}
@-moz-keyframes rightSpring{0%{margin-left:0px}
50%{margin-left:-30px}
100%{margin-left:0px}
}@-moz-keyframes leftSpring{0%{margin-left:0px}
50%{margin-left:30px}
100%{margin-left:0px}
}@-webkit-keyframes rightSpring{0%{margin-left:0px}
50%{margin-left:-30px}
100%{margin-left:0px}
}@-webkit-keyframes leftSpring{0%{margin-left:0px}
50%{margin-left:30px}
100%{margin-left:0px}
}#prevArrow,#nextArrow{border:none;text-decoration:none;background:url('../images/arrows.png') no-repeat;opacity:0.5;cursor:pointer;position:absolute;width:43px;height:58px;top:50%;margin-top:-29px;-moz-transition:opacity 0.2s ease;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}
#prevArrow:hover,#nextArrow:hover{opacity:1}
#prevArrow{background-position:left top;left:40px}
#nextArrow{background-position:right top;right:40px}
/*新增文章内复制样式*/
#content .codetitle{background:#F2F6FB;border:#0099CC 1px solid;border-bottom:none;text-indent:.2rem;font-size:.28rem;color:#333;border-radius:.06rem .06rem 0 0;}
#content .codetitle span{float:right;margin-right:.2rem;font-size:.28rem;color:#3e71f6;height:.3rem;}
#content .codetitle span a{color:#3e71f6;}
#content .codebody{background:#DDEDFB;border:1px solid #0099CC;padding:.2rem;color:#333;border-radius:0 0 .06rem .06rem;}
/*文中商品*/
.igoods, .igoods *{box-sizing: border-box;transition: all .2s ease-out;}
.igoods a{text-decoration:none;color:#4576ff;font-size:13px!important;padding:20px;display:block}
.igoods{display:none;width:300px;margin:0 auto;border:1px solid #e7e7e7;border-radius:3px;font-size:13px!important;overflow:hidden;margin:20px auto}
.igoods:hover{box-shadow: 0 0 18px -6px rgb(100 100 100 / 50%);}
.igoods .h2{font-size:14px;color:#666;display:inline-block;line-height:20px;margin:0;padding:0;}
.img img{width:100%;display:block;margin:0 auto;border:none!important}
.goodsinfo{overflow:hidden;}
.igoods p{color:#999;line-height:23px;overflow:hidden;margin:6px 0;min-height:23px}
.price{color:red;font-weight: bold;}
.igoods .shopInfo{text-align:right}
.igoods .price{float:left}
.button_buy{background: #000;color: #fff;padding:0 10px;border-radius: 3px;line-height:30px;display:block;text-align: center;text-decoration: none;border:none;cursor:pointer}
.igoods .button_buy{width:100%;margin-top:20px}
.igoods:hover .button_buy{background-color:#525d9f}
.cros{width:100%;max-width:1000px}
.cros .img{float:left;width:120px;margin-right:20px;}
.cros .button_buy{width:auto;float:right;margin:0}
/*消除加载时rem生效时间差*/
@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;}