html {
	background: #FFF;
	color: #000;
	overflow-y: scroll;
}

body,
button, input, select, textarea {
    font: 12px/1 Helvetica, Arial, sans-serif; 
}

/* 清除内外边距 */
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea, button,
p, blockquote,
th, td {
	margin: 0;
	padding: 0;
}

/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 重置边框元素 */
fieldset,
img {
	border: 0;
}

/* 重置列表元素 */
li {
	list-style: none;
}

/* 重置文本格式元素 */
caption,
th {
	text-align:left;
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
h1, h2, h3, h4, h5, h6, strong{
	font-weight: bold;
}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
small { font-size: 12px; }

q:before,
q:after { content:''; }

sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }

/* 重置表单元素 */
input, textarea, select { *font-size:100%; }
legend { color:#000; }




 /*layout*/
 
article,aside,details,figcaption,figure,
footer,hgroup,header,menu,nav,section{display:block}
 
.container{ margin: 0 auto; width: 960px; overflow: hidden; }
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16{ display: inline; float: left; margin: 0 10px; overflow: hidden; }
.grid-1{ width: 40px; }
.grid-2{ width: 100px; }
.grid-3{ width: 160px; }
.grid-4{ width: 220px; }
.grid-5{ width: 280px; }
.grid-6{ width: 340px; }
.grid-7{ width: 400px; }
.grid-8{ width: 460px; }
.grid-9{ width: 520px; }
.grid-10{ width: 580px; }
.grid-11{ width: 640px; }
.grid-12{ width: 700px; }
.grid-13{ width: 760px; }
.grid-14{ width: 820px; }
.grid-15{ width: 880px; }
.grid-16{ width: 940px; }

body,button,input,select,textarea{ font:12px/1.5 "Lucida Grande", Helvetica, Arial, Verdana, \5FAE\8F6F\96C5\9ED1, sans-serif;}

.mb10{ margin-bottom: 10px !important;  }
.mb20{ margin-bottom: 20px !important;  }
.mb30{ margin-bottom: 30px !important; }

.m0{ margin: 0 !important; }

.mt5{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }

.tal{ text-align: left !important; }
.tar{ text-align: right !important; }
.tac{ text-align: center !important; }

.fleft{ float: left !important; }
.fright{ float: right !important; }

.tblack{ color: #333 !important; }
.torange{ color: #F60 !important; }
.tgrey{ color: #999 !important; }
.tred{ color: #D51A0C !important; }
.tblue{ color: #1EB7E4 !important; }

.wsnormal{ white-space: normal !important;; }

.loader{ background: url('../yunmarket/images/ajax-loader.gif') no-repeat center center; }

.price{ font-size: 24px; font-family: Georgia; }

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

a{ color: #0087CC; text-decoration: none; }
a:hover{ text-decoration: underline; }

.icons{ background: url(../yunmarket/images/icons.png) no-repeat; }

.notification-box{ margin: 10px auto 0; padding: 3px 0; width: 940px; border: 1px solid #FC0; border-radius: 5px; background: #FFC; color: #F60; text-align: center; clear: both; }

.section-box{ float: left; }
.section-header{ padding: 5px 0 0; height: 35px; overflow: hidden; }
.section-header,
.section-h1{ background:url(../yunmarket/images/section-header.png) repeat-x; }
.section-h1{ float: left; margin: 0 10px 0 0; height: 35px; color: #F60; font-size: 18px; background-position: 0 -165px; }
.section-h1 a{ color: #F60; }
.section-h2{ float: left; margin: 5px 0 0; color: #999; font-size: 14px; font-weight: normal; }
.section-h2 a{ color: #999;  }
.section-link{ float: left; margin: 5px 0 0; }
.section-header .fright{ float: right; padding: 0 10px 0 0; font-size: 12px; }

.side-box{ padding: 9px; overflow: hidden; }
.side-header{ margin: 0 0 10px; padding: 0 5px 10px; font-size: 14px; color: #F60; border-bottom: 1px solid #EEE; }


.box-bg,
.notes-box{ border-radius: 5px; border: 1px solid #EEE; background: #FFF url(../yunmarket/images/box-bg.png) repeat-x 0 0; color: #999; }

.notes-box{ padding: 9px; border-radius: 3px; border-color: #FDC; background-color: #FFC; background-position: 0 -49px; color: #A03D2A; }


.pro-img-box{ padding: 0 0 0 74px; }
.pro-logo{ float: left; margin: 0 0 0 -74px; width: 64px; height: 64px; overflow: hidden; clear: left; }
.pro-box p,
.pro-box footer{ margin: 10px 0 0 0; }
.pro-title,
.pro-title a{ color: #333; font-size: 14px; }
.pro-title span{ color: #999; font-size: 12px; font-weight: normal; }
.pro-box p{ color: #999; }
.pro-box a{ white-space: nowrap; }

.pro-side{ margin: 0 0 10px; padding: 0 10px; border-bottom: 1px solid #EEE; }
.pro-side p{ padding: 0 0 10px; }

.cut-line{ margin: 0 5px;color: #D6D6D6; }
.input-text,
.input-textarea,
.page input{ padding: 3px; border: 1px solid #CCC; border-radius: 3px; background: url(../yunmarket/images/input.png) repeat-x; line-height: 1.2em; color: #666; }
.input-textarea{ background: #FFF; }
.input-text:focus,
.input-textarea:focus{ border-color: #999; outline: 0; }


.input-yellow{ background: #FFC; cursor: text; }

.error-input{ position: absolute; margin: 1px 0 0 1px; padding: 1px 3px; color: #C90; border-radius: 3px; white-space: nowrap; line-height: 19px; }
.error-input .icons{ float: left; margin: 0 3px 0 0; width: 16px; height: 16px; background-position: 0 -119px; }


.entry-content p,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content ul,
.entry-content ol{ margin: 1em 0; }

.entry-content ul{ margin-left: 10px; }
.entry-content ul li{ padding: 0 0 0 20px; background: url(../yunmarket/images/ul_style.png) no-repeat 7px 7px; }

#header{ overflow: visible; }
#site-title a,
.menu li a,
.menu li a span{ background: url(../yunmarket/images/header-bg.png) no-repeat; }

#assistive-menu{ padding: 10px 0; height: 18px; color: #666; }
#assistive-menu a{ color: #666; }
#assistive-menu a:hover{ text-decoration: none; }
a.message em{ display: inline-block; *display: inline; margin: -1px 0 0 3px; padding: 2px 5px; line-height:12px; border-radius: 3px; background: #F60; color: #FFF; *zoom: 1; }
#site-title a{ display: inline; float: left; width: 100%; height: 40px; text-indent: -1000px; }

#access{ overflow: visible; }
.menu{ padding: 0 0 2px; height: 40px; background: url(../yunmarket/images/menu-bg.png) no-repeat; }
.menu li,
.menu li a,
.menu li a span{ position: relative; display: block; line-height: 18px; cursor: pointer; }
.menu li{ position: static; cursor: default; }

.menu li{ float: left; width: 126px; height: 40px; }
.menu li.last-node{ width: 112px }

.menu li a{ position: absolute; padding: 0 0 0 10px; background-position: 0 -50px; color: #4B4B4B; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0 #FFF; }
.menu li a span{ padding: 11px 10px 11px 0; width:106px; height: 18px; background-position: 100% -50px; text-align: center; overflow: hidden; }

.menu li.last-node a span{ width: 110px; }
.menu li.first-node a,
.menu li.last-node a span{ background-position: 500px 500px; }

/* hover */
.menu li a:hover{ margin: 0 0 0 -1px; padding-left: 11px; background-position: 0 -150px; z-index: 1; }
.menu li a:hover span{ padding-right: 11px; background-position: 100% -150px; }
.menu li.first-node a:hover{ margin: 0; padding-left: 10px; background-position: 0 -100px;  }
/*.menu li.last-node a:hover span{ padding-right: 10px; background-position: 100% -100px; }*/

/* current-page */
.menu li a.current-page-item,
.menu li a.current-page-item:hover{ margin: 0 0 0 -1px; padding-left: 11px; background-position: 0 -250px; color: #FFF; text-shadow: 1px 1px 1px #F30; z-index: 100; }

.menu li a.current-page-item span,
.menu li a.current-page-item:hover span{ padding-right: 11px; background-position:100% -250px; }

.menu li.first-node a.current-page-item,
.menu li.first-node a.current-page-item:hover{ margin: 0; padding-left: 10px; background-position: 0 -200px; }

.menu li.last-node a.current-page-item span,
.menu li.last-node a.current-page-item:hover span{ padding-right: 10px; background-position: 100% -200px; }

.menu_drop_down{ position: absolute; display: none; margin: 40px 0 0 -1px; padding: 0 10px; width: 350px; box-shadow: 0 1px 2px rgba(34,25,25,.4); border: 1px solid #CCC; border-top: 0; background: white url(../yunmarket/images/box-bg.png) repeat-x 0 0; z-index: 999; filter: progid:DXImageTransform.Microsoft.Shadow(color = #ADACAC,direction = 135,strength = 3); }
.menu_drop_down li{ float: none; padding: 10px 0 10px 120px; width: auto; height: 1%; border-bottom: 1px dashed #EEE; overflow: hidden; }
.menu_drop_down li.last-child{ border: 0; }
.menu_drop_down li strong{ float: left; margin: 0 0 0 -110px; font-weight: bold; }
.menu_drop_down li a,
.menu_drop_down li a:hover,
.menu_drop_down li span{ position: static; float: none; display: inline; margin: 0; padding: 0; background: none; font-weight: normal; }
.menu_drop_down li a{ color: #0087CC; white-space: nowrap; }
.menu_drop_down li a:hover{ text-decoration: underline; }
		
.side-links{ padding: 0 0 20px; width: 159px; border-right: 1px solid #EEE; text-align: right; }
.side-links h3{ padding: 10px 20px 10px 0; border-bottom: 1px solid #EEE; color: #333; }
.side-links h3 a{ color: #333; }


.side-links li{ position: relative; padding: 10px 30px 0 0; background-position: 130px -69px; }
.side-links li a{ color: #888; }
.side-links li a.current-page-item{ color: #333; font-weight: bold; cursor: default; }
.side-links li a.current-page-item:hover{ text-decoration: none; }
	


.bannner{ position: relative; width: 700px; height: 180px; overflow: hidden; }
.banner-image{ float: left; width: 700px; height: 310px; }
.banner-control{ position: absolute; right: 5px; bottom: 5px; }
.banner-control a{ float: left; margin: 0 0 0 5px; padding: 2px 0; width: 16px; height: 12px; border-radius: 3px; background-color: #FFF; background-position: 100px 100px; color: #000; font-size: 12px; text-align: center; line-height: 12px; overflow: hidden; opacity: 0.5; _filter:alpha(opacity=50); }
.banner-control a:hover{ background-color: #000; color: #FFF; text-decoration: none; }

.banner-control a.activate,
.banner-control a.activate:hover{ background-color: transparent; background-position: 0 0; cursor: default; text-shadow: 1px 1px 1px #F30; color: #FFF; opacity: 1; _filter:alpha(opacity=100); }

.login-box{ height: 160px; }
.login-box a.login-btn{ display: block; width: 190px; height: 51px; background: url(../yunmarket/images/login-btn.png) no-repeat; text-indent: -1000px; overflow: hidden; }
.login-box a.login-btn:hover{ background-position: 0 -51px; }
.login-box .login-btn2{ float: left; margin: 0 10px 0 0; width: 70px; height: 25px; background: url(../yunmarket/images/login-btn2.png) no-repeat; text-indent: -1000px; border: 0; overflow: hidden; cursor: pointer; *zoom: 1; }
.login-box p{ padding: 0 5px; }
.login-box p .alipay-login{ padding: 0 0 0 18px; background-position: 0 -51px; line-height: 16px; }
.login-box label{ float: left; margin: 4px 10px 0 0; }
.login-box .nolabel{ position: relative; padding: 0 0 0 39px; width: 161px; white-space: nowrap; overflow: hidden; }
.login-box .forget-link{ float: left; margin: 4px 0 0; }
.login-box .reg-box{ margin-top: 10px; }
.login-box .reg-link{ float: right; display: inline; margin: 3px 10px 0 0; font-size: 12px; font-weight: normal; }
.reg-box a{ margin: 0 10px 0 0; padding: 10px 0 0; }
.login-box .loader{ height: 50px; }

.logined-box{ height: 160px; }
.logined-box .side-header{ margin-bottom: 5px; padding-bottom: 5px; }
.logined-box ul{ margin: 0 0 10px; width: 100%; overflow: hidden; }
.logined-box ul li{ float: left; padding: 0 5px; width: 90px; }
.my-cloud{ margin: 5px 0 0; padding-top: 5px; border-top: 1px solid #EEE; }

.video-image{ display: block; height: 110px; overflow: hidden; }


.product-list,
.marketing-list,
.partner-list{ width: 720px; overflow: hidden; }

.product-list .pro-box,
.marketing-list .pro-box{ float: left; margin: 0 20px 0 0; width: 340px; }


.developer-box{ padding: 20px; background: #F9F9F9; }
.dev-menu{ float: right; margin: 10px 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #EEE; }
.dev-menu .pro-box{ margin: 5px 0; }
.developer-box p{ margin: 0; }



.marketing-list{ width: 720px; overflow: hidden; }
.marketing-list .pro-box{ width: 220px; }
	

.event-list li{ margin: 0 0 10px; padding: 0 0 10px; width: 100%; border-bottom: 1px solid #EEE; overflow: hidden; }
.event-image{ float: left; margin: 0 10px 0 0; padding: 1px; width: 75px; height: 75px; border: 1px solid #D6D6D6; background: #FFF; overflow: hidden; }
.event-single{ display: block; height: 70px; overflow: hidden; }

#partners{ overflow: hidden; }
.partner-list{ width: 720px; overflow: hidden; }
.partner-list li{ float: left; margin: 0 20px 0 0; width: 100px; }

/* message page */
#message-main{ min-height: 300px; _height: 300px; overflow: visible; }

.message-list{ border: 0 solid #EEE; border-width: 0 1px; }
.message-list .none{ padding: 50px; border-bottom: 1px solid #EEE; color: #999; text-align: center; }
.message-item{ padding: 10px; height: 16px; border-bottom: 1px solid #EEE; background-position: -40px 10px; }
.message-item header{ padding: 0 0 0 20px; background-position: -50px 0; overflow:hidden; cursor: pointer; zoom: 1; }
.message-item h1{ float: left; font-size: 12px; line-height: 1.3em; }
.message-item h1 a{ color: #333; }
.message-item .timmer{ float: right; color: #999; }
.message-item .entry-content{ display: none; }

.message-readed header{ background-position: -50px -30px; *zoom: 1; }
.message-readed h1 a{ color: #666; font-weight: normal; }
.message-open{ height: auto; }
.message-open .entry-content{ display: block; padding: 0 0 0 20px; color: #666; clear: both; }

.message-list .alt{ background-color: #F9F9F9; }

/* products page */

.mobile-dev-list{ width: 100%; overflow: hidden; }
.mobile-dev-list .pro-box{ float: left; display: inline; padding: 20px 20px 20px 94px; width: 263px;overflow: hidden; }

.product-description{ padding: 10px; background: #F9F9F9; color: #999; }

.product-ecs-list,
.product-odps-list,
.product-other-list,
.product-dun-list{ width: 780px; overflow: hidden; }
.product-ecs-list .pro-box{ float: left; margin: 0 20px 0 0; width: 240px; }
.product-odps-list .pro-box,
.product-other-list .pro-box{ float: left; margin: 0 20px 0 0; width: 294px; }

.site-list{ padding: 0 10px; }
.site-list li{ margin: 0 0 20px; }
.site-list h3{ margin: 0 0 5px; font-size: 12px; }


/* marketing page */
.marketing-sort h2{ padding: 9px 10px; height: 16px; border-radius: 5px 5px 0 0; background: url(../yunmarket/images/header-bg.png) repeat-x 0 -300px; color: #FFF; font-size: 14px; text-shadow: 1px 1px 1px #5A697F; line-height: 16px; }
.marketing-sort ul{ border: 1px solid #EEE; border-width: 0 1px; background: #F9F9F9; }
.marketing-sort li{ padding: 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; }
.marketing-sort li h3{ margin: 0 0 10px; font-size: 12px; background-position: 185px -30px; }

.marketing-sort a{ white-space: nowrap; }

.marketing-banner{ position: relative; float: left; margin: 0 20px 0 0; width: 460px; height: 190px;  overflow: hidden; }
.marketing-banner-image{ float: left; width: 460px; height: 190px; overflow: hidden; }
.marketing-login{ float: left; width: 220px; }

.mrkting-list{ width: 930px; overflow: hidden; }
.mrkting-list .pro-box{ float: left; margin: 0 45px 0 45px; width: 220px; }
.mrkting-list .pro-inner,
.mrkting-list .pro-inner-hover{ padding: 10px; border: 1px solid #EEE; }
.mrkting-list .pro-inner-hover{ border-color: #DDD; }
.mrkting-list .pro-box-title{ padding: 0 0 10px; border-bottom: 1px solid #EEE; }
.mrkting-list .torange{ margin: 0 10px 0 0; }


.mrkting-side h3{ padding: 0 0 5px; border-bottom: 1px solid #EEE; color: #F60; }

.news-list{ margin: 10px 0 0; }
.news-list li{ padding: 5px 0 5px 20px; height: 16px; background-position: 0 -75px; line-height: 16px; }

.buy-btn{ display: block; width: 66px; height: 23px; background: url(../yunmarket/images/buy-btn.png) no-repeat; text-indent: -1000px; }

.mrkt-left,
.mrkt-right{ float: left; width: 480px; }

.mrkt-right{ width: 220px; }

.anli{ width: 720px; overflow: hidden; }
.anli li{ float: left; margin: 0 20px 10px 0; width: 160px; height: 50px; }
.pp-list{ width: 230px; overflow: hidden; }
.pp-list li{ float: left; margin: 10px 10px 0 0; width: 105px; height: 50px; overflow: hidden; }

/* help pagenavi */
.help-page-box{ padding: 0 10px; color: #333; }

.page { margin: 20px 0 0; }
.page input{ margin: 0 3px; width: 2em; }
.page a,
.page b{  display: inline-block; *display: inline; margin: 0 5px 0 0; padding: 1px 5px; border: 1px solid #DDD; border-radius: 3px; *zoom: 1; }
.page b{ border-color: #CCC; background: #EEE; color: #999; }

/* partners page */
.parn-list .pro-box{ margin: 20px 0 0; width: 650px; overflow: hidden; }
.parn-list .pro-img-box{ padding: 0 0 0 110px; }
.parn-list .pro-title{ font-size: 18px; }
.parn-list .pro-logo{ margin: 0 0 0 -110px; width: 100px; height: 100px; }
.parn-content p{ color: #999; }

/* yfc page */
.yfc-content,
.yfc-links{ float: left; }

.yfc-content{ margin: 0 20px 0 0; padding: 0 10px; width: 500px; }
.yfc-links{ margin: 24px 0 0; width: 219px; border-left: 1px solid #EEE; }
.yfc-links li{ padding: 10px 0 10px 40px; border-bottom: 1px solid #EEE; background-position: 25px -68px; }
.yfc-links li.last-link{ border: 0; }

/* cloud page */
.yunos-h1{ width: 468px; height: 80px; background: url(../yunmarket/images/os-title.png) no-repeat 0 0; text-indent: -1000px; overflow: hidden; }
.yunos-h2{ padding: 0 0 0 10px; color: #8E97A7;	font-size: 14px; }
.yunos-banner{ position: relative; height: 250px; overflow: hidden; }
.yunos-banner-links{ position: absolute; right: 30px; bottom: 5px; }

.yunos-list{ width: 780px; overflow: hidden; }
.yunos-list .pro-box{ float: left; margin: 0 20px 0 0; width: 368px; }
.yunos-list .pro-inner{ padding: 20px; }
.yunos-list .pro-title{ font-size: 20px; }
.yunos-list .pro-inner p{ width: 250px; }


.footer{ padding: 20px; color: #999; border-top: 1px solid #D6D6D6; background: #F9F9F9; }
.footer p{ padding: 5px 0; }
.footer a{ color: #797979; }

/*开发者首页*/
.sub-menu { display: inline; float: right; margin:18px 10px;}
.sub-menu li{ display: inline;  padding:0 15px 0 0; }
.sub-menu li a { color:#666666; background: url(../yunmarket/images/icons.png) no-repeat -52px -350px; padding-left:15px;}
.sub-menu li a.selected,
.sub-menu li a:hover { text-decoration: none; background-position:-52px -300px; }
.sub-menu li a.selected{font-weight:bold;}

#branding,
#products,
#marketing { width: 100%; overflow: hidden; }

.banner-box { position:relative; z-index: 10; }
.banner-img { display:block;  height: 260px; overflow: hidden; position: relative;}
.banner-control-d {position:absolute; bottom:15px; right:300px; *zoom:1; }
.banner-control-d a { display: inline; float:left; width: 12px; height: 12px; margin: 0 4px; overflow: hidden; text-indent: -200px; background-position: 0 -300px; }
.banner-control-d a.activate { background-position: 0 -350px;}

.welcome-box { position:absolute; width:180px; top:15px; right:5px; padding:9px 19px; z-index: 50; }
.wel-h1 { width:180px; margin:0 auto 5px; font-size:16px; text-align: center; color:#000000;}
.welcome-box p { padding:5px 0; }
a.btn-developers { display:block; height: 37px; width: 161px; margin:5px auto; background: url(../yunmarket/images/developer-btn.png) no-repeat left top; text-indent: -9999px; overflow:hidden; }
a.btn-developers:hover{ background-position:left bottom;}
a.edit-dev{ display:block; text-align:center; font-size:14px; font-weight:bold;margin:5px auto;}


.section-h1-blue { background-position: 0 -325px; color: #00C5E8; }

.product-dev-list{ width: 720px; }
.product-dev-list .pro-box{ margin: 0 20px 5px 0; float: left; width: 254px; padding: 0 0 0 84px; }
.product-dev-list .pro-logo{ margin: 5px 0 0 -84px;}

.dev-side h3{ padding: 12px 0 5px; border-bottom: 1px solid #EEE; color: #00C5E8;	}
.dev-side .news-list {margin: 10px 0 5px;}
.dev-side li a{ color: #333; }



ul.side-list  li { padding: 10px 0 0 15px; background-position: 0 -68px; clear:both; overflow:hidden;}
ul.side-list  li a { float:left; width:160px; color: #666666;}
ul.side-list  li span { float:right; width:40px; color: #666666;}
ul.side-list  li a.current-page-item { color: #333; font-weight: bold; cursor: default; }
ul.side-list  li a.current-page-item:hover { text-decoration: none; }
.side-list-wrap footer{ margin:10px 8px 0 0; text-align:right;}
.aboutus-box {padding:10px 10px 20px; background:#F5F5F5; border-radius: 5px; }
.aboutus-box h3{ margin: 0 5px; color: #2986c2; }
.about-dl { margin: 20px 0 0; padding: 0 0 0 35px;}
.about-dl dt { color:#666; }
.about-dl dt span { font-size:12px;}
.about-dl dd { color:#999;}
.about-dl dd .blue {color:#317990; }
.ic-mail { background-position: 0 -245px;}
.ic-wang { background-position: 0 -190px;}

/*Font-color*/
.fcblue { color:#116699 !important;}
.fcorange { color:#ff7f17 !important;}
a.fcblue { color:#0087CC !important;}

/*NewsList*/
.trends-list li{ padding:10px 20px; border-bottom:dashed 1px #CCCCCC; overflow:hidden;}
.trends-list li a{ float:left; font-size:14px; color:#666666;}
.trends-list li .timmer{ float:right; color:#999999;}
.newsview-wrap { border-bottom: 1px solid #EEE; }
.newsview-box{ padding:10px; color:#666666;}
.newsview-wrap h1 { text-align:center; color:#333333;}
.newsview-wrap .timmer { text-align:center; color:#666666;}
.breadcrumb{ padding:10px 0;}

.breadcrumb a { color:#333333;}
.breadcrumb span { color:#999999;}

/*Event*/
.event-dev-list { padding:10px;}
.event-dev-list .pro-box { overflow:hidden; padding: 10px 0 0 110px;}
.event-dev-list .pro-logo { width:72px; height:72px; margin-left:-100px;}
.side-pro-box{ border-left: 1px solid #EEE; }
.side-pro-box li{ padding: 20px 10px 10px; border-bottom: 1px solid #EEE; }
.side-pro-box li.last{ border: 0; }
.side-pro-box .pro-img-box { padding: 0 0 0 52px;}
.side-pro-box .pro-img-box .links { float:left; margin: 5px 10px 0 0; color:#0087CC;}
.side-pro-box .pro-logo { width:42px; height:42px; margin-left:-52px;}

.product-dev-info .pro-img-box { padding: 0 0 0 104px;}
.product-dev-info .pro-logo { width:74px; height:74px; margin-left:-94px;}
.product-dev-info .pro-title{ font-size:16px;}
.product-dev-info .pro-subhead {float:14px; margin: 10px 0 0; color:#333333;}
.product-dev-info p strong {font-size:16px;}

.dev-bg-side{ padding: 0; }
.dev-bg-inner{ padding: 9px 9px 100px; background: url(../yunmarket/images/dev-bg-side.png) no-repeat left bottom; }
.dev-bg-side p{ padding: 5px 10px; }


.forms p,
.forms .agreement-box{  position: relative; padding: 9px; min-height: 26px; _height: 26px; padding-left: 110px; border: 1px solid #FFF; }
.forms .agreement-box p{ position: static; height: auto; }
.forms p.item-selected{ border-radius: 3px; border: 1px solid #EEE; background: #F9F9F9 url(../yunmarket/images/box-bg.png) repeat-x 0 -49px; }
.forms .form-item-name{ position: relative; float: left; margin: 4px 0 0 -110px; width: 100px; text-align: right; }
.forms label,
.forms .mobile, .forms .textonly{ float: left; margin: 4px 15px 0 0; }
.forms .input-text{ width: 20em; height: 18px; }
.forms .input-text,
.forms .input-textarea{ float: left; margin: 0 10px 0 0; line-height: 18px; }
.forms .agreement-box .entry-content{ float: left; width: 380px; height: 100px; }
.forms .agreement-box p{ padding: 0; border: 0; background: #FFF; }
.forms .agreement-box .entry-content{ padding: 0 10px; border-radius: 3px; border: 1px solid #CCC; overflow-y: scroll; }
.forms .submit-btn{ float: left; margin: 0 20px 0 0; width: 90px; height: 31px; border: 0; background: url(../yunmarket/images/submit-btn.png) no-repeat; text-indent: -1000px; cursor: pointer; overflow: hidden; }
.forms .cancel-btn{ float: left; margin: 5px 0 0; color: #666; }
.forms select{ float: left; margin: 0 10px 0 0; }
.forms .item-selects{ height: 26px; }
.forms .form-tip-box{ white-space: nowrap; }
.forms .tip-normal,
.forms .tip-error{ margin: 0 0 0 0 !important; }
.forms .tip-normal,
.forms .tip-normal span{ float: left; background: url(../yunmarket/images/form-tip.png) no-repeat; color: #1EB7E4; font-style: normal; font-weight: normal; line-height: 16px; }
.forms .tip-normal{ padding: 0 0 0 15px; }
.forms .tip-normal span{ padding: 5px 10px 5px 0; height: 16px; background-position: 100% 0; }
.forms .tip-error{ float: left; padding: 4px 0 4px 20px; background: url(../yunmarket/images/icons.png) no-repeat 0 -395px; color: #F90; font-weight: normal; }
.forms .tip-loading{ padding: 4px 0 4px 20px; background: url(../yunmarket/images/loader.gif) no-repeat 0 4px; }

.cssSelect{ position: relative; float: left; margin: 0 10px 0 0; white-space: nowrap; }
.cssSelect *{ display: block; }
.cssSelect a{ color: #666; text-decoration: none; outline: 0; }
.cssSelect .selectBox,
.cssSelect .selectLt,
.cssSelect .selectRt{ float: left; background: url(../yunmarket/images/select-bg.png) no-repeat; cursor: pointer; }

.cssSelect .selectBox{ padding: 0 0 1px 0; }
.cssSelect .selectLt{ padding: 4px 10px; height: 16px; color: #666; line-height: 17px; background: none; overflow: hidden; }
.cssSelect .selectRt{ padding: 0 25px 0 0; height: 26px; }

.cssSelect .sNormal{ background-position: 0 0; }
.cssSelect .sNormal .selectRt{ background-position: 100% 0; }

.cssSelect .sHover{ background-position: 0 -50px; }
.cssSelect .sHover .selectRt{ background-position: 100% -50px; }

.cssSelect .sPressDown{ background-position: 0 -100px; }
.cssSelect .sPressDown .selectRt{ background-position: 100% -100px; }

.cssSelect .optionsBox{ position: absolute; margin: 1px 0 0; padding: 0 1px 1px; border: 1px solid #999; box-shadow: 1px 1px 2px #CCC; background: #FFF; z-index: 100; }

.cssSelect .optionBox{ margin: 1px 0 0; padding: 5px 50px 5px 10px; cursor: pointer; }
.cssSelect .optionBox span{ cursor: pointer; }


.cssSelect .oHover{ background: #EEE; }
.cssSelect .selected{ background: #FFC; }


.icons{ background: url(../yunmarket/images/icons.png) no-repeat; }

.notification-box{ margin: 10px auto 0; padding: 3px 0; width: 940px; border: 1px solid #FC0; border-radius: 5px; background: #FFC; color: #F60; text-align: center; clear: both; }

.section-box{ float: left; }
.section-header{ padding: 5px 0 0; height: 35px; overflow: hidden; }
.section-header,
.section-h1{ background: url(../yunmarket/images/section-header.png) repeat-x; }
.section-h1{ float: left; margin: 0 10px 0 0; height: 35px; color: #F60; font-size: 18px; background-position: 0 -165px; }
.section-h1 a{ color: #F60; }
.section-h2{ float: left; margin: 5px 0 0; color: #999; font-size: 14px; font-weight: normal; }
.section-h2 a{ color: #999;  }
.section-link{ float: left; margin: 5px 0 0; }
.section-header .fright{ float: right; padding: 0 10px 0 0; font-size: 12px; }

.side-box{ padding: 9px; overflow: hidden; }
.side-header{ margin: 0 0 10px; padding: 0 5px 10px; font-size: 14px; color: #F60; border-bottom: 1px solid #EEE; }


.box-bg,
.notes-box{ border-radius: 5px; border: 1px solid #EEE; background: #FFF url(../yunmarket/images/box-bg.png) repeat-x 0 0; color: #999; }

.notes-box{ padding: 9px; border-radius: 3px; border-color: #FDC; background-color: #FFC; background-position: 0 -49px; color: #A03D2A; }


.pro-img-box{ padding: 0 0 0 74px; }
.pro-logo{ float: left; margin: 0 0 0 -74px; width: 64px; height: 64px; overflow: hidden; clear: left; }
.pro-box p,
.pro-box footer{ margin: 10px 0 0 0; }
.pro-title,
.pro-title a{ color: #333; font-size: 14px; }
.pro-title span{ color: #999; font-size: 12px; font-weight: normal; }
.pro-box p{ color: #999; }
.pro-box a{ white-space: nowrap; }

.pro-side{ margin: 0 0 10px; padding: 0 10px; border-bottom: 1px solid #EEE; }
.pro-side p{ padding: 0 0 10px; }

.cut-line{ margin: 0 5px;color: #D6D6D6; }
.input-text,
.input-textarea,
.page input{ padding: 3px; border: 1px solid #CCC; border-radius: 3px; background: url(../yunmarket/images/input.png) repeat-x; line-height: 1.2em; color: #666; }
.input-textarea{ background: #FFF; }
.input-text:focus,
.input-textarea:focus{ border-color: #999; outline: 0; }


.input-yellow{ background: #FFC; cursor: text; }

.error-input{ position: absolute; margin: 1px 0 0 1px; padding: 1px 3px; color: #C90; border-radius: 3px; white-space: nowrap; line-height: 19px; }
.error-input .icons{ float: left; margin: 0 3px 0 0; width: 16px; height: 16px; background-position: 0 -119px; }


.entry-content p,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content ul,
.entry-content ol{ margin: 1em 0; }

.entry-content ul{ margin-left: 10px; }
.entry-content ul li{ padding: 0 0 0 20px; background: url(../yunmarket/images/ul_style.png) no-repeat 7px 7px; }

#header{ overflow: visible; }
#site-title a,
.menu li a,
.menu li a span{ background: url(../yunmarket/images/header-bg.png) no-repeat; }

#assistive-menu{ padding: 10px 0; height: 18px; color: #666; }
#assistive-menu a{ color: #666; }
#assistive-menu a:hover{ text-decoration: none; }
a.message em{ display: inline-block; *display: inline; margin: -1px 0 0 3px; padding: 2px 5px; line-height:12px; border-radius: 3px; background: #F60; color: #FFF; *zoom: 1; }
#site-title a{ display: inline; float: left; width: 100%; height: 40px; text-indent: -1000px; }

#access{ overflow: visible; }
.menu{ padding: 0 0 2px; height: 40px; background: url(../yunmarket/images/menu-bg.png) no-repeat; }
.menu li,
.menu li a,
.menu li a span{ position: relative; display: block; line-height: 18px; cursor: pointer; }
.menu li{ position: static; cursor: default; }

.menu li{ float: left; width: 126px; height: 40px; }
.menu li.last-node{ width: 112px }

.menu li a{ position: absolute; padding: 0 0 0 10px; background-position: 0 -50px; color: #4B4B4B; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0 #FFF; }
.menu li a span{ padding: 11px 10px 11px 0; width:106px; height: 18px; background-position: 100% -50px; text-align: center; overflow: hidden; }

.menu li.last-node a span{ width: 110px; }
.menu li.first-node a,
.menu li.last-node a span{ background-position: 500px 500px; }

/* hover */
.menu li a:hover{ margin: 0 0 0 -1px; padding-left: 11px; background-position: 0 -150px; z-index: 1; }
.menu li a:hover span{ padding-right: 11px; background-position: 100% -150px; }
.menu li.first-node a:hover{ margin: 0; padding-left: 10px; background-position: 0 -100px;  }

/* current-page */
.menu li a.current-page-item,
.menu li a.current-page-item:hover{ margin: 0 0 0 -1px; padding-left: 11px; background-position: 0 -250px; color: #FFF; text-shadow: 1px 1px 1px #F30; z-index: 100; }

.menu li a.current-page-item span,
.menu li a.current-page-item:hover span{ padding-right: 11px; background-position:100% -250px; }

.menu li.first-node a.current-page-item,
.menu li.first-node a.current-page-item:hover{ margin: 0; padding-left: 10px; background-position: 0 -200px; }

.menu li.last-node a.current-page-item span,
.menu li.last-node a.current-page-item:hover span{ padding-right: 10px; background-position: 100% -200px; }

.menu_drop_down{ position: absolute; display: none; margin: 40px 0 0 -1px; padding: 0 10px; width: 350px; box-shadow: 0 1px 2px rgba(34,25,25,.4); border: 1px solid #CCC; border-top: 0; background: white url(../yunmarket/images/box-bg.png) repeat-x 0 0; z-index: 999; filter: progid:DXImageTransform.Microsoft.Shadow(color = #ADACAC,direction = 135,strength = 3); }
.menu_drop_down li{ float: none; padding: 10px 0 10px 120px; width: auto; height: 1%; border-bottom: 1px dashed #EEE; overflow: hidden; }
.menu_drop_down li.last-child{ border: 0; }
.menu_drop_down li strong{ float: left; margin: 0 0 0 -110px; font-weight: bold; }
.menu_drop_down li a,
.menu_drop_down li a:hover,
.menu_drop_down li span{ position: static; float: none; display: inline; margin: 0; padding: 0; background: none; font-weight: normal; }
.menu_drop_down li a{ color: #0087CC; white-space: nowrap; }
.menu_drop_down li a:hover{ text-decoration: underline; }
		
.side-links{ padding: 0 0 20px; width: 159px; border-right: 1px solid #EEE; text-align: right; }
.side-links h3{ padding: 10px 20px 10px 0; border-bottom: 1px solid #EEE; color: #333; }
.side-links h3 a{ color: #333; }
	

.side-links li{ position: relative; padding: 10px 30px 0 0; background-position: 130px -69px; }
.side-links li a{ color: #888; }
.side-links li a.current-page-item{ color: #333; font-weight: bold; cursor: default; }
.side-links li a.current-page-item:hover{ text-decoration: none; }
	

.bannner{ position: relative; width: 700px; height: 180px; overflow: hidden; }
.banner-image{ float: left; width: 700px; height: 310px; }
.banner-control{ position: absolute; right: 5px; bottom: 5px; }
.banner-control a{ float: left; margin: 0 0 0 5px; padding: 2px 0; width: 16px; height: 12px; border-radius: 3px; background-color: #FFF; background-position: 100px 100px; color: #000; font-size: 12px; text-align: center; line-height: 12px; overflow: hidden; opacity: 0.5; _filter:alpha(opacity=50); }
.banner-control a:hover{ background-color: #000; color: #FFF; text-decoration: none; }

.banner-control a.activate,
.banner-control a.activate:hover{ background-color: transparent; background-position: 0 0; cursor: default; text-shadow: 1px 1px 1px #F30; color: #FFF; opacity: 1; _filter:alpha(opacity=100); }

.login-box{ height: 160px; }
.login-box a.login-btn{ display: block; width: 190px; height: 51px; background: url(../yunmarket/images/login-btn.png) no-repeat; text-indent: -1000px; overflow: hidden; }
.login-box a.login-btn:hover{ background-position: 0 -51px; }
.login-box .login-btn2{ float: left; margin: 0 10px 0 0; width: 70px; height: 25px; background: url(../yunmarket/images/login-btn2.png) no-repeat; text-indent: -1000px; border: 0; overflow: hidden; cursor: pointer; *zoom: 1; }
.login-box p{ padding: 0 5px; }
.login-box p .alipay-login{ padding: 0 0 0 18px; background-position: 0 -51px; line-height: 16px; }
.login-box label{ float: left; margin: 4px 10px 0 0; }
.login-box .nolabel{ position: relative; padding: 0 0 0 39px; width: 161px; white-space: nowrap; overflow: hidden; }
.login-box .forget-link{ float: left; margin: 4px 0 0; }
.login-box .reg-box{ margin-top: 10px; }
.login-box .reg-link{ float: right; display: inline; margin: 3px 10px 0 0; font-size: 12px; font-weight: normal; }
.reg-box a{ margin: 0 10px 0 0; padding: 10px 0 0; }
.login-box .loader{ height: 50px; }

.logined-box{ height: 160px; }
.logined-box .side-header{ margin-bottom: 5px; padding-bottom: 5px; }
.logined-box ul{ margin: 0 0 10px; width: 100%; overflow: hidden; }
.logined-box ul li{ float: left; padding: 0 5px; width: 90px; }
.my-cloud{ margin: 5px 0 0; padding-top: 5px; border-top: 1px solid #EEE; }

.video-image{ display: block; height: 110px; overflow: hidden; }


.product-list,
.marketing-list,
.partner-list{ width: 720px; overflow: hidden; }

.product-list .pro-box,
.marketing-list .pro-box/*,
.cloud-list li,
.cloud-list .link-box*/{ float: left; margin: 0 20px 0 0; width: 340px; }