@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0;margin: 0;-webkit-text-size-adjust:none;} 
table { border-collapse: collapse;border-spacing: 0;max-width:100%;background-color: transparent;} 
fieldset,img { border: 0;} 
address,caption,cite,code,dfn,th,var { font-weight: normal;font-style: normal;} 
ol,ul { list-style: none;margin-bottom:15px;} 
caption,th { text-align: left;} 
h1,h2,h3,h4,h5,h6 { font-weight: normal;font-size: 100%;} 
h1 { font-size:36px;margin-bottom:20px;line-height:1em;}
h2 { font-size:24px;margin-bottom:20px;line-height: 1.2em;}
h3 { font-size:18px;margin-bottom:15px;font-weight:bold;}
q:before,q:after { content:'';} 
abbr,acronym { border: 0;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{ text-decoration:none;color:#247cc4;}
a:hover{text-decoration:underline;color:#247cc4;}
a.white_a, a.white_a:hover  { color:#FFF;}
a.black_a, a.black_a:hover { color:#434a53;text-decoration:underline;}
img{ vertical-align:middle;border:none;}
p { margin: 0 0 15px; line-height: 25px;}
hr { background:#ddd;color:#ddd;border:1px solid #ddd;border-bottom:none;margin:30px 0;clear:both;}
body{font:14px Open Sans,sans-serif;color:#434a53;background:#fff;line-height:1.6em;}
.MarginT20{margin-top:20px;}
input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Arial,sans-serif;outline:none;color:#666;vertical-align:top;font-size:14px;line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top;vertical-align:baseline\9;}
select{font-family:Helvetica,Arial,sans-serif;}
select:focus{ outline:none;}
.go_to{cursor:pointer;}
.lucida_grande{font-family:Lucida Grande, Arial, Tahoma, Verdana, sans-serif;}
/**
base
**/
.wrap { overflow:hidden;position:relative;margin:0 auto; width:1050px;}
.cleanBoth { clear:both;}
.relative { position:relative;}
.visible { overflow:visible;}
.clearfix:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{zoom: 1;}
.clearfix{display:block;}
.clear{clear:both;height:0px;overflow:hidden;line-height:0px;}
.hidden{display:none;}
.v_top { vertical-align:top !important;};
.v_bot { vertical-align:bottom !important;}
.v_mid { vertical-align:middle !important;}
.{ line-height:0;}
.fl{float:left !important;}
.fr{float:right !important;}
.span21 { width:1200px;}
.span20 { width:1000px;}
.span19 { width:949px;}
.span18 { width:898px;}
.span17 { width:847px;}
.span16 { width:796px;}
.span15 { width:745px;}
.span14 { width:694px;}
.span13 { width:643px;}
.span12 { width:592px;}
.span11 { width:541px;}
.span10 { width:490px;}
.span9 { width:439px;}
.span8 { width:388px;}
.span7 { width:337px;}
.span6 { width:286px;}
.span5 { width:235px;}
.span4 { width:184px;}
.span3 { width:133px;}
.span2 { width:82px;}
.span1 { width:31px;}

.offset1 { margin-left:51px;}
.offset2 { margin-left:102px;}
.offset3 { margin-left:153px;}
.offset4 { margin-left:204px;}
.offset5 { margin-left:255px;}
.offset6 { margin-left:306px;}
.offset7 { margin-left:357px;}
.offset8 { margin-left:408px;}
.offset9 { margin-left:459px;}
.offset10 { margin-left:510px;}
.offset11 { margin-left:561px;}
.offset12 { margin-left:612px;}
.offset13 { margin-left:663px;}
.offset14 { margin-left:714px;}
.offset15 { margin-left:765px;}
.offset16 { margin-left:816px;}
.offset17 { margin-left:867px;}
.offset18 { margin-left:918px;}
.offset19 { margin-left:969px;}


/*table*/
.table {width: 100%;margin-bottom: 40px;font-size:13px;}
.table th, .table td { padding: 8px;line-height: auto;text-align:left;vertical-align: top;border-top: 1px solid #dddddd;}
.table th { font-weight: bold;background:#f2f2f2;vertical-align: middle;padding:15px 8px;font-size:14px;}
.table ul li { padding-left:13px;background:url('../images/bg-li.png') no-repeat 0 -267px;}
.table tr td.box_td { vertical-align:top;}
.table tr td.box_td img {margin-bottom:5px;}

.table_bordered { border: 1px solid #dddddd;border-collapse: separate;*border-collapse: collapse;border-left: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.table_bordered th, .table_bordered td { border-left: 1px solid #dddddd;vertical-align:middle;}
.table_bordered thead:first-child tr:first-child th,
.table_bordered tbody:first-child tr:first-child th,
.table_bordered tbody:first-child tr:first-child td { border-top: 0;}

.table_onborder th, .table_onborder td { border:none;}

.table_striped tr:nth-child(odd) td,
.table_striped tr:nth-child(odd) th { background-color: #f9f9f9;}

.table_hover tbody tr:hover > td,
.table_hover tbody tr:hover > th { background-color: #AFD8F0;}

.table_hover2 tbody tr:hover > td{ background-color: #d5e5fe;}

.table_com tr th { border-top:none;text-align:center;background:#91addd;padding:8px;color:#FFF;}
.table_com tr th a {color:#FFF;}
.table_com tr td { vertical-align:middle;text-align:center;}
.table_com tr td.txt { text-align:left;}
.table_com tr.bot_border { border-bottom:4px solid #d1d1d1 !important;}
.table_com tr td:nth-child(2), .table_com tr td:nth-child(3) { border-left:1px solid #ddd;border-right:1px solid #ddd;}
.table_com tr th:nth-child(2), .table_com tr th:nth-child(3){ border-left:1px solid #fff;border-right:1px solid #fff;}
.table_com tr td:nth-child(3) { background:#fffbf2;}
.table_com tr td:nth-child(4){ background:#fef5e4;}
.table_com span.yes {background-color: #00A7D1;border: 1px solid #00A7D1;display: inline-block;width: 10px;height: 10px;text-align: center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-indent:-9999px;}
.table_price_check,.table_price_input{width:13px;height:13px;vertical-align:text-bottom;position:relative;top:-1px;margin-right:4px;}
.table_prolist tr th { background: #FFF;text-align:center;font-weight:normal;}
.table_prolist tr th p { font-size:16px;font-weight:bold;margin-bottom:0;}
.table_prolist tr th.bg_blue { color:#fff;}
.table_prolist tr td { vertical-align:middle;text-align:center;padding:18px 8px;}
.table_prolist tr:nth-of-type(odd) { background:#eaf0fe;}
.table_prolist tr td.txt, .table_prolist tr th.txt { text-align:left; font-size:14px;}
.table_prolist tr td .width125{display:inline-block;text-align:left;}
.table_prolist span.yes {background-color: #00A7D1;border: 1px solid #00A7D1;display: inline-block;width: 10px;height: 10px;text-align: center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-indent:-39px;overflow:hidden;}
.table_prolist .btn { width:154px;height:45px;line-height:45px;font-size:16px;}

   /*表格bundle 宽自适应*/  
.table_bundle tr td { vertical-align:middle;text-align:center;border-top:none;}
.table_bundle tr td:nth-of-type(odd) { width:40%;}
.table_bundle .price { line-height:2em;}

.table_ios tr th { background:none;text-align:center;vertical-align:middle;font-weight:normal;}
.table_ios tr td { text-align:center;vertical-align:middle;}
.table_ios tr td img { margin-bottom:5px;}
.table_ios tr:nth-of-type(even) td:nth-of-type(even),.table_ios tr:nth-of-type(odd) td:nth-of-type(odd) { background-color:#f1f1f1;}
.table_ios tr:nth-of-type(even) td:nth-of-type(odd),.table_ios tr:nth-of-type(odd) td:nth-of-type(even) { background-color:#fff;}

.table_ios2 .list_blue_dose li { float:left;width:44%;margin-bottom:15px;}
/*new_table*/
.table_list_title{border-collapse:collapse; display:table; width:100%;}
.table_list_title li{ width:21%;display:table-cell;background:#f2f2f2;text-align:center;border:1px solid #ddd;vertical-align:top;*margin-left:-2px;*float:left;}
.table_list_title_4 li{width:18%;}
.table_list_title li.t_title{width:36%;background:none;line-height:30px;border:0px;padding-top:30px;}
.table_list_title_4 li.t_title{width:28%;}
.table_list_title .title{background:#91addd;color:#fff;font-weight:bold;padding:20px 0;margin-bottom:0px;min-height:46px;}
.table_list_title .title a{color:#fff;}
.table_list_title .small .title{font-size:12px; line-height:18px;}
.table_list_title .media{display:none; background:url(../images/ioc_download_add.png) 96% center no-repeat; text-align:left; padding:10px 0px 10px 20px; line-height:20px;}
.table_list_title li.current .media{background:url(../images/ioc_download_reduc.png) 96% center no-repeat;}
.table_list_title li .table_list_child{display:none;}
.table_list_title .price{color:#F00;font-size:16px;font-weight:bold;display:inline-block;margin:6px 0px; display:block;}
.table_list_title .price del{color:#333; font-size:13px; font-weight:normal; display:inline-block; margin-left:3px;}
.table_list_title .button,.table_list_child .button{display:inline-block;line-height:16px;min-width:90px; padding:8px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;text-align:center;color:#FFF;font-size:15px;background:#ff9a00;margin:6px 0;}
.table_list_title .green_b,.table_list_child .green_b{background:#81b700;}
.table_list_child{border-collapse:collapse; display:table; width:100%;}
.table_list_child p{margin-bottom:5px; line-height:20px;}
.table_list_child ul{ margin-bottom:0px; display:table-row;*border-bottom:1px solid #ddd;*border-top:1px solid #ddd; margin-top:-1px;}
.table_list_child ul li{display:table-cell;width:21%;text-align:center;border:1px solid #ddd;vertical-align:middle;*float:left;*margin-left:-1px;*border:0px;}
.table_list_child_4 ul li{width:18%;}
.table_list_child ul li.no2{background:#fffbf2;*background:none;}
.table_list_child ul li.no3{background:#fef5e4;*background:none;}
.table_list_child ul li:first-child{border-left:0px;}
.table_list_child ul li:last-child{border-right:0px;}
.table_list_child ul li.word{width:36%;text-align:left; padding:6px 10px;*padding:6px 0;}
.table_list_child_4 ul li.word{width:28%;}
.table_list_child ul.clearfix:after,.table_list_title.clearfix:after{display:none;}
.table_list_child .yes{display:inline-block; width:12px; height:12px; background:#00A7D1; border-radius:6px; overflow:hidden; line-height:30px;}
.table_list_child .price{color:#F00; font-size:16px; font-weight:bold; line-height:18px; display:block; padding-top:10px;}
.table_list_child .price del{color:#333; font-size:13px; font-weight:normal;}
/*form 表单*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable_input {
  width: 206px;
}

/*Text Align*/
.alignCenter { text-align:center !important;}
.alignLeft { text-align:left !important;}
.alignRight { text-align:right !important;}

/*text-indent*/
.indent20 { text-indent:20px;}

/*background*/
.onbg { background:none !important;}
.bg_gray { background:#f2f5fa !important;}
.bg_gray_s { background:#fafafa;}
.bg_blue {background:#1186bc !important;}
.bg_blue2 { background:#cfedfb !important;}
.bg_blue3 { background:#dff5ff !important;}
.bg_blue4 {background:#1f6a8a !important;}
.bg_g2 { background:#f5f5f5;}
.bg_blue3 {background:#ebf6fc;}
.bg_white { background:#FFF;}

/*border*/
.onBor { border:none !important;}
.on_tBor { border-top:none !important;;}
.on_bBor { border-top:none;}
.on_lBor { border-top:none;}
.on_rBor { border-top:none;}


/**
font
**/
.bold { font-weight:bold;}
.onbold { font-weight:normal !important;}
.italic { font-style:italic;}

/*font color*/
.white { color:#FFF;}
.org { color:#ff5501;}
.red { color:#F00;}
.red2{color:#e2a974;}
.red3 {color:#dd2229;}
.gra { color:#a1a1a1;}
.bla { color:#000;}
.yellow {color:#f3f70f;}
.blue { color:#3585ca;}
.blue2 { color:#8de4ff;}

/*font size*/
.font11 { font-size:11px;}
.font12 { font-size:12px;}
.font13 { font-size:13px!important;}
.font14 { font-size:14px!important;}
.font15 { font-size:15px!important;}
.font16 { font-size:16px!important;}
.font17 { font-size:17px!important;}
.font18 { font-size:18px !important;}
.font19 { font-size:19px;}
.font20 { font-size:20px;}
.font22 { font-size:22px;}
.font24 { font-size:24px !important;}
.font26 { font-size:26px;}
.font28 { font-size:28px !important;}
.font30 { font-size:30px;}
.font32 { font-size:32px;}
.font34 { font-size:34px;}
.font36 { font-size:36px;line-height:40px;}
.font40 { font-size:40px;}
.font60 { font-size:60px;}
/*padding margin*/
.pad15 { padding:15px !important;}
.pad30 { padding:30px !important;}
.padT5 { padding-top:5px;}
.padT10 { padding-top:10px;}
.padT15 { padding-top:15px!important;}
.padT20 { padding-top:20px !important;}
.padT30 { padding-top:30px !important;}
.padT40 {padding-top:40px !important;}
.padT55 {padding-top:55px !important;}
.padT60 {padding-top:60px !important;}
.padT90 {padding-top:90px !important;}
.padL0 { padding-left:0 !important;}
.padL10 { padding-left:10px !important;}
.padL15 { padding-left:15px;}
.padL20 { padding-left:20px;}
.padL25 { padding-left:25px;}
.padL30 {padding-left:30px;}
.padL60 {padding-left:60px;}
.padR10 { padding-right:10px !important;}
.padR15 { padding-right:15px;}
.padR20 { padding-right:20px !important;}
.padD0 { padding-bottom:0 !important;}
.padD10 { padding-bottom:10px;}
.padD15 { padding-bottom:15px !important;}
.padD20 { padding-bottom:20px;}
.padD30 { padding-bottom:30px;}

.marT0 {margin-top:0 !important;}
.marT3 { margin-top:3px;}
.marT5 { margin-top:5px;}
.marT10 { margin-top:10px;}
.marT15 { margin-top:15px;}
.marT20 { margin-top:20px !important;}
.marT25 { margin-top:25px !important;}
.marT30 { margin-top:30px;}
.marT35 { margin-top:35px;}
.marT40 { margin-top:40px;}
.marT45 { margin-top:45px;}
.marT50 { margin-top:50px;}
.marT60 { margin-top:60px;}
.marT70 { margin-top:70px;}
.marT80 { margin-top:80px;}
.marL0 { margin-left:0px !important;}
.marL10 { margin-left:10px;}
.marL15 { margin-left:15px !important;}
.marL20 { margin-left:20px !important;}
.marL35 {margin-left:35px;}
.marL40 {margin-left:40px !important;}
.marL80 {margin-left:80px !important;}
.marL90 {margin-left:90px !important;}
.marL95 {margin-left:95px;}
.marL270 {margin-left:270px !important;}
.marL280 {margin-left:280px !important;}
.marL290 {margin-left:290px !important;}
.marL330 {margin-left:330px;}
.marL320 {margin-left:320px;}
.marL310 {margin-left:310px;}
.marR0 { margin-right:0 !important;}
.marR5 { margin-right:5px;}
.marR10 { margin-right:10px;}
.marR15 { margin-right:15px !important;}
.marR20 { margin-right:20px !important;}
.marR25 { margin-right:25px !important;}
.marR30 { margin-right:30px;}
.marR35 { margin-right:35px;}
.marR50 { margin-right:50px;}
.marR60 { margin-right:60px;}
.marR100 { margin-right:100px !important;}
.marR155 { margin-right:175px;}
.marR360 { margin-right:360px !important;}
.marR370 { margin-right:370px !important;}
.marD0 { margin-bottom:0 !important;}
.marD5 { margin-bottom:5px !important;}
.marD7 { margin-bottom:7px !important;}
.marD10 { margin-bottom:10px !important;}
.marD15 { margin-bottom:15px;}
.marD20 { margin-bottom:20px !important;}
.marD25 { margin-bottom:25px;}
.marD30 {margin-bottom:30px;}
.marD40 {margin-bottom:40px !important;}
.marLRauto { margin-left:auto;margin-right:auto;}
/**
button
**/
.gray_b { background-color:#ededed}
.gray_deep {background-color:#cfcfcf;}
.org_b { background-color:#ff9a00;}
.big_pink {background-color:#fe475b;}
.green_b {background-color:#81b700;}
.blue_b { background-color:#3298d8;}
.white_b { background-color:#FFF;}
.red_b { background-color:#ee7143;}
.btn.red_b { width:167px; height:42px; line-height:42px; font-size:20px;}
/*产品分类页面 基础按钮*/
.btn {display:inline-block;height:35px;line-height:35px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;text-align:center;color:#FFF;width:134px;font-size:15px;}
.btn.hidden{display:none;}
.btn:hover { color:#FFF;text-decoration:none;}
.btn_big { width:185px;height:56px;font-size:20px;line-height:56px;}
.btn_down_win, .btn_down_mac {background:#81b700 url('../images/ioc-btn.png') no-repeat 17px -926px;width:104px;padding-left:30px;}
.btn_down_mac { background-position:17px -1008px}
.btn_down_small { width:67px;height:27px;line-height:27px;font-size:13px;}
.btn_down_win.btn_down_small { background-position:10px -930px;}
.btn_down_mac.btn_down_small {background-position:10px -1012px;}

.btn_buy { background:#ff9a00 url('../images/ioc-btn.png') no-repeat 17px -1097px;width:104px;padding-left:30px;}
.btn_download { background:#81b700 url('../images/ioc-btn.png') no-repeat 17px -1183px;width:104px;padding-left:30px;}
.btn_download_big { width:280px;background-position:106px -1181px;height:40px;line-height:39px;}

/*推荐模块的小按钮*/
.btn_s { width:auto;height:29px;line-height:29px;padding:0 18px;font-size:13px;}

/*购买、下载页面 有icon的按钮*/
.btn_org, .btn_green{ height:30px;line-height:30px;display:inline-block;color:#FFF;background:#fe9901;border:1px solid #fe9901;width:70px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding-left:32px;text-align:center;position:relative;}
.btn_green{ background:#81b700;border:1px solid #81b700;}
.btn_org:hover, .btn_green:hover { color:#FFF;text-decoration:none;}
.btn_org span, .btn_green span {display: inline-block;position: absolute;left:0;top:0;width:32px;height:100%;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;}

.btn_org.win span { background:#FFF url('../images/ioc-btn.png') no-repeat 5px -40px;}
.btn_org.mac span { background:#FFF url('../images/ioc-btn.png') no-repeat -39px -38px;}

.btn_green.win span { background:#FFF url('../images/ioc-btn.png') no-repeat 5px -83px;}
.btn_green.mac span { background:#FFF url('../images/ioc-btn.png') no-repeat -39px -81px;}

/*产品系列页面的按钮*/
.btn_pro_green, .btn_pro_org, .btn_buy_org { height:46px;display: inline-block;position:relative;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;width:135px;padding:10px 0 0 65px;font-size:16px;font-weight:bold;background:#81b700;}
.btn_pro_org {background:#ff9a00;}
.btn_buy_org {background:#ec7147;}
.btn_buy_org:hover { background:#ee6635;}
.article_content a.btn_pro_org,.article_content a.btn_pro_green {color:#fff;}
.btn_pro_green:hover, .btn_pro_org:hover, .btn_buy_org:hover { color:#FFF;text-decoration:none;}
.btn_pro_green .ico, .btn_pro_org .ico, .btn_buy_org .ico {display: inline-block;position: absolute;left:0;top:0;width:53px;height:100%;border-right:1px solid #64a803;}
.btn_pro_org .ico {border-right:1px solid #e27810;background: url('../images/ioc-btn.png') no-repeat -100px -130px;}
.btn_buy_org .ico  {border-right:1px solid #d54b1c;background: url('../images/ioc-btn.png') no-repeat -100px -130px;}
.btn_pro_org.up .ico {background:url('../images/ioc-btn.png') no-repeat 13px -584px;}
.btn_pro_green.mac .ico, .btn_pro_org.mac .ico{background: url('../images/ioc-btn.png') no-repeat -43px -127px;}
.btn_pro_green.win .ico,.btn_pro_org.win .ico {background: url('../images/ioc-btn.png') no-repeat 10px -130px;}

.btn_pro_org .title {display:block;}
.btn_pro_org .price { font-size:13px;font-weight:normal;}

.btn_pro_org.small, .btn_pro_green.small { height:41px;padding:4px 0 0 55px;width:99px;text-align:left;font-weight:normal;}
.btn_pro_org.small .ico {background: url('../images/ioc-btn.png') no-repeat -100px -199px;width:45px;}

.btn_pro_green.small .ico { background:url('../images/ioc-btn.png') no-repeat 17px -1178px;width:45px;}

.btn_pro_org.small_f, .btn_pro_green.small_f { height:40px;padding:7px 0 0 55px;width:100px;text-align:left;font-weight:normal;line-height:1.2em;}
.btn_pro_green.small_f.win .ico, .btn_pro_org.small_f.mac .ico, .btn_pro_green.small_f.android .ico {background: url('../images/ioc-list-nav.png') no-repeat -67px -297px;width:45px;}
.btn_pro_org.small_f.mac .ico { background-position:-64px -376px;}
.btn_pro_green.small_f.android .ico {background-position:-54px -540px;}

.red_seo { background:#fb6d61;}
.red_seo .ico {border-right:1px solid #ee5142;}


/*浮动条上的按钮*/
.btn_float { padding-top:0;height:43px;line-height:43px;}
.btn_float.win .ico, .btn_float.mac .ico, .btn_float.buy .ico { background: url('../images/ioc-btn.png') no-repeat 10px -200px;width:45px;}
.btn_float.mac .ico { background: url('../images/ioc-btn.png') no-repeat -45px -199px;}
.btn_float.buy .ico { background: url('../images/ioc-btn.png') no-repeat -100px -199px;}

.btn_float_buy {  padding-top:0;height:43px;line-height:43px;padding-left:135px;text-align:center;width:113px;}
.btn_float_buy .title { border-right:1px solid #e27810;text-align:center;display: inline-block;position: absolute;left:45px;top:0;width:90px;height:100%;}
.btn_float_buy .price { font-size:16px;}
.btn_float_buy .ico { background: url('../images/ioc-btn.png') no-repeat -100px -199px;width:45px;}

/*bundle 的大按钮*/
.btn_b{ line-height:56px;font-size:24px;height:56px;padding-top:0;}

/*升级页面的按钮*/
.btn_up { width:160px;height:50px;padding-left:45px;line-height:50px;font-size:18px;font-weight:bold;}
.btn_up.org_b {background:#ff9a00 url('../images/ioc-btn.png') no-repeat 15px -586px;}
.btn_up.blue_b {background:#3298d8 url('../images/ioc-btn.png') no-repeat 15px -680px;}
.btn_up_big { width:209px;height:70px;padding:7px 0 0 95px;background:#ff9a00 url('../images/ioc-btn.png') no-repeat 15px -790px;font-size:26px;font-weight:bold;text-align:left;line-height:28px;}

/*文章分类页面 banner上的按钮*/
.banner_btn { color:#24618d !important;text-decoration:none !important;background:#FFF url('../images/ioc_banner_img.png') no-repeat;width:162px;}
.banner_btn span{display: inline-block;background:url('../images/ioc_banner_img.png') no-repeat -45px -211px;width:30px;height:37px;margin-right:5px;}
.banner_btn span.win {background-position:-51px -166px;}
.banner_btn span.mac {background-position:-125px -165px;}
.banner_btn span.ios {background:url('../images/ioc-btn.png') no-repeat -55px -442px;}
.banner_btn span.android {background:url('../images/ioc-btn.png') no-repeat -55px -519px;}

/*width*/
.width290 {width:290px !important;}
.width20 { width:20px !important;}
.width65 { width:65px !important;}
.width76 { width:76px !important;}
.width95 { width:95px !important;}
.width100 { width:100px !important;}
.width110 { width:110px !important;}
.width115 { width:115px !important;}
.width125 { width:125px !important;}
.width130 { width:130px !important;}
.width135 { width:135px !important;}
.width150 { width:150px !important;}
.width103 { width:103px !important;}
.width187 { width:187px !important;}
.width226 { width:226px !important;}
.width240 { width:240px !important;}
.width250 { width:250px !important;}
.width260 { width:260px !important;}
.width270 { width:270px !important;}
.width280 { width:280px !important;}
.width300 { width:300px !important;}
.width310 { width:310px !important;}
.width320 { width:320px !important;}
.width350 { width:350px !important;}
.width370{width:370px;}
.width380 { width:380px !important;}
.width390 { width:390px !important;}
.width400 { width:400px !important;}
.width430{width:430px !important;}
.width460 {width:460px ;}
.width490 {width:490px;}
.width500 {width:500px !important;}
.width530 {width:530px !important;}
.width560 {width:560px !important;}
.width600 {width:600px !important;}
.width670 {width:670px !important;}
.width680 {width:680px !important;}
.width720 {width:720px !important;}
.width730 {width:730px !important;}
.width1050 { width:1050px !important;}
.width1080 { width:1080px !important;}
.width1090 { width:1090px !important;}
.width1100 { width:1100px !important;}
.width1110 { width:1110px !important;}
.width1150 { width:1150px !important;}
/*height*/
.height80 { height:80px !important;}
.height108 { height:108px !important;}
.height120 { height:120px !important;}
.height220 { height:220px !important;}
.height256 { height:256px !important;}
.height240 { height:240px !important;}
.height266 { height:266px !important;}
.height290 { height:290px !important;}
.height294 { height:294px !important;}
.height300 { height:300px !important;}
.height312 { height:312px !important;}
.height325 { height:325px !important;}
.height340 { height:340px !important;}
.height370 { height:370px !important;}
/*line-height */
.l-height20{ line-height:20px !important;}
.l-height30{ line-height:30px !important;}
.l-height40{ line-height:40px !important;}


/*ul*/
.list_green_gou li, .list_white_gou li, .list_blue2_gou li{padding-left:20px;background:url('../images/bg-li.png') no-repeat 0 4px;margin-bottom:5px;}
.list_blue_gou li, .list_blue_gou dt {padding-left:20px;background:url('../images/bg-li.png') no-repeat 0 -174px;margin-bottom:5px;}
.list_white_gou li {background:url('../images/bg-li.png') no-repeat 0 -581px;}
.list_dose li {padding-left:13px;background:url('../images/bg-li.png') no-repeat 0 -267px;margin-bottom:5px;}
.list_blue_dose li { background: url('../images/bg-li.png') no-repeat 0 -346px!important;margin-bottom: 5px;}
.list_blue2_gou li {background:url('../images/bg-li.png') no-repeat 0 -667px;}
.list_green_check li {padding-left:30px;font-size:16px;font-weight:bold;color:#FFF;margin-bottom:5px;}
/*dl*/
.list_dl_dose { margin-bottom:15px;}
.list_dl_dose dt, .list_dl_dose dd {padding-left:13px;background:url('../images/bg-li.png') no-repeat 0 -496px;margin-bottom:5px;}
.article_content .list_dl_dose dt { margin-left:50px;}
.article_content .list_dl_dose dd { margin-left:65px;float:left;}

   /*列表bundle形式*/
.list_bundle li { background:#fff;padding:15px;width:325px;height:182px;border:1px solid #c0dae9;float:left;position:relative;}
.list_bundle li.price_bar { width:195px;padding:0;text-align:center;border: none;background:none;}
.list_bundle li .ico_plus { position:absolute;top:80px;right:-33px;z-index:10;}
.list_bundle li .ico_equal, .list_bundle li .ico_bracket { position:absolute;top:80px;right:-55px;z-index:10;}
.list_bundle li .ico_bracket { top:25px;right:-50px;z-index:8;}

/*侧边栏*/
.part_box ,.part_box_support{ border:1px solid #e6e6e6;margin-bottom:25px;position:relative;height:100%;}
.part_box_support_media_show{z-index:999;}
.part_box_support_media_bg{position:fixed;z-index:997;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity:0.7;width:100%;height:100%;top:0px;left:0px;background:#000;}
.part_box h3 { font-size:18px;margin-bottom:25px;}
.part_box h3.center{text-align:center; font-size:24px; font-weight:normal;}
.part_box h4 { background:#5ABEF0;height:43px;line-height:43px;font-size:15px;padding:0 15px; color: #FFF;font-weight: 600;}
.part_box_detail { padding:15px;overflow:hidden;position:relative;}
.pro_recommend h5 { font-weight:bold;font-size:15px;border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:5px;}
.list_sidebar li { background: url('../images/bg-li.png') no-repeat  0 -85px;padding-left:15px;margin-bottom:10px;}
.list_sidebar li a { color:#434a53}
.part_box_detail .more { text-align:right;margin-bottom:0;}
.scroll_sidebar_hide{overflow:hidden;position:relative;width:100%;}
.part_box_support h2{background:#eee;height:43px;line-height:43px;font-size:16px;font-weight:bold;padding:0 0 0 15px;margin-bottom:0;}
.part_box_support h3{margin:6px 0;background: url('../images/bg-li.png') no-repeat  0 -85px;padding-left:12px;margin-left:20px;}
.part_box_support .list_dl_dose{display:none;margin-left:20px;}
.part_box_support dt{margin-left:6px;}
.part_box_support dd{margin-left:20px;}

.scroll_sidebar{position:relative;}
.scroll_sidebar li{float:left;width:100%;}
.scroll_sidebar p{margin:0px;}
.scroll_sidebar .name{color:#0e97f5;font-weight:bold;font-size:14px;margin-bottom:2px;}
.scroll_sidebar .word{margin-top:10px;font-style:italic;}
.scroll_click{float:right;}
.scroll_click span{display:inline-block;width:22px;height:20px;background:url('../images/button-banner.png') 0px -80px no-repeat;cursor:pointer;}
.scroll_click span.right{background-position:-22px -80px;}

.articleSwap{ width:222px;overflow:hidden;position:relative;}
.articleSwap ul { float:left;width:1110px;position:relative;overflow:hidden;margin:0;}
.articleSwap ul li{ float:left;position:relative;left:-10px;padding-left:10px;width:222px;overflow:hidden;display:block;margin:0;padding:0;background:none;}
.articleSwap p{background:url(../images/arrow.png) no-repeat -146px 6px;padding:5px 0 5px 20px;margin:0;}
.swapContr { float:right;width:100px;height:6px;margin:0 10px 0 0;padding:10px 0 15px 0;clear:both;}
.swapContr li { width:20px;height:6px;background:#dcdcdc;cursor:pointer;display:block;float:left;margin:0 5px 0 0;list-style:none;padding:0;overflow:hidden;}

.swapContr li.current { background-color:#2e98ca;}/*星星*/
.star_01,.star_02,.star_03{display:inline-block;width:12px;height:12px;margin-right:1px;}
.star_02{background-position:-14px 0px;}
.star_03{background-position:-27px 0px;}
.starBig_01,.starBig_02,.starBig_03{display:inline-block;width:26px;height:26px;margin-right:1px;}
.starBig_02{background-position:-31px -18px;}
.starBig_03{background-position:-60px -18px;}
/*文章正文*/
.article_content h1 { font-size:32px;color:#1779c4;line-height:1.1em;}
.article_content h1.special_title { background:#74cdf5;color:#FFF;padding:35px 0 35px 20px;}
.article_content h2 { font-size:26px;clear:both;line-height:1.4em;}
.article_content h3 { font-size:18px;font-weight:normal;clear:both;}
.article_content h4 { font-weight:bold;margin-bottom:15px;clear:both;}
.article_content ul li {padding-left:10px;margin-bottom:5px;}

/*图文格式*/
.img_text_bar { overflow:hidden;}
.img_text_bar .img { width:30%;float:left;text-align:left;}
.img_text_bar .info { width:70%;float: left;text-align:left;}

/*tab 样式*/
    /*普通*/
.list_tab {border-bottom:2px solid #b4bfc3;height:40px;margin-bottom:30px;background:#ededed;}
.list_tab li{float:left;font-size:15px;text-align:center;background:#ededed;height:40px;line-height:40px;cursor:pointer;padding:0 13px !important;border-bottom:none!important;}
.list_tab li a{color:#333;width:100%;height:100%;}
.list_tab li.current{background:#fff;border:2px solid #b4bfc3;border-bottom:0px;color:#3597d8}
.list_tab li.current a{color:#3597d8;display:block;}
    /*蓝底绿色按钮*/
.list_tab_green { background:#d5ecfc;padding-top:15px;overflow:hidden;}
.list_tab_green li { float:left;background:#8ec900;color:#FFF;height:40px;line-height:40px;width:150px;margin-right:10px;text-align:center;border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;cursor:pointer;}
.list_tab_green li.current { background:#fff !important;color:#414141;}
    /*有icon的tab按钮*/
.list_tab2 { border-bottom:2px solid #74cdf5;height:40px;margin-bottom:30px;list-style:none;}
.list_tab2 li { float:left;font-size:16px;height:40px;line-height:42px;cursor:pointer;background:#ddecff;color:#267fc1;font-weight:bold;position: relative;width:115px;padding-left:75px;margin-bottom:2px;}
.list_tab2 li span {background:url('../images/ioc-btn.png') no-repeat;display: inline-block;position: absolute;left:35px;top:0;width:50px;height:100%;}
.list_tab2 li span.win { background-position:0 -282px;}
.list_tab2 li span.mac { background-position:-57px -363px;}
.list_tab2 li.current { background:#74cdf5;color:#FFF;}
.list_tab2 li.current span.win { background-position:-57px -282px;}
.list_tab2 li.current span.mac { background-position:0 -363px;}
    /*文章中的tab按钮 eg:mobisaver user guide*/
.list_tab_article { height: 59px;}
.list_tab_article li, .article_content ul.list_tab_article li { padding:10px 34px;float: left;background:none;background:#239cd5;color:#FFF;width:23.52%;line-height:1.3em;height:40px;text-align:center;font-size:15px;border:1px solid #239cd5;border-bottom:none;cursor:pointer;margin-right:1px;}
.article_content ul.list_tab_article li:last-child { margin-right:0;}
.list_tab_article li.current,.article_content ul.list_tab_article li.current { background:#FFF;border-left:0px;color:#239cd5;margin-right:0;}
.list_tab_article li.no1,.article_content ul.list_tab_article li.no1{border-left:1px solid #239cd5;}
/*4步骤 样式*/
.list_4step { overflow:hidden;margin-bottom:30px;}
.list_4step li { border:1px solid #ebebeb;padding:55px 10px 10px;position:relative;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:213px;margin-right:20px;float:left;}
.list_4step li .title {background:#ebebeb;padding:10px;color:#267ac0;font-size:15px;font-weight:bold;position:absolute;top:0;left:0;width:213px; -webkit-border-radius: 4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.list_4step li img { z-index:2;position:absolute;right:-25px;top:70px;}

/*3步骤 样式*/
.list_3step { overflow:hidden;}
.list_3step li { border:1px solid #e7e7e7;float:left;background:#FFF;padding:15px;width:256px;}
.list_3step li .info { width:170px;float: right;}
.list_3step li.arrow { width: auto;border:0;vertical-align:middle;width:33px;}

/*标签样式*/
.tag_org{height:51px;width:66px;font-weight:bold;color:#FFF;padding-top:15px;line-height:1.3em;}
.tag_20off, .tag_30off { height:65px;width:62px;}
.tag_txt { height:33px;line-height:33px;background:#5eafdf url('../images/tag-icon_l.png') no-repeat;position:relative;color:#FFF;padding:0 0 0 25px;width:320px;}
.tag_txt .r_end { display:block;background:url('../images/tag-icon_r.png') no-repeat;width:15px;height:33px;position:absolute;right:0;top:0;}


	/*分享rightsidebar*/
.float_share{position:fixed;z-index:999;right:20px;top:46%;margin-top:-127px;_position:absolute;}
.float_share span,.float_share a{display:block;width:36px;height:36px;background-repeat:no-repeat;margin:18px 4px;cursor:pointer;}
.share_facebook{background-position:0px 0px;}
.share_facebook:hover{background-position:-40px 0px;}
.share_twitter{background-position:0px -40px;}
.share_twitter:hover{background-position:-40px -40px;}
.share_google{background-position:0px -80px;}
.share_google:hover{background-position:-40px -80px;}
.share_mail{background-position:0px -118px;}
.share_mail:hover{background-position:-40px -118px;}
/*填写review页面*/
.rating{height:28px;}
.rating ul{float:left;width:120px;}
.rating li{ padding:0px;margin:0px;float:left;width:22px;height:22px;cursor:pointer;line-height:22px;_height:22px;min-height:22px;}
.rating li.on{background-position:0 -44px;}
.rating li.hover{background-position:0 -44px;}
.rating li.nohover{background-position:0 0;}
.rating .tips{float:left;padding-left:15px;color:#fda700;}
/*to-top按钮*/
.to_top{width:50px;height:46px;background:url(../images/bt-to-top.png) no-repeat;position:fixed;bottom:20px;right:0px;cursor:pointer;}
/*livechate右侧浮动*/
.float_livechat{position:fixed;right:0px;bottom:230px;_display:none;z-index:999;font-size:12px;width:60px;height:44px;}
.float_livechat_bg{width:50px;margin-left:10px;height:44px;cursor:pointer;}
.float_livechat:hover{width:130px;}*/
	/*这里引用header里面的livchat_hover_s*/
.float_livechat .livchat_hover_s{left:auto;right:58px;top:0px;padding-top:56px;}
.float_livechat .livechat_hover_top{width:5px;height:16px;right:-5px;left:auto;top:14px;}
/*加号、等号、括弧图标*/
.ico_plus {background:url(../images/bg-bundle.png) no-repeat 0 -119px;width:40px;height:40px;display:inline-block;}
.ico_equal {background:url(../images/bg-bundle.png) no-repeat -95px -118px;width:40px;height:40px;display:inline-block;}
.ico_bracket {background:url(../images/bg-bundle.png) no-repeat -210px -118px;width:29px;height:153px;display:inline-block;}
.ico_bracket_x { background: url('../images/bg-bundle-brackets.png') no-repeat;width:727px;height:26px;display:block;}
.ico_plus_yellow{background:url('../images/icon-plus-sign.png') no-repeat;width:42px;height:42px;display:inline-block;}
.ico_equal_yellow{background:url('../images/icon-equal-sign.png') no-repeat;width:42px;height:42px;display:inline-block;}
/*标签云*/
.tag_cloud span {color:#FFF;margin:0 3px 3px 0;padding:3px 5px;color:#FFF;display:inline-block;font-size:13px;}
.tag_cloud span a {color:#FFF;}
.tag_cloud span.style1 { background:#7dc0f4;}
.tag_cloud span.style2 { background:#68abe0;}
.tag_cloud span.style3 { background:#4c92c6;}
.tag_cloud span.style4 { background:#3277ae;}
.tag_cloud span.style5 { background:#266ba2;}

/*google评分*/
.softwareapplication{height:0px;overflow:hidden;}

/*弹出窗口*/
#tc_sp{width:690px;height:460px;overflow:hidden;position:fixed;left:50%;top:50%;text-align:left;margin:-230px 0px 0px -330px;opacity:0;z-index:110;display:none;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;-khtml-opacity:0;}
#tc_sphtml{width:640px;height:440px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:10px;overflow:hidden;}
#tc_bg{position:fixed;left:0px;top:0px;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80);-webkit-opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;z-index:100;display:none;}
#tc_close{display:block;position:absolute;right:0px;top:0px;width:27px;height:27px;cursor:pointer;}

/*float_banner*/
.float_banner{width:100%;height:49px;margin:0 auto;position:relative;z-index:120;overflow:hidden;}
.float_banner a{display:block;height:50px;position:absolute;left:0;top: 0px;z-index: 100;width: 100%;}
.float_banner .close_bt {display:block;width:30px;height:30px;position:absolute;cursor:pointer;top:0px;left:50%;margin-left:495px;z-index:101;}
.thanksgiving_campaign .close_bt{margin-left:437px;}
/*checkbox -orange*/
.checkbox_orange.current{background-position:-40px 0px;}
/*golable*/
.hidden{display:none;}
.topbanner_promotion {
    background:url("/images/banner/top-banner5.jpg") no-repeat scroll center center; width:100%; height:50px;}