@charset "utf-8";
html{overflow-y:scroll;overflow-x:hidden;}
html,body{width:100%;height:100%; }
body{text-align:left;font-size: 12px;
line-height: 162%;
color: #333333;
font-family: Microsoft YaHei,Arial,Verdana,sans-serif,Segoe UI,Tahoma; margin:0; padding:0; background-color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea{margin:0;padding:0;}
input,select{vertical-align:middle;line-height:100%;}
table{margin:0 auto;}
table,td,tr,th{font-size:12px;text-align:left;}
ol,ul{list-style:none;}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.right{ float :right ;}
.left{ float:left;}
p{ line-height:20px; margin:0;}
.validateCode{ height:40px;position:absolute;top:0px; left:90px; z-index:99999;}

.btn{ background:#009ee3;line-height:30px;border:0 ;color:#FFF; height:30px; cursor:pointer}
.btnw{ background:#FFF; color:#0072c6;border:0 ;padding:0px 30px 0px 30px;line-height:30px;  height:30px; cursor:pointer}
.btnb{ background:#2AABE4;line-height:30px;padding:0px 30px 0px 30px;border:0 ;color:#FFF;  height:30px; cursor:pointer}
.btng{ background:#45ab34;line-height:30px;padding:0px 30px 0px 30px;border:0 ;color:#FFF;  height:30px; cursor:pointer}
.pricetag{color:#F60; font-family:'Courier New', Courier, monospace; font-weight:bold}
.padd20
{
    padding:20px 0;
}
.padd10
{
    padding:10px 0;
}
/*头部*/
.page1{ height:657px; background:url(../images/bg.jpg) repeat-x;} 
.page1 header{ width:1000px; margin:0 auto; height:27px; line-height:27px; color:#bfbfbf; z-index:9999;}
.page1 header a{ color:#666;}
.page1 header .probar{ float:left;}
.page1 header #login{ float:right; font-family:'微软雅黑'; font-size:14px; padding-right:20px; position:relative; z-index:999;}
.page1 header #login.open{ background-position:right -311px;}
#login_frame{ width:190px; height:140px; border:1px solid #cdcdcd; padding:30px; position:absolute; left:-230px; background:#fff; z-index:9999;  display:none; top:27px;}
#login_frame input[type="text"],#login_frame input[type="password"]{ border:1px solid #ddd; height:28px; width:180px; padding:0 5px; margin-bottom:10px; line-height:28px;}
#login_frame div a,#login_frame div label{ font-size:12px; color:#252525}
#login_frame div a{ float:right;}
#mailaddress,#pw{ position:absolute; left:40px;font-family:'宋体'; font-size:12px; color:#333;  display:none;}
#mailaddress{ top:30px;}
#pw{ top:73px;}
.pagebase{width:1250px; margin:0 auto; clear:both; min-height:500px;}
.page1 nav{ height:90px;  width:1000px; margin:1px auto 0;}
.page1 nav a#logo{ float:left; margin-top:30px; display:block;}
.page1 nav ul{ height:90px; line-height:90px; margin-left:10px; float:left; }
.page1 nav ul li {float:left ; text-align:center; }
.page1 nav ul li a{color:#0f0f0f;padding:0 18px;  font-size:13px; font-family:'微软雅黑'; line-height:90px; display:block;}
.page1 nav ul li a:hover,.page1 nav ul li.curr a{ background-color:#f54786; color:#fff; text-decoration:none;}
.page1 .box {display: block;position: relative;margin: 0 auto;max-width: 1113px;min-width: 1000px;width: 100%;overflow: hidden;}
.box-toggle .label {display: block;position: relative;z-index: 3;height: 122px;width: 122px;font-size: 1.5em;line-height: normal;cursor: pointer;text-align: center;color: white;background: no-repeat 0 0;text-decoration: none;}
.box-toggle .items {display: block;margin: 417px 0 0 0;}
.box-toggle .items .item {float: left;height: 122px;width: 122px;}
.box-toggle #get_sources{ margin-left:122px;}
.box-toggle #get_sources > .label {background-image: url("../images/position.jpg");}
.box-toggle #position > .label {background-image: url("../images/get_sources.jpg");}
.box-toggle #api > .label {background-image: url("../images/api.jpg");}

.box-toggle .item.active > .label {background-position: 0 -244px;}
.box-toggle .label:hover{background-position: 0 -122px} 
.box-toggle .view { position: absolute; display:none;}
.box-toggle .right-text { background-color: #FFFFFF; height: 122px; left: 488px; top: 417px; width: 625px;}
.box-toggle .right-text .img { height: 122px;right: 30px; position: absolute; width: 258px;}
.box-toggle .right-text .img img { bottom: 0;position: absolute; right: 0;}

.box-toggle .right-text .text { height: 102px; left: 52px; margin-top: 20px; position: absolute;top: 0;width: 232px;}
.box-toggle .right-text .text h3 {color: #343333;font-size: 18px;}
.box-toggle .right-text .text .button { width:64px;font-family: arial; text-align:center;
    background: none repeat scroll 0 0 padding-box #F13C6E;
    border: 3px solid #fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px;
    bottom: 17px;color: #fff;cursor: pointer;display: inline-block;font-size: 0.85em;left: 20px; padding: 10px;
    position: absolute;text-decoration: none;}
.box-toggle .right-text .text .button:hover{ border:3px solid #ffd9e7;}
.box-toggle .right-text .text .free { bottom: 30px; color: #999; font-size: 0.8em; left: 120px; position: absolute;}
.box-toggle .left {  height: 417px;left: 0;  padding-right: 18px; top: 0;width: 470px;z-index: 2;}
.box-toggle .left h2 { color: #fff; font-family: '微软雅黑'; font-size: 50px; line-height: 1em; margin: 2em 0 0;}
.box-toggle .left p {color: #fff;
font-family: '微软雅黑';
font-size: 27px;
line-height: 1.5em;
margin: 50px 0 0 30px;}
.box-toggle .right-img {right: 0; top: 0;}
/*弹出框插件样式*/
.boxy-wrapper{position:absolute;}
.boxy-wrapper.fixed{position:fixed;}
/* Modal */ 
.boxy-modal-blackout{position:absolute; z-index:1px; background-color:#333; left:0; top:0;} 
/*弹出框插件样式*/
/*提示框*/
.popup{ width:341px;}
.popup .content{ border:1px solid #d6d7d7;color:#585657; line-height:20px; font-size:14px; border-top:none;white-space:nowrap; padding:20px 30px; background:#ffffff;}
.popup .conpl{line-height:28px;text-align:left;}
.popup .wauto{width:auto;white-space: normal;word-break: break-all;word-wrap: break-word;}
.knowBtn{ background-color: #4DBFBF;   font-weight:normal  !important; padding:3px 5px; text-align:center; font-size:18px;  color:#fff;  vertical-align:middle; }
.knowBtn:hover{color: #fff !important;}
.popup .tip01{  padding-left:20px; color:#585657; line-height:20px; font-size:14px; padding-bottom:15px;}
.popup .tip02{  padding-left:20px;  padding-bottom:30px; margin-top:15px;}
.uploadlayer .close,.popup .close{ background-position:-148px -57px; width:11px; height:11px; position:absolute; top:9px; right:11px; cursor:pointer;}
.popup h4{border:1px solid #4DBFBF; color:#DCFBFE; border-bottom:none;font-size:14px;font-weight:bold;background-color: #4DBFBF;height:28px;line-height:28px;padding-left:10px;}

/*分页*/
.page{height:28px;text-align:center;color:#999;font-size:14px;font-family:Arial}.page a,.page span{float:left!important;}
.page a{display:inline-block;min-width:18px;_width:18px;height:26px;line-height:26px;padding:0 5px;text-align:center;margin-left:-1px;vertical-align:top}
.page a:link,.page a:visited{color:#3b5998;text-decoration:none;border:1px solid #ccd3e4;background-color:#fafbfc}
.page a:hover{color:#3b5998;text-decoration:none;border:1px solid #ccd3e4;background-color:#f0f0f0}
.page .page-item-info{display:inline-block;line-height:28px;margin-right:8px;font-size:12px}
.page .page-item-first{margin-right:5px}.page .page-item-prev{width:50px;margin-right:5px}
.page .page-item{margin:0 5px}.page .page-item-next{width:50px;margin-left:5px}
.page .page-item-last{margin-left:5px}.page a.page-disabled:link,.page a.page-disabled:visited,.page a.page-disabled:hover{color:#999;cursor:default;border:1px solid #d0d0d0;background-color:#efefef}.page-small{height:20px;font-size:12px}.page-small a{height:18px;line-height:18px}.page-small .page-item-info{line-height:20px}
.page a.current:link, .page a.current:visited, .page a.current:hover {
color: #FFF;
text-decoration: none;
border: 1px solid #3b5998;
background-color: #3b5998;
cursor: default;
}
.page a .right
{
    width:40px;
}
.margtop3
{
    margin-top:3px;
}
/*顶部选择*/
#subtopselect{ display:none; position:absolute; background:#3e3e3e; padding:0px 10px 0px 10px; margin-left:-10px; line-height:25px; z-index:9999999}
#subtopselect a{ display:block; }
#subtopselect a:hover{}
/*del*/
.del {
text-decoration: line-through;
}