/*overwrite/b-------------------*/
/*focus---*/
.focus { background:#ebf8ff;}
.focus .w { height: 145px; padding-top:20px;}
.focus .w .f1 { width:185px; margin-right:15px;float:left; }
.focus .w .f4 { width:185px;float:left; }
.focus dl{ background:#fff;box-shadow:0 0 15px #ddd;height:124px;padding-left:93px;position:relative;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;cursor:pointer}
.focus dl:hover{-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);transform:translate(0,-5px);box-shadow:0 0 10px rgba(0,0,0,0.2)}
.focus dl dt { position:absolute; top:29px;left:25px;}
.focus dl dd.bg{ position:absolute;top:-10px; right: 0;}
.focus dl dd {padding-top:20px;color: #fff;} 
.focus dl dd b{ line-height:40px;font-size: 16px;} 
.focus dl dd p{ line-height:20px;color: #fff;} 
.focus dl dd.linktop{ position:absolute;top:0; left: 8px; }
.focus dl dd.linktop a { display: block;width:260px;height:90px; }
.focus dl:nth-child(1){ background: #00c9ff url(../images/base/focus_cloud_bg.jpg) no-repeat left top;}
.focus dl:nth-child(2){ background: #5d66d7 url(../images/base/focus_cloud_bg.jpg) no-repeat left -124px;}
.focus dl:nth-child(3){ background: #f67b68 url(../images/base/focus_cloud_bg.jpg) no-repeat left -248px;}
.focus dl:nth-child(4){ background: #f3a958 url(../images/base/focus_cloud_bg.jpg) no-repeat left bottom;}
/*subtit---*/
.subtit h3 { line-height:60px;text-align: center; position: relative; font-size: 30px; font-weight: normal;}
.subtit h3 i{ position: absolute;width:80px;height:3px;background-color:#10a1e3;left:50%;margin-left:-40px;bottom:0px; }
.subtit p{ line-height: 36px; text-align: center; font-size: 14px; color: #696868;}
/*swiper-container*/
body div.h60 { height:60px; }
/*overwrite/e-------------------*/

.guide { line-height:50px; height:50px;font-size:16px; box-shadow:0 5px 5px 0 rgba(104, 104, 104, 0.2);}
.guide p {float:right;}
.guide p a,.guide p a:link,.guide p a:visited { float: right; padding:0 20px;color:#333;}
.guide p .on { background: #efefef; }
.guide .home a { color:#333; padding-left:10px; padding-right:10px;}
.guide .on { background: #efefef; }
.guide a:hover { background: #f2faff; }
.guide .home { float:left;}
.guide .home a.b,.guide .home a.b:link,.guide .home a.b:visited { float:none;padding:0 10px;}
.guide .home a:nth-child(1){ float:none; color:#333; padding-left:30px; padding-right:10px;background: url(../images/base/idx_home.png) no-repeat left center;}
.guide .home a:nth-child(1):link,.guide .home a:nth-child(1):visited {padding-left:30px; }
 
.cloudbox .w{ padding-top:40px; }
.cloudbox .pub {margin-top:30px;margin-bottom:40px;}
.cloudbox .pub dl{ height:335px;padding:20px; padding-top:30px; width:180px;margin-right:10px;float:left; border:2px #eae9e9 solid;  text-align:center; line-height:34px;border-radius:0px;-moz-border-radius:0px;}
.cloudbox .pub dl:nth-child(5){margin-right:0;}
.cloudbox .pub dl:hover { border:2px #64d047 solid; background:#fff; border-radius:0px;-moz-border-radius:0px; /* Old Firefox */}
.cloudbox .pub dl dd.tit { font-size:20px;}
.cloudbox .pub dl dd.tip { font-size:14px; padding:0px; line-height:24px; }
.cloudbox .pub dl a dd.tit{ color:#333; font-size: 24px;}
.cloudbox .pub dl a dd.tip{ color:#888888; margin-top:30px;}
.cloudbox .pub dl a dd.more { color:#888888; margin-top:20px;}
.cloudbox .pub dl a dd.more { position: relative;}
.cloudbox .pub dl a dd.more p{ text-align: left;padding-left:55px; }
.cloudbox .pub dl a dd.more img { position: absolute; bottom:10px; right:55px;}
.cloudbox .pub dl i { position: absolute;width:40px;height:1px;background-color:#666;left:50%;margin-left:-20px;top:168px; }

/*point*/
.point .wbg1{ height:500px; background:url(../images/base/bg1.jpg) no-repeat right center; }
.point2 .wbg2{ height:500px; background:url(../images/base/bg2.png) no-repeat left center; }
.point .wbg3{ height:500px; background:url(../images/base/bg3.jpg) no-repeat right center; }
.point2 .wbg4{ height:500px; background:url(../images/base/bg4.png) no-repeat left center; }
.point { clear:both; background:#ebf0fd; }
.point .w{ height:500px;  }
.point .box{ width:450px;float:left;padding-top:120px;  }
.point .box p.blines{width:60px;height:10px;display:block; background:#75d6d4;}
.point .box p.tit { font-size:30px; line-height:60px;}
.point .box p.intro { font-size:18px; line-height:40px;}
.point .box p.more {margin-top:20px;}
.point .box p.more a.intro,.point .box p.more a.intro:link,.point .box p.more a.intro:visited{display:block;width:165px; height:50px;line-height:50px;  border:1px #0099ff solid; text-decoration:none; color:#fff; float:left; text-align:center; background:#0099ff; border-radius:3px;font-size:14px;}
.point .box p.more a.intro:hover { background:#0391f0; }
.point .box p.more a.reg,.point .box p.more a.reg:link,.point .box p.more a.reg:visited{ display:block; width:165px; height:50px;line-height:50px; border:1px #0099ff solid; text-decoration:none; color:#0099ff; float:left; text-align:center;  border-radius:3px;font-size:14px; margin-left:15px;}
.point .box p.more a.reg:hover { background:#fff; }

.point2 { clear:both; background:#fff; height:500px; border-bottom:2px #fff solid;}
.point2 .w{height:500px;   }
.point2 .box{ width:450px;float:right; text-align:right; padding-top:120px;  }
.point2 .box p.blines{ width:60px;height:10px;display:block; background:#75d6d4;float:right; overflow:hidden; }
.point2 .box p.tit { font-size:30px; line-height:60px;clear:both; }
.point2 .box p.intro { font-size:18px; line-height:40px;}
.point2 .box p.more {margin-top:20px;}
.point2 .box p.more a.intro,.point2 .box p.more a.intro:link,.point2 .box p.more a.intro:visited{display:block;width:165px; height:50px;line-height:50px;  border:1px #0099ff solid; text-decoration:none; color:#fff; float:right; text-align:center; background:#f75646; border-radius:3px;font-size:14px;}
.point2 .box p.more a.intro:hover { background:#0391f0; }
.point2 .box p.more a.reg,.point2 .box p.more a.reg:link,.point2 .box p.more a.reg:visited{display:block;width:165px; height:50px;line-height:50px;  border:1px #0099ff solid; text-decoration:none; color:#0099ff;float:right; text-align:center;  border-radius:3px;font-size:14px;margin-left:15px;}
.point2 .box p.more a.reg:hover { background:#ebf0fd;}

.links { padding-top:30px;}
.links dl { width:265px;float:left; margin-right:15px;padding:2px; margin-top:16px;}
.links dl dt { width:265px;height:105px;overflow:hidden;}
.links dl dd {padding:8px; background:#4e5062;}
.links dl dd span {float:right; color:#9d9da6;}
.links dl dd a{display:block; text-decoration:none; }
.links dl dd a:hover{ color:red;}
.links dl dd,.links dl dd a,.links dl dd a:link,.links dl dd a:visited{color:white;}
.links dl:hover { background:#64d047 }

.cases {background:#30344f url(../images/base/bgc.jpg) no-repeat center bottom;}
.cases .subtit h3 { color: #ccc;}
.cases .subtit p { color: #ccc;}
 
.reguser { padding-top:30px;  }
.reguser p { width:400px; margin:0 auto; height:80px;}
.reguser a.on,.reguser a.on:link,.reguser a.on:visited { background:#f96868;display:block;width:180px;z-index:2; height:50px;line-height:50px;  text-decoration:none; color:#ffffff; float:left;margin-right:12px; border-radius:2px;font-size:16px; text-align:center;}
.reguser a,.reguser a:link,.reguser a:visited { background:#1c75d3;display:block;width:180px;z-index:2; height:50px;line-height:50px;  text-decoration:none; color:#ffffff; float:left;margin-right:12px; border-radius:2px;font-size:16px; text-align:center;}
.reguser a:hover { background:#1460af;}
.reguser a.on:hover { background:#ea4c4c;}

.helps { display:table; margin-top:20px;  background:#fff; width:1160px; border:1px #e1e2e3 solid; box-shadow:0 0 16px 0 rgba(0,0,0,0.08); border-top:1px #e1e2e3 solid;}
.helps .subtit { background:#1c75d3; width:165px; display:table-cell; vertical-align:top; }
.helps .subtit ul li { line-height:45px; border-bottom:1px #1460af solid; text-align:left; font-size:14px; }
.helps .subtit ul li span { font-size:16px; color:#fcfc97; font-weight:bold;padding-left:20px; }
.helps .subtit ul li.on { background:#1460af;}
.helps .subtit ul li a,.helps .subtit ul li a:link,.helps .subtit ul li a:visited { color:#fff; display:block; padding-left:20px;}
.helps .subtit ul li a:hover{ background:#1c7adc; color:#fff; text-decoration:none; }
.helps .subtit ul li a.on{ background:#fff; color:#2d76e5; text-decoration:none; font-weight:bold;}
.helps .acthelp { margin-top:20px; padding-top:30px; background:#fff; width:982px; display:table-cell; vertical-align:top; padding-left:6px;}
.helps .acthelp .tits { text-align:left; padding:0 40px; font-weight:normal;}
.helps .keywords { text-align:left; padding:0 40px; line-height:30px; font-size:14px; color:#888; }
.helps .bnk { clear:both; height:30px;}
.helps .main { line-height:36px;font-size:16px; text-align:left; padding:0 40px;}
.helps blockquote { background:#efefef; border-left:5px #ccc solid; text-align:left; line-height:26px; padding:10px; font-size:14px;}
.helps .main hr {width:70%;  display: block; unicode-bidi: isolate;margin-block-start: 0.5em; margin-block-end: 0.5em;margin-inline-start: auto;margin-inline-end: auto; overflow: hidden; border-style: inset; 
border-top:1px solid #fff; height:0; margin-top:40px;margin-bottom:40px; height:0px;}
.helps .main p img { border:1px #efefef solid;margin-top:20px; }
.helps .main p em { display:block; color:#888; text-align:center; margin-top:10px;margin-bottom:40px;}
.helps .main h2.step { margin-bottom:6px; text-align:center;font-size:46px; background:#efefef; padding:10px; font-weight:normal; width:160px; border:1px #e1e2e3 solid;  box-shadow:0 0 16px 0 rgba(0,0,0,0.08); border-top:1px #e1e2e3 solid;}
.helps .main .code { font-size:12px; line-height:26px;}
.helps .main .graypicbg { background:#e0e0e0; text-align:center;padding-top:10px;padding-bottom:10px;}
.helps .subtit .list_dt { background:#1460af;  font-size:16px; text-align:left; padding-left:20px;height:45px;line-height:45px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;border-bottom:1px solid #09529d;color:red;;}
.helps .subtit .list_dt:hover ._after {display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#4285f4;}
.helps .subtit #open ._after {display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#4285f4;}
.helps .subtit .list_dt_icon {position:absolute;right:10px;top:15px;display:block;width:16px;height:16px;background:url("../images/base/off.png") no-repeat;}
.helps .subtit #open .list_dt_icon {background:url("../images/base/open.png") no-repeat;}
.helps .subtit .list_dd {display:none;}
.helps .subtit .list_li { list-style-type:none;color:white; height:45px;line-height:45px;cursor:pointer;border-bottom:1px solid #1460af;}
.helps .subtit .list_dt p {color:#fcfc97; text-align: left; }

 /*helpcenter*/
 .helpsc { display:table; margin-top:20px;  background:#fff; width:1160px; border:1px #e1e2e3 solid; box-shadow:0 0 16px 0 rgba(0,0,0,0.08); border-top:1px #e1e2e3 solid;}
 .helpsc .subtit { background:#22ac79; width:165px; display:table-cell; vertical-align:top; }
 .helpsc .subtit ul li { line-height:45px; border-bottom:1px #19865c solid; text-align:left; font-size:14px; }
 .helpsc .subtit ul li span { font-size:16px; color:#f2fff3; font-weight:bold;padding-left:20px; }
 .helpsc .subtit ul li.on { background:#1460af;}
 .helpsc .subtit ul li a,.helpsc .subtit ul li a:link,.helpsc .subtit ul li a:visited { color:#fff; display:block; padding-left:20px;}
 .helpsc .subtit ul li a:hover{ background:#1ba270; color:#fff; text-decoration:none; }
 .helpsc .subtit ul li a.on{ background:#fff; color:#08482f; text-decoration:none; font-weight:bold;}
 .helpsc .acthelp { margin-top:20px; padding-top:30px; background:#fff; width:982px; display:table-cell; vertical-align:top; padding-left:6px;}
 .helpsc .acthelp .tits { text-align:left; padding:0 40px; font-weight:normal;}
 .helpsc .keywords { text-align:left; padding:0 40px; line-height:30px; font-size:14px; color:#888; }
 .helpsc .bnk { clear:both; height:30px;}
 .helpsc .main { line-height:36px;font-size:16px; text-align:left; padding:0 40px;}
 .helpsc blockquote { background:#efefef; border-left:5px #ccc solid; text-align:left; line-height:26px; padding:10px; font-size:14px;}
 .helpsc blockquote .tit { font-size:20px; line-height:44px; border-bottom:1px #ccc dashed; padding-top:0; padding-bottom:8px; font-weight:bold;}
 .helpsc blockquote p {margin-top:8px;}
 .helpsc .main hr {width:70%;  display: block; unicode-bidi: isolate;margin-block-start: 0.5em; margin-block-end: 0.5em;margin-inline-start: auto;margin-inline-end: auto; overflow: hidden; border-style: inset; 
 ;border-top:1px solid #fff; height:0; margin-top:40px;margin-bottom:40px; height:0px;}
 .helpsc .main p img { border:1px #efefef solid;margin-top:20px; }
 .helpsc .main p em { display:block; color:#888; text-align:center; margin-top:10px;margin-bottom:40px;}
 .helpsc .main h2.step { margin-bottom:6px; text-align:center;font-size:46px; background:#efefef; padding:10px; font-weight:normal; width:160px; border:1px #e1e2e3 solid;   box-shadow:0 0 16px 0 rgba(0,0,0,0.08); border-top:1px #e1e2e3 solid;}
 .helpsc .main .code { font-size:12px; line-height:26px;}
 .helpsc .main .graypicbg { background:#e0e0e0; text-align:center;padding-top:10px;padding-bottom:10px;}
 .helpsc .subtit .list_dt { background:#157f56; color:#f2fff3;  font-size:16px; text-align:left; padding-left:20px;height:45px;line-height:45px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;border-bottom:1px solid #24976a;}
 .helpsc .subtit .list_dt:hover ._after {display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#79e980;}
 .helpsc .subtit #open ._after {display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#79e980;}
 .helpsc .subtit .list_dt_icon {position:absolute;right:10px;top:15px;display:block;width:16px;height:16px;background:url("../images/base/off.png") no-repeat;}
 .helpsc .subtit #open .list_dt_icon {background:url("../images/base/open.png") no-repeat;}
 .helpsc .subtit .list_dd {display:none;}
 .helpsc .subtit .list_li { list-style-type:none;color:white; height:40px;line-height:40px;cursor:pointer;border-bottom:1px solid #24976a;}
 .helpsc .main p.f30 { text-align:left;}
 .helpsc .subtit .list_dt p {color:#fcfc97; text-align: left;}

 /*helpdoc*/
 .helptit { background:#00a1e9; height:95px;}
 .helptit .tit { font-size:40px; padding-top:20px; width:760px;float:left; color:#fff;}
 .helptit .tit span { font-size:30px;}
 div.searchs { width:400px; height:60px; float:left; padding-top:24px;}
 div.searchs form { padding:0;margin:0; }  
 div.searchs input.b { height:40px;line-height:40px; border:1px #064b95 solid; width:260px; font-size:14px;font-weight:bold; padding-left:10px; color:#757575; }
 div.searchs input.s { height:44px;line-height:40px; font-size:14px;font-weight:bold; background:#064b95;  width:110px; border:none; color:#fff;  }
.helpdoc .main .guide{ height:34px; line-height:34px; text-align:right; border-bottom:none; float:right; }
 .helpdoc { display:table; margin-top:20px;  background:#fff; width:1160px; border:1px #e1e2e3 solid; box-shadow:0 0 16px 0 rgba(0,0,0,0.08); border-top:1px #e1e2e3 solid;}
 .helpdoc .subtit { background:#f9f7f7; width:165px; display:table-cell; vertical-align:top; }
 .helpdoc .subtit ul li { line-height:45px; border-bottom:1px #efefef solid; text-align:left; font-size:14px; }
 .helpdoc .subtit ul li span { font-size:16px; color:#f2fff3; font-weight:bold;padding-left:20px; }
 .helpdoc .subtit ul li.on { background:#1460af;}
 .helpdoc .subtit ul li a,.helpdoc .subtit ul li a:link,.helpdoc .subtit ul li a:visited { color:#666; display:block; padding-left:20px;}
 .helpdoc .subtit ul li a:hover{ background:#7d7d7d; color:#fff; text-decoration:none; }
 .helpdoc .subtit ul li a.on{ background:#fff; color:#08482f; text-decoration:none; font-weight:bold; background:#7d7d7d; color:#fff; text-decoration:none;}
 .helpdoc .acthelp { margin-top:20px; padding-top:30px; background:#fff; width:982px; display:table-cell; vertical-align:top; padding-left:6px;}
 .helpdoc .acthelp .tits { text-align:left; padding:0; font-weight:normal;}
 .helpdoc .acthelp .tits p { border-bottom:1px #ccc solid;}
 
 .helpdoc .acthelp .main ul li  { margin-left:40px; list-style-type:circle;}
 
 .helpdoc .keywords { text-align:left; padding:0 40px; line-height:30px; font-size:14px; color:#888; }
 .helpdoc .bnk { clear:both; height:30px;}
 .helpdoc .main { line-height:36px;font-size:16px; text-align:left; padding:0 40px;}
 .helpdoc blockquote { margin:0; background:#efefef; border-left:5px #ccc solid; text-align:left; line-height:26px; padding:10px; font-size:14px;}
 .helpdoc blockquote .tit { font-size:20px; line-height:44px; border-bottom:1px #ccc dashed; padding-top:0; padding-bottom:8px; font-weight:bold;}
 .helpdoc blockquote p {margin-top:8px;}
 .helpdoc .main hr {width:70%;  display: block; unicode-bidi: isolate;margin-block-start: 0.5em; margin-block-end: 0.5em;margin-inline-start: auto;margin-inline-end: auto; overflow: hidden; border-style: inset; 
 ;border-top:1px solid #fff; height:0; margin-top:40px;margin-bottom:40px; height:0px;}
 .helpdoc .main p img { margin-top:20px; }
 .helpdoc .main p em { color:#888; text-align:center; margin-top:10px;margin-bottom:20px;}
 .helpdoc .main h2 { font-size:36px; line-height:70px;}
 .helpdoc .main h3 { font-size:28px; line-height:60px;}
 .helpdoc .main h3 {box-sizing: border-box; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; line-height: 1.2; margin: 24px 0px 16px; font-size: 1.5em; border-bottom: 1px solid rgb(234, 236, 239); padding-bottom: 0.5em; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;}
 
 
 .helpdoc .main h2.step { display:block; line-height:60px; width:160px; margin-bottom:6px; text-align:center;font-size:46px; background:#efefef; padding:10px; font-weight:normal;  border:1px #e1e2e3 solid;   box-shadow:0 0 16px 0 rgba(0,0,0,0.08); border-top:1px #e1e2e3 solid;}
 .helpdoc .main .code { font-size:12px; line-height:26px;}
 .helpdoc .main .graypicbg { background:#e0e0e0; text-align:center;padding-top:10px;padding-bottom:10px;}
 .helpdoc .subtit .list_dt { background:#e9e7e7; color:#666;  font-size:16px; text-align:left; padding-left:20px;height:40px;line-height:40px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;border-bottom:1px solid #666666;}
 .helpdoc .subtit .list_dt:hover ._after {display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#7d7d7d;}
 .helpdoc .subtit #open ._after {display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#79e980;}
 .helpdoc .subtit .list_dt_icon {position:absolute;right:10px;top:15px;display:block;width:16px;height:16px;background:url("../images/base/off.png") no-repeat;}
 .helpdoc .subtit #open .list_dt_icon {background:url("../images/base/open.png") no-repeat;}
 .helpdoc .subtit .list_dd {display:none;}
 .helpdoc .subtit .list_li { list-style-type:none;color:white; height:38px;line-height:38px;cursor:pointer;border-bottom:1px solid #efefef;}
 .helpdoc .main p.f30 { text-align:left;}
 .helpdoc .subtit .list_dt p {color:#666; text-align: left;}
 .helpdoc .list{ padding:0 20px; }
 
 .helpdoc .list3 { margin-top:40px; clear:both; }
 .helpdoc .list3 .tit { padding-left:10px;height:46px; line-height:46px;  }
 
 .helpdoc ul.list14 { margin-top:10px;}
 .helpdoc ul.list14 .date{display:none;} 
 .helpdoc ul.list14 li {  width:280px;float:left; margin-right:20px; margin-top:10px; }
 .helpdoc .acthelp .main ul.list14 li {margin-left:0px; list-style-type:none;}
 
 .helpdoc ul.list14 li a,.helpdoc ul.list14 li a:link,.helpdoc ul.list14 li a:visited { height:52px; line-height:52px;overflow:hidden; padding-left:20px;font-size:16px; border:1px #fff solid; border-bottom:1px #efefef solid; color:#666666;display:block; overflow:hidden; background:url("../images/ico/ico_04.png") no-repeat 5px center; }
 .helpdoc ul.list14 li a:hover { display:block; background:#efefef url("../images/ico/ico_04.png") no-repeat 5px center;  border-radius:5px;-moz-border-radius:5px;  border:1px #eae9e9 solid; }
 
 .helpdoc .main dl dt { color:#5a5e60; line-height:80px;height:80px; padding-top:20px;}
 .helpdoc .main dl dd{ border-left:5px #00a0e9 solid; background:#f6fcff; border-radius:8px;-moz-border-radius:8px;  border:1px #eae9e9 solid; padding:20px; }

div.w ul.helptips li { height:80px;  width:160px;  box-shadow: 0 0 15px 0 #cfe6f4; -moz-box-shadow: 0 0 15px 0 #cfe6f4; border-radius:6px;-moz-border-radius:6px; margin-right:20px;margin-top:15px; background:#ffffff url("../images/ico/ico_help_70.png") no-repeat 20px center; padding-left:110px; float:left; font-size:14px;}
div.w ul.helptips li a,div.w ul.helptips li a:link,div.w ul.helptips li a:visited{ display:block; line-height:80px; }
div.w ul.helptips li:hover { box-shadow: 0 0 15px 0 #afd3e9; -moz-box-shadow: 0 0 15px 0 #afd3e9;}
.subtit.top{margin-top:60px;}

/*tab3*/
.tabox { font-size:20px; height:50px; text-align:center;margin-top:30px;} 
 .helpdoc .acthelp .main .tabox ul li {list-style-type:none;  margin: 0; padding: 0; margin-right:20px; }
.tabox li { width:200px;float:left;height:50px;cursor:pointer; }
.tabox li a{ text-align:left; padding-left:20px;background: #e6fdf6; color:#333; height:50px;line-height:50px; display:block;border:1px #ccf5e8 solid; }
.tabox li a:hover{ border:1px #0d38ab solid; background:#3367f1;color:#fff; transition: all 300ms ease 0s;-moz-transition:all 300ms ease 0s; -webkit-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s;}
.tabox li.now { background:#3367f1; color:#fff;}
.tabox li.now a,.tabox li.now a:hover { border:1px #0d38ab solid; background:#3367f1; color:#fff; }
.tablist03{display:none; }
.block {display:block;}
.tablist03 { padding-top:20px;}
.tablist03 dl { margin-top:0px;}
.tablist03 dl dt { line-height:50px; font-size:16px; font-weight:bold;}
.tablist03 dl dd { line-height:30px; font-size:14px; border-left:4px #ccc solid; padding-left:20px; color:#838282;}
/*tab3*/
.demobtn {margin-top:20px;}
.demobtn a.b1,.demobtn a.b1:link,.demobtn a.b1:visited{display:block;width:165px; height:50px;line-height:50px;  border:1px #0099ff solid; text-decoration:none; color:#fff; float:left; text-align:center; background:#0099ff; border-radius:3px;font-size:14px;}
.demobtn a.b1:hover { background:#0391f0; }
.demobtn a.b2,.demobtn a.b2:link,.demobtn a.b2:visited{ display:block; width:165px; height:50px;line-height:50px; border:1px #0099ff solid; text-decoration:none; color:#0099ff; float:left; text-align:center;  border-radius:3px;font-size:14px; margin-left:15px;}
.demobtn a.b2:hover { background:#fff; }
 
 /*qrcode----*/
.cloudbox .w2{ margin-top:40px; }
.qcbox .w{ padding-top:20px;padding-bottom:40px;  }
.qcbox .cont { margin-top:10px;line-height: 30px; padding:0 140px; text-align: center; font-size: 16px;}
.qcbg { background:#ebf0fd; }
.qcbg2 { background:#f9f9f9; }
.qcbg5 { background:#ffffff; }
.qcbg3 { background:#e8f3fe; }
.qcbg6 { background:#f1f8fe; }
.qcbg7 { background:#221a48; }

.usebg1 { background:#046fdc; }

.qcase dl{ border:1px #ccc solid;position:relative; width:368px; height:220px;float:left; overflow:hidden;background:#000; }
.qcase dl:hover .mask{ transform:translateY(0);}

.qcase dl .casepic, .qcase dl.casepic{width:136px;height:136px}
.qcase dl dt img {width:368px;height:220px;}
.qcase dl .mask p{width:368px;height:220px;text-align:center;position:relative}
.qcase dl .mask p .pic{display:block;width:368px;height:220px;position:absolute;top:0px;left:0px;z-index:90;padding-top:42px;}
.qcase dl .mask p .bg{background:#062a51;display:block;width:368px;height:220px;top:0px;left:0px;opacity:0.8;filter:alpha(opacity=80);z-index:10}
.qcase dl .mask{position:absolute;top:0;left:0;transform:translateY(100%);transition:all .25s;z-index:99}
.qcase .box {width:368px; float:left;margin-right:25px;margin-top:20px;}
.qcase .box:nth-child(3),.qcase .box:nth-child(6) ,.qcase .box:nth-child(9),.qcase .box:nth-child(12),.qcase .box:nth-child(15),.qcase .box:nth-child(18)  {margin-right:0}
.qcase .box h2 { font-weight:normal;width:370px;background:#efefef;float:left;padding:0;margin:0; line-height:36px;height:36px;z-index:994}
.qcase .box h2 .sort {float: right;padding-right:10px; color:#666;}
.qcase .box h2 .tit {float:left;padding-left:10px; }



.qcase dl .mask2{ transform:translateY(0); }
.qcase dl .mask2 p {width:368px;height:220px;text-align:center;position:absolute;top:0px;left:0px;}
.qcase dl .mask2 p .pic{display:block;width:368px;height:220px;position:absolute;top:0px;left:0px;z-index:90;padding-top:42px;}
.qcase dl .mask2 p .bg{background:#062a51;display:block;width:368px;height:220px;top:0px;left:0px;opacity:0.8;filter:alpha(opacity=80);z-index:10}
.qcase dl .mask2{position:absolute;top:0;left:0;transform:translateY(100%);transition:all .25s;z-index:99}

.cbxlist ul { margin-top:50px;}
.cbxlist ul li{ line-height:46px; height:46px; border-bottom:1px #efefef solid; width:50%; float:left; font-size:16px; }
.cbxlist ul li span { padding-right:40px; color:#666;}
/*btn*/
.wbtn .btn{ padding-top:20px; width:360px;height:100px;line-height:40px;left:0px; font-size:16px;text-align:center;margin:0 auto;}
.wbtn .btn a ,.wbtn .btn a:link,.wbtn .btn a:visited { background:#1771d2;color:#fff;display:block; float:left; width:170px;height:40px;line-height:40px;border:1px solid #1771d2;border-radius:2px;font-size:16px;text-align:center}
.wbtn .btn a:hover { background: #0858af;transition: all 300ms ease 0s;-moz-transition:all 300ms ease 0s; -webkit-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s;}
.wbtn .btn a:nth-child(2) { background: none;margin-left:8px; color: #0858af;border:1px solid #0858af;}
.wbtn .btn a:nth-child(2):hover { color: #0858af; background: #f9f9f9; transition: all 300ms ease 0s;}
/*qrcode----*/
.about { background:#eaeaea;padding-top:30px;padding-bottom:30px;}
.about .w { background: #ffffff;}
.about .bwd {  width: 400px; height:580px;float:left; background:#f6f6f6 url(../images/base/about_bwd_bg.png) no-repeat left 220px; }
.about .bwd h4 { position: relative;margin-left:30px;font-size: 60px; margin-top:250px;}
.about .bwd h4 i{ position: absolute; width:40px;height:2px;background-color:#666;left:0;  bottom:-5px; }
.about .bwd p{ margin-left:30px;font-size:24px;margin-top:10px; line-height:40px;}
.about .intro {   width: 640px; float:left; line-height: 30px;font-size:14px; padding:40px;}
.about .pic { width: 400px; float:left; line-height: 30px;font-size:14px; padding:0px;margin-top:55px; background:#efefef;}
.about .intro h3 { line-height:80px;text-align:left; position: relative; font-size: 30px; font-weight: normal;}
.about .intro h3 i{ position: absolute; width:20px;height:2px;background-color:#ccc;left:0; margin-left:0px;bottom:0px; }
.about .intro p:nth-child(2) {margin-top:20px;}
.about .intro p {margin-top:15px;}
#info_3 { height:400px;}
.about:nth-child(2) ,.about:nth-child(3) { background:#eaeaea;padding-top:0px;}
.about:nth-child(2) .w { background:#f6f6f6; }


.about:nth-child(2) .intro { width: 94%} 
.about:nth-child(2) .intro .cont {margin-top:30px;}
.about:nth-child(2) .intro dl { height:360px;text-align:left;margin-top:0px; text-align:center; width:300px; background:#fff; border:1px #dae0e6 solid;float:left; line-height:32px; font-size:14px; padding-bottom:20px;}
.about:nth-child(2) .intro dl:hover { border:1px #fe8c3a solid;  }
.about:nth-child(2) .intro dl .wxcode img { width:100px;padding-top:5px; }
.about:nth-child(2) .intro dl .wxcodex img { width:138px;padding-top:5px; }
.about:nth-child(2) .intro dl dt { text-align:left; padding:20px;padding-left:40px;  font-size:20px; font-weight:normal; }
.about:nth-child(2) .intro dl .bline { border-top:1px #dae0e6 solid; margin-top:6px;padding-top:6px; text-align:left; line-height:30px;margin:0 40px;}
.about:nth-child(2) .intro dl dd.qq { text-align:left; padding-left:40px; font-size:bold; color:red;}
.about:nth-child(2) .intro dl{ margin-right:20px;}

 

.introcat { width: 94%} 
.introcat .cont {margin-top:30px;}
.introcat dl { height:360px;text-align:left;margin-top:0px; text-align:center; width:300px; background:#fff; border:1px #dae0e6 solid;float:left; line-height:32px; font-size:14px; padding-bottom:20px;}
.introcat dl:hover { border:1px #fe8c3a solid;  }
.introcat dl .wxcode img { width:100px;padding-top:5px; }
.introcat dl .wxcodex img { width:138px;padding-top:5px; }
.introcat dl dt { text-align:left; padding:20px;padding-left:40px;  font-size:20px; font-weight:normal; }
.introcat dl .bline { border-top:1px #dae0e6 solid; margin-top:6px;padding-top:6px; text-align:left; line-height:30px;margin:0 40px;}
.introcat dl dd.qq { text-align:left; padding-left:40px; font-size:bold; color:red;}
.introcat dl{ margin-right:20px;}

.qas {padding-top:20px;width:950px;margin:0 auto;}
.qas dl { margin-top:20px;}
.qas dl dt { line-height:50px; font-size:16px; font-weight:bold;}
.qas dl dd { line-height:30px; font-size:14px; border-left:4px #ccc solid; padding-left:20px; color:#838282;}
/*helpcenterList*/
.helpcenter { background:#f2faff;}
.helpcenter .w{ margin-top:10px; padding-top:20px; padding-bottom: 30px;}
.helpcenter .w .spic { width:580px;float:left; padding-top:30px;}
.helpcenter .w .list { width:560px;float:left; padding-left:20px;}
.helpcenter .w .list dl dt {line-height: 34px; font-size:14px;clear: both; font-weight: bold; padding-top:8px}
.helpcenter .w .list dl dd li {width:120px; line-height: 34px; font-size:14px; float:left; background: #f9f9f9; margin-right: 10px;margin-top:8px;}
.helpcenter .w .list dl dd li a { display:block;padding-left:10px; border:1px #f9f9f9 solid; color:#333;}
.helpcenter .w .list dl dd li a:hover { background:#e8eefe; border:1px #dde6ff solid;}
.helpcenter .hp dl {  width:560px; float: left; margin-right:10px;}
.helpcenter .hp dl dt { line-height: 40px; font-size:16px;clear: both; padding-top:38px;font-weight: bold;}
.helpcenter .hp dl dd li { width:165px; line-height: 40px; font-size:14px; float:left; background: #f9f9f9; margin-right: 20px;margin-top:10px;}
.helpcenter .hp dl dd li a { display:block;padding-left:10px; border:1px #f9f9f9 solid; color:#333;}
.helpcenter .hp dl dd li a:hover { background:#e8eefe; border:1px #dde6ff solid;}
.helpcenter .hp dl dd li.c { width:535px; line-height: 40px; font-size:14px; float:left; background: #f9f9f9; margin-right: 20px;margin-top:10px;}

/*cases--*/
.caseslist .w{ margin-top:20px; padding-top:30px; }
.caseslist .sot {width:780px;margin:0 auto; margin-top:30px;}
.caseslist ul li { width:126px;margin-right:4px;float:left; height:50px; line-height:50px; font-size:16px; }
.caseslist .sot a,.caseslist .sot a:link,.caseslist .sot a:visited{ background: #f5f5f5; color:#333; text-align: center; display: block;line-height:50px; }
.caseslist .sot a.on,.caseslist .sot a:hover { background:#3367f1; color:#fff;}

.caseslist .qlist { clear:both;padding-top:40px;padding-bottom:80px;}
.caseslist dl{ cursor:pointer; border-radius:5px;-moz-border-radius:5px;border:2px #ccc solid;position:relative; width:360px; height:120px;float:left; overflow:hidden; background: #fff;float:left;margin-right:20px;margin-top:20px; }
.caseslist dl:hover .mask{ transform:translateY(0);}
.caseslist dl:hover { border:2px #fe8c3a solid; }
.caseslist dl .casepic, .caseslist dl.casepic{width:136px;height:136px}
.caseslist dl dt img { padding-top:8px;width:265px;height:105px;border-radius:5px;-moz-border-radius:5px; }
.caseslist dl .mask p{width:360px;height:220px;text-align:center;position:relative;border-radius:7px;-moz-border-radius:7px;}
.caseslist dl .mask p .pic{font-size: 16px; color:#fff;display:block;width:360px;height:120px;position:absolute;top:0px;left:0px;z-index:90;padding-top:42px;}
.caseslist dl .mask p .pi{font-size: 16px; color:#fff;display:block;width:360px;height:40px;position:absolute;top:0px;left:0px;z-index:90;padding-top:42px;}
.caseslist dl .mask p .pb{font-size: 16px; color:#fff;display:block;width:360px;height:50px;position:absolute;top:30px;left:0px;z-index:92;padding-top:42px;}
.caseslist dl .mask p .bg{background:#062a51;display:block;width:360px;height:120px;top:0px;left:0px;opacity:0.8;filter:alpha(opacity=80);z-index:10}
.caseslist dl .mask { position:absolute;top:0;left:0;transform:translateY(100%);transition:all .25s;z-index:99}
.caseslist dl .mask p .pic a,.caseslist dl .mask p .pic a:link,.caseslist dl .mask p .pic a:visited { color: #fff;}
.qcaselist dl:nth-child(3) {margin-right:0}

/*scene--*/
.scene { padding-top:20px;padding-bottom:30px;}

.scene_s div {width:278px;float:left;margin-right:15px;}
.scene_s div:nth-child(4),.scene_s div:nth-child(8){margin-right:0;}
.scene_s dl { margin-top:20px; text-align:center; width:100%;height:320px; background:#fff; border:2px #dae0e6 solid;float:left; border-radius:5px;-moz-border-radius:5px; }
.scene_s dl:hover {  border:2px #fe8c3a solid; border-radius:5px;-moz-border-radius:5px; }
.scene_s dl dt { padding-top:50px;}
.scene_s dl dd.tit {font-size:20px; line-height:60px;  }
.scene_s dl dd.tip {font-size:16px; line-height:30px; color:#898b8f; padding:0 30px;}
.scene_bg  { background:#ecf0fc url(/statics/images/base/scene_bgc.png) no-repeat center bottom; height:570px; }

/*cuplayer----------------*/
.cuplayerv4 { margin-top:50px;text-align: center;height:536px;  background:url(/statics/images/bn/bg_cuplayer_01.jpg) no-repeat center bottom; }
.cuplayerv4 img { margin-top:30px; }
.cuplayerv4 w{ text-align: center;}
.cuplayerbtn { background:#fff;padding-top:20px;}

.lists { padding-top:30px; width:1160px;margin:0 auto; }
.lists dl{ width:266px;padding:10px; float:left; border:1px #f9f8f9 solid;  text-align:center; line-height:34px;  padding-top:35px; padding-bottom:35px; }
.lists dl a,.lists dl a:link,.lists dl a:visited {color:#666;}
.lists dl:hover { border:1px #ff9c01 solid; background:#fff; border-radius:0px;-moz-border-radius:0px; /* Old Firefox */}
.lists dl dd.tit { font-size:20px; padding-top:6px;}
.lists dl dd.tip { font-size:14px; padding:0 26px;margin-top:10px; line-height:24px; }
 
.down { text-align:center; background: #ddfae8; padding-top:80px;padding-bottom:80px;} 
.down p {  margin:0 auto; margin-top:40px;width:650px; }
.down p.vs { clear: both; padding-top:20px;}
.down p span { line-height:40px; height:40px;font-size:14px;}
.down p span.ver { float:left;}
.down p a.downbtn span.times{ font-size:12px;}
.down p a.downbtn,.down p a.downbtn:link,.down p a.downbtn:visited { display:block; width:310px; height:62px; background:#ff0042; line-height:62px; text-align:center; font-size:20px; color:#ffffff; border-radius: 6px; float: left;}
.down p a.downbtn:hover { text-decoration:none; color:#ffffff; background:#d20339; }
.down p a.domebtn,.down p a.domebtn:link,.down p a.domebtn:visited { margin-left:20px;display:block; width:310px; height:62px; background:#3367f1; line-height:62px; text-align:center; font-size:20px; color:#ffffff; border-radius: 6px; float: left;}
.down p a.domebtn:hover { text-decoration:none; color:#ffffff; background:#184dd7; }

/*cuplayer-help*/
.helpc { display:table; margin-top:20px;  background:#fff; width:1160px; border:1px #e1e2e3 solid; box-shadow:0 0 16px 0 rgba(0,0,0,0.08); border-top:1px #e1e2e3 solid;}
.helpc .subtit { background:#490468; width:165px; display:table-cell; vertical-align:top; }
.helpc .subtit ul li { line-height:40px; height:40px; overflow:hidden; border-bottom:1px #fff solid; text-align:left; font-size:14px; }
.helpc .subtit ul li span { font-size:16px; color:#fcfc97; font-weight:bold;padding-left:20px; }
.helpc .subtit ul li.on { background:#1a0844 ;}
.helpc .subtit ul li a,.helpc .subtit ul li a:link,.helpc .subtit ul li a:visited { color:#fff; display:block; padding-left:20px;}
.helpc .subtit ul li a:hover{ background:#601986; color:#fff; text-decoration:none; }
.helpc .subtit ul li a.on{ background:#fff; color:#1a0844; text-decoration:none; font-weight:bold;}
.helpc .acthelp { margin-top:20px; padding-top:30px; background:#fff; width:982px; display:table-cell; vertical-align:top; padding-left:6px;}
.helpc .acthelp .tits { text-align:left; padding:0 40px; font-weight:normal;}
.helpc .keywords { text-align:left; padding:0 40px; line-height:30px; font-size:14px; color:#888; }
.helpc .bnk { clear:both; height:30px;}
.helpc .main { line-height:36px;font-size:16px; text-align:left; padding:0 40px;}
.helpc blockquote { background:#efefef; border-left:5px #ccc solid; text-align:left; line-height:26px; padding:10px; font-size:14px;}
.helpc .main hr {width:70%;  display: block; unicode-bidi: isolate;margin-block-start: 0.5em; margin-block-end: 0.5em;margin-inline-start: auto;margin-inline-end: auto; overflow: hidden; border-style: inset; 
border-top:1px solid #fff; height:0; margin-top:40px;margin-bottom:40px; height:0px;}
.helpc .main p img { border:1px #efefef solid;margin-top:20px; }
.helpc .main p em { display:block; color:#888; text-align:center; margin-top:10px;margin-bottom:40px;}
.helpc .main h2.step { margin-bottom:6px; text-align:center;font-size:46px; background:#efefef; padding:10px; font-weight:normal; width:160px; border:1px #e1e2e3 solid;  box-shadow:0 0 16px 0 rgba(0,0,0,0.08); border-top:1px #e1e2e3 solid;}
.helpc .main .code { font-size:12px; line-height:26px;}
.helpc .main .graypicbg { background:#e0e0e0; text-align:center;padding-top:10px;padding-bottom:10px;}
.helpc .subtit .list_dt { background:#1a0844 ;  font-size:16px; text-align:left; padding-left:20px;height:45px;line-height:45px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;border-bottom:1px  #380251 solid;color:red;;}
.helpc .subtit .list_dt:hover ._after {display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#4285f4;}
.helpc .subtit #open ._after {display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#4285f4;}
.helpc .subtit .list_dt_icon {position:absolute;right:10px;top:15px;display:block;width:16px;height:16px;background:url("../images/base/off.png") no-repeat;}
.helpc .subtit #open .list_dt_icon {background:url("../images/base/open.png") no-repeat;}
.helpc .subtit .list_dd {display:none;}
.helpc .subtit .list_li { list-style-type:none;color:white; height:40px;line-height:40px;cursor:pointer;border-bottom:1px #380251 solid ;}
.helpc .subtit .list_dt p {color:#fcfc97; text-align: left; }
 
/*cloud update*/
.upwrap { padding-bottom:80px; background:#f3f4f6;}
.upwrap .subtit {padding-top:40px;}

.upwrap .act {background:#fff; padding-top:50px; padding-bottom:40px;}
.upwrap .actintro { color:#fff;clear:both; padding:50px;background:#4e10d5; box-shadow: 0 0 15px 0 #888888; -moz-box-shadow: 0 0 15px 0 #888888; border-radius:8px;-moz-border-radius:8px; }
.upwrap .actintro:hover { box-shadow: 0 0 15px 0 #9966ff; }
.upwrap .actintro .tit h2 { font-size:50px; line-height:65px;}
.upwrap .actintro .tit p{ font-size:24px; color:#ffff00;}
.upwrap .actintro .info { margin-top:20px; font-size:16px; line-height:30px;}
.upwrap .actintro .info p a,.upwrap .actintro .info p a:link,.upwrap .actintro .info p a:visited { color:#FFCC00; text-decoration:underline;}
.upwrap .actintro .info p a:hover { color:#fff;}
.upwrap .act:nth-child(3) .actintro{ background:#820eb9;}
.upwrap .act:nth-child(4) .actintro{ background:#5222ff;}
.upwrap .act:nth-child(3),.upwrap .act:nth-child(5){ background:#efefef;}
 
.upwrap .gobtn { height:60px;line-height:40px;left:0px;top:160px; font-size:16px;text-align:center;margin-top:40px;}
.upwrap .gobtn a ,.upwrap .gobtn a:link,.upwrap .gobtn a:visited { display:block; float:left; width:170px;height:40px;line-height:40px; border-radius:2px;font-size:16px;text-align:center; 
 background: none;margin-right:25px; color: #fff;border:1px solid #fff; }
.upwrap .gobtn a:hover { background: #0858af;transition: all 300ms ease 0s;-moz-transition:all 300ms ease 0s; -webkit-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s;color: #0858af; background: #fff; }
 
.upintro{ line-height:40px; font-size:16px; padding-top:0px; width:920px;margin:0 auto;  } 
.upintro .free { margin-top:60px;  background:#ffffff url(../images/base/box_bg.jpg) no-repeat left bottom;width:400px;height:280px; float:left; border:1px #e2e3e4 solid; box-shadow: darkgrey 0 0 16px;margin-left:0px; border-top:4px #cca873 solid;}
.upintro .polyv { text-align:center; margin-top:60px; background:#ffffff url(../images/base/box_bg.jpg) no-repeat left bottom;width:400px;height:280px;  float:left; border:1px #e2e3e4 solid;margin-left:80px; box-shadow: darkgrey 0 0 16px; border-top:4px #0d569e solid;}
.upintro .free .intros { margin-top:60px; padding-top:0px; text-align:center; }
.upintro .free div.gbtn  { margin-top:50px; }
.upintro .free div.gbtn a,.upintro .free div.gbtn a:link,.upintro .free div.gbtn a:visited{ text-align:center; color:#fff; display:block; background:#c1914b;width:250px;margin:0 auto; line-height:45px; height:45px; border-radius:3px}
.upintro .free div.gbtn a:hover { background:#c99953; text-decoration:none; }
.upintro .polyv .intros { margin-top:40px; padding-top:0px; }
.upintro .polyv .price strong { font-size:36px; line-height:60px; color:#0d569e; text-align:center;}
.upintro .polyv .mod { line-height:50px; }
.upintro .polyv div.gbtn a,.upintro .polyv div.gbtn a:link,.upintro .polyv div.gbtn a:visited{ text-align:center; color:#fff; display:block; background:#0d569e;width:250px;margin:0 auto; line-height:45px; height:45px; border-radius:3px}
.upintro .polyv div.gbtn a:hover { background:#1865b1; text-decoration:none; }

/*
.upwraptip { padding-top:50px; padding-bottom:80px;}
.upwraptip dl { margin-top:20px; width:920px;margin:0 auto; }
.upwraptip dl dt { line-height:50px; font-size:16px; font-weight:bold;}
.upwraptip dl dd { line-height:30px; font-size:14px; border-left:4px #ccc solid; padding-left:20px; color:#838282;}
*/
/*opencode*/
.wx_flex strong:hover span {  display:inline; }
.wx_flex strong:hover .img-n { display: none; }
.wx_flex strong span { display: none; color: #fff; font-size: 13px; line-height: 45px; }
.wx_flex strong .img-n { padding-top: 10px; }
.wx_flex strong { display:inline;  cursor: pointer; position: relative; z-index: 10; }
.wx_flex strong:hover { background-color: #fff; }
.wx_flex strong:hover .opencode { display: block; }
.wx_flex strong .opencode { width: 146px; height: 124px; position: absolute; left: -49px; top: -140px; text-align: center; padding-top: 15px; background: url(/statics/images/base/footerflex.png) 1px top no-repeat; display: none; }
 
.about .aboutcontent { font-size: 16px;line-height: 40px; padding:0 40px; width:600px;margin:0 auto; }
.about .aboutcontent h2 { display: block;font-size: 24px; font-weight: bold;  margin-top:30px; }


/*price*/
.price {margin-top:20px; }
.price .price_box {margin-top:40px; padding-bottom: 50px; }
.price .price_box dl { box-shadow: 0 0 15px 0 #cccccc; -moz-box-shadow: 0 0 15px 0 #efefef;height:384px; text-align:center; color:#ffffff;position:relative; padding:0px; background:#20ac4b; width:278px; margin-right:16px; float:left; line-height:34px;border-radius:5px;-moz-border-radius:5px; }
.price .price_box dl:hover {box-shadow: 0 0 15px 0 #888888; -moz-box-shadow: 0 0 15px 0 #888888;}
.price .price_box dl dt { padding-top:22px;height:70px;line-height:70px; font-size:34px;}
.price .price_box dl dt strong{ font-weight: normal;}
.price .price_box dl:nth-child(2) {background:#eb6100;}
.price .price_box dl:nth-child(3) {background:#00a0e9;}
.price .price_box dl:nth-child(4) {background:#0e3dc2; margin-right:0;}
.price .price_box dl .pricing {font-size:16px;}
.price .price_box dl .pricing strong{font-size:24px;font-weight: normal;}
.price .price_box dl .info { font-size:16px;line-height:22px; padding-top:10px; height:60px;}
.price .price_box dl .tc { font-size:14px;line-height:20px; padding-top:10px; height:70px;}
.price .price_box dl .consult { padding-top:35px;background:#fff; height:70px; border-radius:5px;-moz-border-radius:5px; border-top-left-radius:0;border-top-right-radius:0;}


/**/
.price .consult { padding-top:35px;background:#fff; height:70px; border-radius:5px;-moz-border-radius:5px; border-top-left-radius:0;border-top-right-radius:0;}
.price .wx_flex strong {font-size:16px; display:block; width:130px;height:38px;line-height:38px;margin:0 auto; text-align:center;color:#fff; border-radius:20px;-moz-border-radius:20px;}
.price .cons1 .wx_flex strong a,.price .cons1 .wx_flex strong a:link,.price .cons1 .wx_flex strong a:visited{ font-size:16px; display:block; width:130px;height:38px;line-height:38px;margin:0 auto; text-align:center;color:#fff; border-radius:20px;-moz-border-radius:20px;
background: -webkit-linear-gradient(left,#129c3d,#43d36f); /* Safari 5.1-6.0 */
background: -o-linear-gradient(right,#129c3d,#43d36f); /* Opera 11.1-12.0 */
background: -moz-linear-gradient(right,#129c3d,#43d36f);/* Firefox 3.6-15 */
background: linear-gradient(to right,#129c3d,#43d36f); }
.price .cons1 .wx_flex strong a:hover{ background:#129c3d;}

.price .cons2 .wx_flex strong a,.price .cons2 .wx_flex strong a:link,.price .cons2 .wx_flex strong a:visited{ font-size:16px; display:block; width:130px;height:38px;line-height:38px;margin:0 auto; text-align:center;color:#fff; border-radius:20px;-moz-border-radius:20px;
background: -webkit-linear-gradient(left,#eb6100,#f9a95b); /* Safari 5.1-6.0 */
background: -o-linear-gradient(right,#eb6100,#f9a95b); /* Opera 11.1-12.0 */
background: -moz-linear-gradient(right,#eb6100,#f9a95b);/* Firefox 3.6-15 */
background: linear-gradient(to right,#eb6100,#f9a95b); }
.price .cons2 .wx_flex strong a:hover { background:#eb6100;} 

.price .cons3 .wx_flex strong a, .price .cons3 .wx_flex strong a:link,.price .cons3 .wx_flex strong a:visited{ font-size:16px; display:block; width:130px;height:38px;line-height:38px;margin:0 auto; text-align:center;color:#fff; border-radius:20px;-moz-border-radius:20px;
background: -webkit-linear-gradient(left,#008ac9,#35b7f2); /* Safari 5.1-6.0 */
background: -o-linear-gradient(right,#008ac9,#35b7f2); /* Opera 11.1-12.0 */
background: -moz-linear-gradient(right,#008ac9,#35b7f2);/* Firefox 3.6-15 */
background: linear-gradient(to right,#008ac9,#35b7f2);}
.price .cons3 .wx_flex strong a:hover { background:#008ac9;} 

.price .cons4 .wx_flex strong a,.price .cons4 .wx_flex strong a:link,.price .cons4 .wx_flex strong a:visited { font-size:16px; display:block; width:130px;height:38px;line-height:38px;margin:0 auto; text-align:center;color:#fff; border-radius:20px;-moz-border-radius:20px;
background: -webkit-linear-gradient(left,#0f3dc2,#5279e6); /* Safari 5.1-6.0 */
background: -o-linear-gradient(right,#0f3dc2,#5279e6); /* Opera 11.1-12.0 */
background: -moz-linear-gradient(right,#0f3dc2,#5279e6);/* Firefox 3.6-15 */
background: linear-gradient(to right,#0f3dc2,#5279e6);}
.price .cons4 .wx_flex strong a:hover { background:#0f3dc2;} 

.price .price_list {margin-top:40px; padding-bottom: 50px; }
.price .price_list .price_tab{background:#e6e6ef;}
.price .price_list .sort{font-size:16px; display:block;font-weight:bold;line-height:28px;}

.price .price_list em.hot { width:59px; height:47px;display:block; background:url(/statics/images/ico/ico_tj.png) no-repeat left top; position:absolute; left:1px; top:-23px;}
.price .price_list .plus { clear:both;display:block;color:#DC181B; line-height:28px; font-size:14px;}
.price .price_list .tp { display:block;background:#ffdb54;color:#222222; margin:0 20px;font-size:12px; border-radius:20px;position:absolute; left:0px; top:60px; width:110px;}
.price .price_list .sort.f20 { font-size:20px;font-weight:normal; position:relative; }
.price .price_list .tit{ display:block;padding-left:10px; font-size:14px;}
.price .price_list .tits{ font-size:14px;display:block; line-height:24px; }
.price .price_list .have { display:block; height:20px; background:url(../images/ico/icon-have.png) no-repeat center center;}
.price .price_list .no { display:block; height:20px; background:url(../images/ico/icon-no.png) no-repeat center center;}
.price .price_list .sort.f20 i{ position: absolute;width:100%;height:4px;left:0;margin-left:0px;top:-20px; background: linear-gradient(to right,#0f3dc2,#5279e6);}
.price .price_list .sort.f20.c1 i{position: absolute;width:100%;height:4px;left:0;margin-left:0px;top:-30px;background: linear-gradient(to right,#129c3d,#43d36f);}
.price .price_list .sort.f20.c2 i{position: absolute;width:100%;height:4px;left:0;margin-left:0px;top:-30px;background: linear-gradient(to right,#eb6100,#f9a95b);}
.price .price_list .sort.f20.c3 i{position: absolute;width: 100%;height: 4px;left: 1px;margin-left: 0px;top: -30px;background: linear-gradient(to right,#008ac9,#35b7f2);}
.price .price_list .sort.f20.c4 i{position: absolute;width:100%;height:4px;left:0;margin-left:0px;top:-30px;background: linear-gradient(to right,#0f3dc2,#5279e6);}
.price .price_list .sort.f20.c5 i{position: absolute;width:100%;height:4px;left:0;margin-left:0px;top:-30px;background: linear-gradient(to right,#19bcdf,#85e3f7);}
.price.qcbg6 .subtit{ padding-top:40px;}
.price .price_raise {margin-top:20px; padding-bottom: 50px; }
.price .price_raise dl { box-shadow: 0 0 15px 0 #cccccc; -moz-box-shadow: 0 0 15px 0 #efefef;height:300px; text-align:center; color:#ffffff;position:relative; padding:0px; background:#189e90 url(../images/base/price_bt_bg.png) no-repeat center 1px; width:340px; margin-right:68px; float:left; line-height:34px;border-radius:5px;-moz-border-radius:5px; }
.price .price_raise dl:nth-child(3){margin-right:0;}
.price .price_raise dl:hover {box-shadow: 0 0 15px 0 #888888; -moz-box-shadow: 0 0 15px 0 #888888;}
.price .price_raise dl dt { padding-top:40px;height:30px;line-height:30px; font-size:24px;}
.price .price_raise dl dt strong{ font-weight: normal;}
.price .price_raise dl .sp { font-size:16px;}
.price .price_raise dl .sp strong { height:70px; line-height:70px; font-size:36px;}
.price .price_raise dl .pricing {font-size:16px; height:55px;}
.price .price_raise dl .pricing strong{font-size:24px;font-weight: normal;}
.price .price_raise dl .info { font-size:16px;line-height:22px; padding-top:10px; height:60px;}
.price .price_raise:nth-child(3) dl { box-shadow: 0 0 15px 0 #cccccc; -moz-box-shadow: 0 0 15px 0 #efefef;height:300px; text-align:center; color:#ffffff;position:relative; padding:0px; background:#f7a445 url(../images/base/price_bt_bg.png) no-repeat center 1px; width:340px; margin-right:68px; float:left; line-height:34px;border-radius:5px;-moz-border-radius:5px; }
.price .price_raise:nth-child(3) dl:nth-child(3){margin-right:0;}
.price .price_raise:nth-child(3) dl:hover {box-shadow: 0 0 15px 0 #888888; -moz-box-shadow: 0 0 15px 0 #888888;}
.price .price_raise .wx_flex strong { background: linear-gradient(to right,#1aa092,#28beae); }
.price .price_raise .consult .wx_flex strong:hover { background:#1aa092;} 
.price .price_raise:nth-child(3) .wx_flex strong { background: linear-gradient(to right,#e57f08,#faa84a); }
.price .price_raise:nth-child(3) .consult .wx_flex strong:hover { background:#e57f08;} 
.price .price_api {padding-bottom:60px;}
.price .price_api dl { width:1160px; box-shadow: 0 0 15px 0 #cccccc; -moz-box-shadow: 0 0 15px 0 #efefef;height:220px; text-align:center; position:relative; padding:0px; background:#fff; margin-right:68px; float:left; line-height:34px;border-radius:5px;-moz-border-radius:5px;margin-top:30px; }
.price .price_api dl dt { float:left; background:#2e8dd6 url(../images/base/price_bt_bg.png) no-repeat center bottom;  width:380px; height:220px;border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;  }
.price .price_api dl dt strong { display:block; font-size:36px; padding-top:80px; color:#fff;}
.price .price_api dl dd { float:left; height:220px;width:750px;  } 
.price .price_api dl dd div{ padding-left:60px; padding-top:30px; padding-right:30px; font-size:16px; text-align:left;}
.price .price_api dl dd .pri{ padding: 10px 0; color:#666;}
.price .price_api dl dd .pri strong{ color:#D32124; color:#666;font-size:24px;}

.price .help { width:340px;float:left;font-size:16px; line-height:30px; padding:0 20px; margin-bottom:20px; margin-top:40px;}
.price .help dt { font-weight:bold;color:#666666;}
.price .help dd { font-size:14px; color:#666666;}
.container .contact .w { height:100px;  padding-top:30px;  }
.price .helpmore a.more,.price .helpmore a.more:link,.price .helpmore a.more:visited { line-height:40px; font-size:16px; height:40px; display:block; border-radius:20px;-moz-border-radius:20px; border:1px #ccc solid; width:200px;margin:0 auto; text-align:center;}
.price .helpmore a.more:hover { border:1px #0992d0 solid}
.price .combine { height:90px; border-top:1px #a5e3ff solid;padding-top:15px; background:url(/statics/images/bn/plus.gif) no-repeat 180px center;}
.price .price_box .combine.yl { height:90px; border-top:1px #a5e3ff solid;padding-top:15px; background:#fffaab url(/statics/images/bn/plus.gif) no-repeat 180px center;}
.price .combine:hover { background:#f2faff url(/statics/images/bn/plus.gif) no-repeat 180px center;}
.price .combine .ver { width:240px;float:left;padding-left:20px; position:relative;}
.price .combine .ver em.hot { width:40px; height:20px;display:block;background:url(/statics/images/ico/ico_hot.png) no-repeat left top; position:absolute; right:116px; top:8px;}
.price .combine .add { width:260px;float:left;padding-left:20px;}
.price .combine .all { width:140px;float:left;padding-left:20px;}

/*618*/
.price .combine .all { width:200px;float:left;padding-left:20px;}

.price .combine .intros { width:280px;float:left; }
.price .combine .intros .intr{padding-top:10px;}
.price .combine .intros span {font-size:14px;}
.price .combine .all .pricing {padding-top:0px; }
.price .combine .all .pricing strong { color:#035dc7;}
.price .combine strong.b1 { font-size:24px; color:#035dc7; font-weight:normal;}
.price .combine span {font-size:18px;}

/*20210316-1*/
.newp { background:#f9fcfe; padding-top:40px;}
.newp .w dl dt em.hot,.newp .w dl dt em.hot { width:59px; height:47px;display:block; background:url(/statics/images/ico/ico_tj.png) no-repeat left top; position:absolute; left:0px; top:0px;}
.newp .w .newpbox { color:#313959; margin-top:20px;}
.newp .w dl { margin-top:10px;width:182px;float:left; border-right:1px #f1efef solid; line-height:24px; font-size:14px; text-align:center; box-shadow: 0 0 15px 0 #cfe6f4; -moz-box-shadow: 0 0 15px 0 #cfe6f4; border-radius:6px;-moz-border-radius:6px; margin-right:10px; background:#ffffff; position:relative;}
.newp .w dl:hover { background:#f8f9ff;}
.newp .w dl dt {padding-top:6px;}
.newp .w dl dt strong{ font-size:24px; line-height:70px; height:70px;font-weight:normal;}
.newp .w dl dt span { vertical-align:super; color:#e60012; font-weight:normal;}
.newp .w dl dd { padding:5px 0;}
.newp .w dl .pricing strong{ font-size:24px;line-height:46px; height:46px; }

.newp .w dl:nth-child(6) {border-right:none;  margin-right:0px; }
.newp .w dl dd.tc { padding:0;height:20px; line-height:20px;padding-top:20px; color:#ccc; background:url(/statics/images/ico/ico_pr_bline.gif) no-repeat center 22px;}

.newp .w dl dd.tc a,.newp .w dl dd.tc a:link,.newp .w dl dd.tc a:visited { color:#6e7079;   }
.newp .w dl dd.tc a:hover { color:#e60012; text-decoration:underline;}
.newp .w dl dd.info{ padding:0;height:20px; line-height:20px;text-align:left; padding-left:18px; overflow:hidden; }
.newp .w dl dd.info a,.newp .w dl dd.info a:link,.newp .w dl dd.info a:visited { color:#6e7079;  }
.newp .w dl dd.info a:hover{ text-decoration:underline; color:red;}

.newp .w dl dd.ib{ padding:0;height:20px; line-height:20px;text-align:right; padding-right:18px; overflow:hidden; font-size:13px;}
.newp .w dl dd.ib a,.newp .w dl dd.ib a:link,.newp .w dl dd.ib a:visited { color:#6e7079;  }
.newp .w dl dd.ib a:hover{ text-decoration:underline; color:red;}

.newp .w dl dd.consult { padding:10px; height:50px;}
.newp .w dl dd.consult a,.newp .w dl dd.consult a:link,.newp .w dl dd.consult a:visited { display:block; color:#004cff; border:1px #004cff solid; height:35px; line-height:35px; border-radius:3px;-moz-border-radius:3px;width:95px;margin:0 auto;}
.newp .w dl dd.consult a:hover{ border:1px #eb6404 solid; color:#eb6404;}
.newp .w dl:nth-child(1) dd.consult a,.newp .w dl:nth-child(1) dd.consult a:link,.newp .w dl:nth-child(1) dd.consult a:visited { display:block; color:#eb6404; border:1px #eb6404 solid; height:35px; line-height:35px; border-radius:3px;-moz-border-radius:3px;width:95px;margin:0 auto;}
.newp .w dl:nth-child(1) dd.consult a:hover {color:#eb6100;border:1px #eb6100 solid;}
 
.newptip { font-size:14px; line-height:35px; margin-top:20px; color:#333333;}

/* ---------table--------- */
table.definition-usage { margin-top:15px;border-collapse:collapse;box-sizing: border-box; width: 100%;}
table.definition-usage tr:nth-child(odd) {background-color:#ffffff;}
table.definition-usage tr:nth-child(even) {background-color:#f9f9f9;}
table.definition-usage td, table.definition-usage th {padding:0px;line-height:38px;;vertical-align: middle;border:1px solid #f1efef;}
 
/*20210316-2*/
.newb .w .newbbox { border:1px #f1efef solid; color:#313959; margin-top:20px;}
.newb .w dl { width:192px;float:left; border-right:1px #f1efef solid; line-height:24px; font-size:14px; text-align:center;}
.newb .w dl:hover { background:#f8f9ff; }
.newb .w dl dt strong{ font-size:24px; line-height:70px; height:70px;font-weight:normal;}
.newb .w dl dt span { vertical-align:super; color:#e60012; font-weight:bold;}
.newb .w dl dd { padding:5px 0;}
.newb .w dl .info {font-size:40px;line-height:46px; height:46px;}
.newb .w dl .pricing strong{ font-size:24px;line-height:46px; height:46px; }
.newb .w dl dd a,.newb .w dl dd a:link,.newb .w dl dd a:visited { display:block; color:#004cff; border:1px #004cff solid; height:35px; line-height:35px; border-radius:3px;-moz-border-radius:3px;width:95px;margin:0 auto;}
.newb .w dl dd a:hover{ border:1px #eb6404 solid; color:#eb6404;}
.newb .w dl dd.consult { padding:10px; height:50px;}
.newb .w dl:nth-child(6) {border-right:none;}
.newb .w dl dd.tcs { background:#f8f9ff; line-height:30px; height:30px;}
.newb .w dl dd.tcs2 { background:#5379ec; line-height:30px; height:30px;}
.newb .w dl dd.cross { text-decoration:line-through;}
.newb .w dl:nth-child(4) { background:#4e75eb; color:#ffffff;}
.newb .w dl:nth-child(4):hover{background:#375bc6}
.newb .w dl:nth-child(4) dd a,.newb .w dl:nth-child(4) dd a:link,.newb .w dl:nth-child(4) dd a:visited { display:block; color:#fff; border:1px #fff solid; height:35px; line-height:35px; border-radius:3px;-moz-border-radius:3px;width:95px;margin:0 auto;}
.newb .w dl:nth-child(4) dd a:hover {color:#fef506;border:1px #fef506 solid;}


.switch { background:#f2faff; height:66px; border-bottom:2px #2883da solid;}
.switch ul li{ height:54px;  width:190px; line-height:54px; padding-top:12px;float:left; }
.switch ul li a,.switch ul li a:link,.switch ul li a:visited { display:block; height:52px;text-align:center; border-left:2px #e2e2e2 solid;border-top:2px #e2e2e2 solid;border-right:2px #e2e2e2 solid; font-size:16px; }
.switch ul li a:hover { background:#ffffff;}
.switch ul li a.on,.switch ul li a.on:link,.switch ul li a.on:visited { display:block; height:54px;background:#fff; text-align:center; border-left:2px #2883da solid;border-top:2px #2883da solid;border-right:2px #2883da solid; font-size:16px; }
.switch ul li a.new{ background:url(/statics/images/ico/ico_new.png) no-repeat 130px 17px;}
.switch ul li a.on.new { background:#fff url(/statics/images/ico/ico_new.png) no-repeat 130px 17px;}

.switch ul li a.hot{ background:url(/statics/images/ico/ico_hot.png) no-repeat 130px 17px;}
.switch ul li a.on.hot { background:#fff url(/statics/images/ico/ico_hot.png) no-repeat 130px 17px;}

.switchqrcode ul{ clear:both;margin-top:24px; float:left;}
.switchqrcode ul li{ height:54px;  width:230px; line-height:54px;margin-left:10px; padding-top:12px;float:left; }
.switchqrcode ul li a,.switchqrcode ul li a:link,.switchqrcode ul li a:visited { background:#ffffff;display:block; height:52px;text-align:center; border-left:2px #a13720 solid;border-top:2px #a13720 solid;border-right:2px #a13720 solid; font-size:16px;border-top-left-radius:8px;border-top-right-radius:8px;}
.switchqrcode ul li a:hover { background:#ffffff;}
.switchqrcode ul li a.on,.switchqrcode ul li a.on:link,.switchqrcode ul li a.on:visited { display:block; height:54px;background:#e4f1ff; text-align:center; border-left:2px #a13720 solid;border-top:2px #a13720 solid;border-right:2px #a13720 solid; font-size:16px; }
.switchqrcode ul li a.new{ background:#ffffff url(/statics/images/ico/ico_new.png) no-repeat 174px 17px;}
.switchqrcode ul li a.on.new { background:#fff url(/statics/images/ico/ico_new.png) no-repeat 174px 17px;}

.usecdn .w{ margin-top:20px;}
.usecdn h1 { font-size:40px; line-height:70px;}
.usecdn h1 span {font-size:24px; }
.usecdn h2 { line-height:80px;}
.usecdn .bleft { width:680px;float:left;}
.usecdn .bright { width:360px;float:left; border-left:1px #eae9e9 solid; padding-left:30px;}
.usecdn .mt20 {  background:#f6fcff; border-radius:8px;-moz-border-radius:8px;  border:1px #eae9e9 solid; padding:20px; }
.usecdn .w div { font-size:16px; line-height:30px;}
.btncdn {width:555px;padding-left:20px;}
.btncdn a,btncdn a:link,btncdn a:visited{ font-size:18px; float:left;width:255px;height:55px;line-height:55px; display:block; text-align:center;  border-radius:30px;-moz-border-radius:30px; border:1px #ccc solid;border:1px #028ccb solid; margin-right:10px; background:#e5f6fd;}
.btncdn a:hover{ background:#028ccb; color:#fff;}
/*price*/
 
.effectlist dl { margin-top:30px; padding:10px;width:350px; height:90px; overflow:hidden;float:left; font-size:20px; margin-right:10px; }
.effectlist dl a,.effectlist dl a:link,.effectlist dl a:visited { height:80px;color:#666;display:block;border:1px #e4f1ff solid; border-radius:40px;-moz-border-radius:40px;}
.effectlist dl a:hover { border:1px #ccc solid; background:#fff;}
.effectlist dl dt {width:80px;float:left;padding-right:20px;}
.effectlist dl dt p { height:80px;width:80px;border-radius:50%;-moz-border-radius:50%; text-align:center; }
.effectlist dl dt p .iconfont { color: #fff; font-size:40px; display:block;}
.effectlist dl dd { width:286px; font-size:14px;}
.effectlist dl dd.tit {font-size:20px; line-height:40px; } 

.effectlistb dl { margin-top:30px; padding:10px;width:350px; height:90px; overflow:hidden;float:left; font-size:20px; margin-right:10px; }
.effectlistb dl a,.effectlistb dl a:link,.effectlistb dl a:visited { height:80px;color:#ccc;display:block; border-radius:6px;-moz-border-radius:6px;}
.effectlistb dl a:hover { background:#3c195e;}
.effectlistb dl dt {width:80px;float:left;padding-right:20px;}
.effectlistb dl dt p { height:80px;width:80px;border-radius:5px;-moz-border-radius:5px; text-align:center; }
.effectlistb dl dt p .iconfont { color: #fff; font-size:40px; display:block;}
.effectlistb dl dd { width:286px; font-size:14px;color:#666;}
.effectlistb dl dd.tit {font-size:20px; line-height:40px; color:#ccc;} 

.fb_green { background:#6bd614;}
.fb_green2 { background:#13cd48;}
.fb_green3 { background:#37d8a7;}
.fb_green4 { background:#9aab4f;}
.fb_green5 { background:#1dbb9a;}
.fb_red { background:#b62a31;}
.fb_blue { background:#368ff3;}
.fb_blue2 { background:#6dc6c5;}
.fb_blue3 { background:#0dc7f5;}
.fb_blue4 { background:#173369;}
.fb_blue5{ background:#2674ac;}
.fb_purple {background:#c54ba7;}
.fb_purple2 {background:#6c6080;}
.fb_purple3 {background:#522047;}
.fb_purple4 {background:#6c6080;}
.fb_purple5 {background:#410e60;}
.fb_purple6 {background:#a4005b;}
.fb_yellow {background:#fddf16;}
.fb_yellow2 {background:#e87e07;}
.fb_yellow3 {background:#d45402;}
.fb_gray {background:#a2abc5;}
.fb_gray2 {background:#bdc3c7;}
.fb_gray3 {background:#abb7b5;}
.fb_gray4 {background:#6d7a8c;}
 
 /*html5player*/
 .helps .acthelp { margin-top:20px; padding-top:30px; background:#fff; width:982px; display:table-cell; vertical-align:top; padding-left:6px;}
.demobox { width:510px;float:left;text-align:left;line-height:24px; margin-left:40px;margin-top:20px;}
.demobox hr {width:70%;  display: block; unicode-bidi: isolate;margin-block-start: 0.5em; margin-block-end: 0.5em; margin-inline-start: auto;  height:1px;border:none;border-top:1px dashed #cccccc; }
.acthelp .demoline { height:50px;line-height:40px;  clear:both; width:70%; margin:0 auto; border:none;border-bottom:1px dashed #cccccc; }
 
.downloadbtns a, .downloadbtns a:link,.downloadbtns a:visited { font-size:16px; display:block; width:230px; height:50px;line-height:50px;margin:0 auto; text-align:center;color:#ffffff; border-radius:30px;-moz-border-radius:30px;background: -webkit-linear-gradient(left,#eb6100,#f9a95b) }
.downloadbtns a:hover { background:#eb6100;}

/*uselist*/
div.uselist { background:#f2faff; padding:30px 0 ; border-bottom:1px #ededed solid; }
div.uselist dl.ulist { height:300px; width:240px;margin-right:56px;float:left; border:2px #d4d9e3 solid;  text-align:center; line-height:34px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius: 8px;}
div.uselist dl.ulist dt img{ padding-top:30px;}
div.uselist dl.ulist:nth-child(4) {margin-right:2px;}
div.uselist dl.ulist dd.tit { font-size:24px; padding-top:10px;}
div.uselist dl.ulist dd.tip {padding:0 20px;font-size:14px; line-height:24px; padding-top:10px;}
div.uselist dl.ulist a { position:relative;display:block;text-decoration:none;height:300px;  }
div.uselist dl.ulist:hover{ border:2px #0f81eb solid; }
div.uselist dl.ulist.on{ border:2px #f96868 solid; }

/*uselistmini*/
div.uselistmini { padding:30px 0 ; border-bottom:1px #ededed solid; }
div.uselistmini dl.ulist { height:300px; width:200px;margin-right:20px;float:left; border:2px #d4d9e3 solid;  text-align:center; line-height:34px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius: 8px; background:#f2faff;}
div.uselistmini dl.ulist dt img{ padding-top:1px;}
div.uselistmini dl.ulist:nth-child(4) {margin-right:2px;}
div.uselistmini dl.ulist dd { border:none; background:none;}
div.uselistmini dl.ulist dd.tit { font-size:24px; padding-top:20px;}
div.uselistmini dl.ulist dd.tip {padding:0 20px;font-size:14px; line-height:24px; padding-top:6px;}
div.uselistmini dl.ulist a { position:relative;display:block;text-decoration:none;height:300px;  }
div.uselistmini dl.ulist:hover{ border:2px #0f81eb solid; background:#ffffff; }
div.uselistmini dl.ulist.on{ border:2px #f96868 solid; }

div.box dl dt div.mask2 p .pic img  {width:136px;}

.demobox ul {border-top:1px #cccccc solid; margin-top:20px;}
.demobox ul li{ height:45px; font-size:14px; }
.demobox ul li{ padding:0px;overflow:hidden; border-bottom:1px #cccccc solid;}
.demobox ul li a{ padding:0px 6px 0px 25px;overflow:hidden;height:45px; display:block; line-height:45px; color:#333333;}
.demobox ul li a:hover{  color:#d4111c; background:#eeeeee;} 
.demobox ul li span.b1{ float:right; padding:0px; color:#999;width:60px; font-size:14px; line-height:45px;}
.demobox ul li span.v{ float:right; padding:0px; color:#999;width:100px; font-size:14px; line-height:45px; color:#d4111c; }