/*
Theme Name: weptt
Theme URI:  http://www.weptt.com
version: 1.1
Author: WePTT
Author URI: http://www.weptt.com/
Tags:lite,right-sidebar,two-columns,metro
*/


html,body,div,p,span,a,strong,form,table,th,td,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,iframe,object,pre,img,b,i{border: 0 none; margin: 0; outline: 0 none; padding: 0;}
ul,ol,li{ list-style: none;padding: 0;
margin: 0;}
table{border-spacing: 0;}
fieldset,img { border: 0 none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
body, table, input, textarea, button, select {font-family: "\5FAE\8F6F\96C5\9ED1"; font-size: 12px; color: #666;}

blockquote {padding:0;}
pre {  border-radius: 4px;
  margin: 15px 0;
  font: 100 12px/18px monaco,andale mono,courier new;
  padding: 10px 12px;
  border: #eee 1px solid;
  border-left-width: 4px;
  background-color: #FCFCFC;
  color: #444;}


html{background: #fff; overflow-y: scroll;}
.clr{ clear: both; height: 0; font-size: 0;}
a{ text-decoration: none; color: #666;}
.hot-link{ color: #047ecb; text-decoration: underline;}
.blue{ color: #008eff!important;}
.green{}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.bs-callout {
margin: 20px 0;
padding: 20px;
border-left: 3px solid #EEE;
}
.bs-callout-warning {
background-color: #FAF8F0;
border-color: #FAEBCC;
}

/***header style **/
.header{ width: 100%; height: 79px; overflow: hidden; background: url(images/h-bg.png) repeat-x; min-width: 980px;}
.nav{ width: 980px; margin: auto; height: 100%;}

	.logo{ float: left; margin-right: 210px;}
	.menu{ float: right; font-size: 16px; margin-top: 30px;}
	.menu a{ float: left; padding: 0 15px; color: #000; margin: 0 15px; height: 47px; }
	.menu a:hover{color:#047ECB;}
	.menu .current{ border-bottom: 3px solid #047ecb;}
	
.wrapper{ width: 980px; margin: auto; min-height: 450px; _height: 450px;}


/*sysmsg bgein*/
.sysmsg{padding:9px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;margin-top:0px;font-size:12px;z-index:100px;}
.sysmsg a{font-weight:bold;}
.sysmsg a:hover{text-decoration:underline;}
.sysmsg-free{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
.sysmsg-tips{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.sysmsg-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
.sysmsg-post{    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
    padding: 3px 15px;
    font-size: 13px;
    margin: 5px -16px;
    /* margin-top: -16px; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px;}

.sysmsg-free a{color:#2B542C;}
.sysmsg-tips a{color:#843534;}
.sysmsg-info a{color:#245269;}
.sysmsg-post a{color:#66512C;}
/*sysmsg end*/

/*************FOOTER BEGIN****************/

.footer{ background: #252525; border-top: 10px solid #6C6C6C;width: 100%; min-width: 980px; height: 100px; padding-top: 45px; text-align: center; line-height: 22px;color:#A5A5A5;}
.footer a{color:#A5A5A5;}
.footer a:hover{color:#F5F5F5;}



/*************FOOTER END****************/

/***Index Product content BEGIN***/

.product-detail{ float: left; width: 620px;}
.product-ts,.sidebar-dt,.sidebar-contact{ border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; height: 23px; line-height: 23px;}
	.product-ts h2,.sidebar-dt h2,.sidebar-contact h2{ float: left;}
	.product-ts .more,.sidebar-dt .more,.sidebar-contact .more{ float: right;padding-top:5px;}

.detail-list{ overflow: hidden; zoom: 1; font-size: 14px;}
.detail-list li{ float: left; width: 50%; margin-top: 45px; height: 100px; overflow: hidden;}
.detail-list h3{ font-size: 16px; float: left; margin-bottom: 5px;}
.detail-list .info{ width: 182px; float: left; line-height: 19px;}

/***AUTHOR STYLE START***/
.author-wrapper{width: 960px; margin: auto;}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 12px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  font-size:14px;
  width:98%;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

a.list-group-item {
  color: #555555;
}

a.list-group-item .list-group-item-heading {
  color: #333333;
}

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    z-index: 2;
    font-size:18px;

    color: #333;
	background-color: whiteSmoke;
	border-color: #DDD;
}

a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
/***AUTHOR STYLE END***/


/***PAGE STYLE START***/

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-default {
  border-color: #dddddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}



.panel-heading {
  padding: 12px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  font-size:18px;
}

.panel-body {
  padding: 15px 15px 20px 15px;
  font-size:14px;
  min-height:450px;
  padding-bottom: 5px;
  line-height: 2.3em;
}
.panel-body a{color:#66512C;}
.panel-body a:hover{text-decoration:underline;}
.panel-body img{max-width: 600px;width: expression(this.width>600 ? "600px":true);height: auto;margin:10px 0;}

.panel-body-version-info{font-size:15px;color:#333;line-height: 2.5em;padding-bottom:10px;}
.panel-body-version-info a{color:#428BCA;}
.panel-body-version-info a:hover{color:#333;text-decoration:underline;}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body h2{border-bottom:1px solid #EEE;font-size:18px;line-height:40px;padding:3px 0;overflow:hidden;margin:5px 0;}
.panel-body h3{border-bottom:1px solid #EEE;font-size:17px;line-height:35px;padding:2px 0;overflow:hidden;margin:5px 0;}

/***PAGE STYLE END***/



/***Index Product content BEGIN***/



.product-question{ float: right; width: 316px;}

.titles{ background: url(images/tits.png) no-repeat; height: 23px; text-indent: -9000px;}
.tit-detail{ background-position: 0 0; width: 125px;}
.tit-question{ background-position: 0 -23px; width: 125px;}
.tit-select-by-type{ background-position: 0 -69px; width: 205px;}
.tit-about{ background-position: 0 -46px; width: 205px;}
.tit-daohang{ background-position: 0 -115px; width: 255px;}
.tit-yueyu{ background-position: 0 -138px; width: 255px;}
.tit-gnjj{ background-position: 0 -92px; width: 125px;}

.p-icon{ background: url(images/index-icon.png) no-repeat; width: 62px; height: 62px; float: left; margin-right: 30px;}
.icon-1{ background-position: 0 0; margin-top: 10px;}
.icon-2{ background-position: -62px 0; margin-top: 10px;}
.icon-3{ background-position: -124px 0; margin-top: 10px;}
.icon-4{ background-position: -186px 0; margin-top: 10px;}
.icon-5{ background-position: -248px 0; margin-top: 10px;}
.icon-6{ background-position: -310px 0; margin-top: 10px;}

.about-list{ overflow: hidden; zoom: 1; font-size: 14px; color: #333; margin-top: 15px;}
.sdpost-list{ overflow: hidden; zoom: 1; font-size: 14px; color: #428BCA; margin-top: 15px;}
.sdpost-list li{ float: left; width: 100%; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 8px;}
.sdpost-list a{ color: #428BCA;}
.sdpost-list a:hover{ text-decoration: underline;}


.footer-links{margin-top: 20px 0;height:50px;padding: 20px 0; font-size: 14px;}
.footer-links ul{list-style: none;}
.footer-links li{list-style: none;float: left;margin-right:10px;}
.footer-links a:hover{color:#047ECB;}

/*slide*/
.slide{ width: 100%; min-width: 980px; height: 568px; overflow: hidden; position: relative; border-top: 1px solid #959595;}
.slide-arry{ height: 480px; overflow: hidden; position: absolute;left: 0; top: -1px; z-index: 100; width: 100%; background-color: #222F4A;background: url("./images/banner.jpg") center no-repeat;}

.slide-arry li.on{ z-index: 105;}
.slide .slide-phone{ width: 980px; margin: auto; position: relative; z-index: 110;}

.slide-phone-arry{position: absolute; left: 60px; top: 80px; width: 350px; height: 480px;background: url("./images/phone.png");}


.slide-btns{ position: absolute; left: 445px; top: 453px;}
.btn-slide{ width: 190px; height: 50px; display: inline-block; margin-right: 10px; background: url(images/btn-slide.png) no-repeat;} 
.btn-tm-reg{ background-position: 0 0;}
.btn-tm-manage{ background-position: 0 -50px;}

.slide-desc{ position: absolute; left: 445px; top: 120px;}
.desc-img{ width: 435px; height: 175px; display: inline-block; margin-right: 10px; background: url(images/idesc.png) no-repeat;margin-top: 40px;} 


.slide-dlbtns{ position: absolute; left: 450px; top: 320px;background: url(images/dl-bg.png) no-repeat;width:310px;height:90px;padding:5px;display: none;}
.dlbtns-slide{ width: 160px; height: 50px; display: inline-block; margin-right: 10px; background: url(images/btn-download.png) no-repeat;} 
.dlbtns-slide-down{ background-position: 0 0;}
.dlbtns-manage{ background: url(images/code.png) no-repeat;display: inline-block; margin-top:-150px;margin-left: 10px;width:80px;height:80px;}
.dlbtns-dldesc{color:#F5F5F5;margin-top:-4px;font-family:SimSun;line-height:17px;}

.slide-dl{ position: absolute; left: 440px; top: 350px;}
.dl-img{ width: 190px; height: 60px; display: inline-block; margin-right: 10px; background: url(images/) no-repeat;} 

/* weixin code */
*{ padding:0px; margin:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(images/icon.png) no-repeat; position:fixed; right:150px; cursor:pointer;display: none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(images/icon.png) -4px -3px no-repeat; position:fixed; right:190px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;z-index:999;}