/** Reset **/
a, blockquote, button, body, code, dd, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, hr, html, i, input, iframe, img, label, li, legend, object, ol, p, pre, small, span, strong, sub, sup, table, tbody, td, th, thead, tr, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark { display: block; margin: 0; padding: 0; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
time { display: inline; }
mark { color: #333; background: #ff0; }
html { color: #333; background-color: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font: 12px/1.5 Tahoma, Arial, 'Hiragino Sans GB', '\5B8B\4F53', '\5FAE\8F6F\96C5\9ED1', sans-serif; }
input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
b, strong { font-weight: 700; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: Tahoma, Arial; }
small { font-size: 80%; }
ul, ol, li { list-style: none; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
a:active { color: #333; text-decoration: none; }
sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
legend { color: #333; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, button, textarea, select { font-size: 100%\9; }
pre { white-space: pre-wrap; word-wrap: break-word; }
table { max-width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; }
th { text-align: inherit; }
fieldset, img { border: 0; }
a img { border-width: 0; vertical-align: top; }
iframe { display: block; }
del { text-decoration: line-through; }
.clear { clear:both;}
.blank10 { clear:both; height:10px;}

/** Function **/
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clear { zoom: 1; }
.fn-clearfix { visibility: hidden; clear: both; }
.fn-left, .fn-right { display: inline; }
.fn-left { float: left; }
.fn-right { float: right; }

/** Golbal **/
::selection { color:#fff; background-color:#108ae7; }
body { background-color: #f2f2f2; min-height: 955px; height: 100%; }

/** Common **/
.header{ width: 1000px; height: 114px; margin: 0 auto; }
.logo { width: 342px; height: 114px; float: left; background: url(images/slogan.png) right top no-repeat; }
.logo a{ display: block; width: 212px; height: 114px; background: url(images/logo.png) left top no-repeat; }

.logo2 { width: 436px; height: 114px; float: left; background: url(images/slogan2.png) right top no-repeat; }
.logo2 a{ display: block; width: 212px; height: 114px; background: url(images/logo.png) left top no-repeat; }

.nav{ width: 420px; line-height: 120px; float: right; }
.nav li {  }
.nav li a { display: block; float: left; padding: 0 24px; color: #555555; font-size: 20px; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif; text-shadow: 0 0 1px #f2f2f2; }
.nav .active a,
.nav a:hover { text-decoration: none; color: #d51a1c; }
.nav-txt{ position: absolute;; right: 160px; }
.nav-txt li{ padding: 0 24px; color: #555555; font-size: 20px; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif; text-shadow: 0 0 1px #f2f2f2; }

/* emai */
.email{ width: 770px; height: 720px; margin: 0 auto; padding-top: 50px; }
.email h2{ font-size: 14px; font-weight: 700; color: #555; padding-left: 20px; }
.email-txt{ width: 740px; height: 40px; line-height: 40px; padding-left:22px; font-size: 14px; background-color: #f2f2f2; color: #555; margin-bottom: 10px; }
.submitform{ width:770px; padding: 20px 0; }
.checkboxdiv label{ width: 110px; padding:0 10px;font-size:14px; cursor:pointer; display:block; float:left}
.checkboxdiv label input{ width:20px; margin:10px; }
.checkboxdiv label span{padding-top:3px;color:#676767; }
.subscribeaddress{ position: relative; width: 350px; padding-top: 40px; font-size: 14px; }
.subscribeaddress h2{ width: 65px; height: 30px; line-height: 30px; float: left; }
.subscribeaddress input.subscribeadd{ width: 240px; float: right; height:30px; line-height: 30px;  border:1px solid #eee; padding-left:10px; color:#999;}
.subscribeaddress input.submit{ height:36px;width:170px;background:#3c8bf0;border:none; text-align: center; color:#FFF;cursor:pointer; margin: 40px 0 0 20px; }

.subscribeaddress p{ position: absolute; left: 220px; top: 120px; }
.subscribeaddress p a{ text-decoration: underline; }
.subscribeaddress p a:hover{ color: #3c8bf0; }

/* tab */
.wrap{ width: 1000px;  margin: 0 auto; background-color: #fff; margin-bottom: 10px; padding-bottom: 16px; }
.tab .ya-tabs { position: relative; *z-index: 300; padding-top:30px;} 
.tab .ya-tabs-head { width:264px; height:36px; padding: 26px 0 6px 712px;}
.tab .ya-tabs-head li { float:left; font-size: 16px; width:132px; height:36px; line-height:36px; text-align:center; background-color: #f2f2f2; color: #555; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif; }
.tab .ya-tabs-head li.ya-active { width: 132px; height: 36px; line-height: 36px; background-color: #999; color: #fff;}
.tab .ya-tabs-head li a { color:#555; cursor:pointer; }

.tab .ya-tabs-head li.ya-active a { color: #fff; text-decoration: none; }
.tab .ya-tabs-body { padding: 0px;}
.tab .ya-tabs-body li { display: none; border-bottom:1px #e2e2e2 dashed;}
.tab .ya-tabs-body .proposal{ position: absolute; left: 97px; font-size: 16px; color: #d51a1c; font-weight: 700; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif; }
.tab .more { position: absolute; right: 15px; bottom: 7px; }
.tab .ya-tabs-body li dl { width: 963px; margin-top: 20px; float: left; padding:0 0 10px 36px; border-bottom: 1px dashed #d4d4d6; }
.tab .ya-tabs-body li dl:last-child { border-bottom: none; }
.tab .ya-tabs-body li dd{ width: 128px; height: 184px; float: left; padding: 10px 52px; }
.tab .ya-tabs-body li dd img{ width: 128px; height: 128px; float: left; }
.tab .ya-tabs-body li dd h2{ float: left; margin-top:12px; width: 119px; padding-left: 9px; height: 30px; font-weight: 700; line-height: 40px; font-size: 14px; color: #555; background: url(../../images/hudong/line.png) 9px top no-repeat;}
.tab .ya-tabs-body .group { position:relative;}
.tab .ya-tabs-body .group dl{ margin: 0; padding: 0}
.tab .ya-tabs-body .group dd{ width: 900px; height: 156px; }
.tab .ya-tabs-body .group dd p{ width: 680px; float: left; padding:2px 0 0 40px; height: 156px; overflow: hidden; font-size: 14px; line-height: 30px; }
.tab .ya-tabs-body li a{ color: #1b1919; }
.tab .ya-tabs-body li a:hover{ color: #929292; text-decoration: none; }
.tab li .more a { color: #8a1661; }
.abs { position:absolute; left:52px;; bottom:20px; font-size:14px; width:200px; text-align:center;}

/* tab2 */
.tab2{ padding-bottom: 10px; }
.tab2 .ordinary{ position: relative; left: 144px; top: 12px; font-size: 16px; color: #555555; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif; }
.tab2 .ya-tabs { position: relative; *z-index: 300; } 
.tab2 .ya-tabs-head { width:800px; height:36px; padding: 26px 0 0 142px;}
.tab2 .ya-tabs-head li { float:left; font-size: 16px; width:89px; height:36px; line-height:36px; text-align:center; background-color: #f2f2f2; color: #555; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif; }
.tab2 .ya-tabs-head li.ya-active { width: 89px; height: 36px; line-height: 36px; background-color: #999; color: #fff;}
.tab2 .ya-tabs-head li a { color:#555; cursor:pointer; }

.tab2 .ya-tabs-head li.ya-active a { color: #fff; text-decoration: none; }
.tab2 .ya-tabs-body { padding: 0px;}
.tab2 .ya-tabs-body li { display: none; height:720px;}
.tab2 .ya-tabs-body .proposal{ position: absolute; left: 97px; font-size: 16px; color: #d51a1c; font-weight: 700; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif; }
.tab2 .more { position: absolute; right: 15px; bottom: 7px; }
.tab2 .ya-tabs-body li dl { width: 963px; margin-top: 20px; float: left; padding:0 0 0 100px; border-bottom: 1px dashed #d4d4d6; }
.tab2 .ya-tabs-body li dl:last-child { border-bottom: none; }
.tab2 .ya-tabs-body li dd{ width: 312px; height: 140px; float: left; margin: 16px 42px; background-color: #f2f2f2; color: #555;  border: 1px solid #ddd; }
.tab2 .ya-tabs-body li dd h2{ width: 140px; height: 24px; line-height: 24px; font-size: 16px; padding-top: 11px; font-weight: 700; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif;}
.tab2 .ya-tabs-body li dd h3{ width: 200px; height: 20px; line-height: 18px;}

.tab2 .ya-tabs-body li dd .room-left{ width: 66px; height: 105px; float: left; margin: 16px  0 0 14px; background: url(images/group_bg.jpg) left top no-repeat; }
.tab2 .ya-tabs-body li dd .room-left span{ display: block; width: 40px; height: 38px; padding: 66px 0 0 14px; color: #555555; text-align: center; }
.tab2 .ya-tabs-body li dd .room-right{ width: 208px; height: 105px; float: right; }
.tab2 .ya-tabs-body li dd .room-right a{ display: block; width:90px; height: 22px; background: url(images/join.jpg) left top no-repeat; margin-top: 4px; }

/* box */
.box{  width: 1000px; padding: 20px 0 10px 0; float: left; border-bottom: 1px dashed #d4d4d6; }
.box .ordinary{ position: relative; left: 144px; font-size: 16px; color: #555555; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif; }
.box .proposal{ position: relative; left: 144px; font-size: 16px; color: #d51a1c; font-weight: 700; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif; }
.box dl { width: 900px; margin-top: 20px; float: left; padding:0 0 0 100px; border-bottom: 1px dashed #d4d4d6; }
.box dl:last-child { border-bottom: none; }
.box dd{ width: 312px; height: 140px; float: left; margin: 0 42px 20px 42px; background-color: #f2f2f2; color: #555;  border: 1px solid #ddd; }
.box dd h2{ width: 160px; height: 24px; line-height: 24px; font-size: 16px; padding-top: 11px; font-weight: 700; font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, Arial, '\5B8B\4F53', sans-serif;}
.box dd h3{ width: 200px; height: 20px; line-height: 18px;}

.box dd .room-left{ width: 66px; height: 105px; float: left; margin: 16px  0 0 14px; background: url(images/group_bg.jpg) left top no-repeat; }
.box dd .room-left span{ display: block; width: 40px; height: 38px; padding: 66px 0 0 14px; color: #555555; text-align: center; }
.box dd .room-right{ width: 208px; height: 105px; float: right; }
.box dd .room-right a{ display: block; width:90px; height: 22px; background: url(images/join.jpg) left top no-repeat; margin-top: 4px; }

/* button-box */
.button-box .button{display: block; width: 72px; height: 30px; overflow: hidden; padding: 0; border: 0 none; outline: 0 none; -webkit-border-radius: 2px; border-radius: 2px; background: #3c8bf0; color: #fff; font: normal 14px/30px '\5FAE\8F6F\96C5\9ED1','microsoft yahei'; cursor: pointer; text-align: center;}
.button-box .button:hover,
.button-box .button:focus{background: #1d6fbe; color: #fff;}

/* complain-form */
.complain{ padding: 6px 0 80px 0; }
.complain-form{padding: 10px 22px 0;}
.complain-form li{overflow: hidden; zoom: 1; margin: 20px 0 0;}
.complain-form textarea{float: left; width: 678px; height: 190px; overflow: hidden; resize: none; padding: 5px 10px; outline: 0 none; border: 1px solid #e6e6e6; background: #fff; color: #999; font: normal 14px/24px Arial;}
.complain-form label{float: left; width: 70px; font: normal 14px/30px Arial;}
.complain-form input{float: left; height: 16px; width: 188px; padding: 6px 5px; outline: 0 none; border: 1px solid #e6e6e6; line-height: 16px;}
.complain-form textarea:focus,
.complain-form input:focus{border-color: #3ea0e6; color: #333;}
.complain-form .tip{float: left; color: #999; line-height: 30px;}
.complain-form .verification-code{float: left;}
.complain-form .verification-code input{width: 88px; margin: 0 10px 0 0;}
.complain-form .verification-code img{float: left; margin: 5px 3px 0 0; cursor: pointer;}
.complain-form .verification-code .change-btn{float: left; width: 24px; height: 22px; overflow: hidden; margin: 4px 0 0; background-position: 5px -175px; cursor: pointer; text-indent: -999em;}
.complain-form .button-box{margin: 30px 0 0 70px;}
.complain-form .button-box .button{width: 110px; height: 38px; float: none; font-size: 18px; line-height: 38px;}
.complain-form .network-speed-tip { padding: 20px 0 12px; color: #999; font: normal 14px/30px Arial;}
.complain-form .network-speed-tip .blue {width: 180px; height: 40px;  background-color: #2fa1f2; }
.complain-form .network-speed-tip .yellow {width: 180px; height: 40px;  background-color: #a5d20c; }
.complain-form .network-speed-tip .gray {width: 180px; height: 40px;  background-color: #858585; }
.complain-form .network-speed-tip span{ text-align: center; }
.complain-form .network-speed-tip a{ display: inline-block; color: #fff; }
.complain-form .upload-box{clear: both; padding: 20px 0 0 70px; position: relative; height:70px;}
.complain-form .upload-box .upload-button{float: left; width: 60px; height: 60px; overflow: hidden; margin: 0 10px 0 0; border: 2px dashed #e0e0e0; background-position: 0 -275px; cursor: pointer;}
.complain-form .upload-box .upload-button:hover{border-color: #cfcfcf; background-position: 0 -205px;}
.complain-form .upload-box object{}
.complain-form .upload-box .button-tip{float: left; margin: 46px 0 0; color: #999; font: normal 12px/14px Arial; cursor: pointer;}
.complain-form .upload-box .upload-pic{position: relative; float: left; width: 60px; height: 60px; border: 2px dashed #e0e0e0;}
.complain-form .upload-box img{vertical-align: top;}
.complain-form .upload-pic .icon{position: absolute; top: -5px; right: -5px; width: 14px; height: 14px; overflow: hidden; background: url(http://icon.zol-img.com.cn/cms/complain/complain-closed.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://icon.zol-img.com.cn/cms/complain/complain-closed.png'); cursor: pointer;}

/* complain-wrapper */
.complain-wrapper{width: 1000px; }
.complain-wrapper .complain-header{height: 52px; padding: 0 22px; border-bottom: 1px solid #e6e6e6; line-height: 52px;}
.complain-wrapper .complain-header .link{float: right; font-size: 14px; width: 380px; height: 52px; overflow: hidden; word-break: break-all;}
.complain-wrapper .complain-title{font: normal 18px/52px '\5FAE\8F6F\96C5\9ED1','microsoft yahei';}
.complain-wrapper .complain-title span{padding: 0 10px 0 0; color: #3687d9;}

/* success-tip */
.success-tip{margin: 95px 0 0; color: #666; text-align: center;}
.success-tip strong{display: inline-block; padding: 0 0 0 32px; background-position: 0 -77px; font: normal 22px/32px '\5FAE\8F6F\96C5\9ED1','microsoft yahei';}
.success-tip p{margin: 16px 0 0; font: normal 14px/24px Arial;}

/* layer-box */
.layer-box {width: 350px; border: 5px solid #b2b2b2; border-color: rgba(0,0,0,.3); background: #fff; position:absolute; display:none}
.layer-box .layer-header{height: 38px; border-bottom: 1px solid #eee; background: #fafafa;}
.layer-box .layer-title{padding: 0 0 0 12px; font: normal 14px/38px '\5FAE\8F6F\96C5\9ED1','microsoft yahei';}
.layer-box .layer-header .close-btn{float: right; width: 23px; 	height: 23px; overflow: hidden; margin: 8px 7px 0 0; background-position: 0 -145px; text-indent: -999em; cursor: pointer;}
.layer-box .layer-header .close-btn:hover{background-position: 0 -115px;}
.layer-box p{margin: 30px 0 0; font: normal 16px/30px '\5FAE\8F6F\96C5\9ED1','microsoft yahei'; text-align: center;}
.layer-box .button-box{padding: 30px 0;}
.layer-box .button-box .button{margin: 0 auto;}
/* footer */
.footer{width:1000px; height: 42px; margin:0 auto; }
.footer .footer_left{width:400px;height:30px;float:left;}
.footer .footer_left p{width:300px;background:url(images/footer_icon.jpg) no-repeat;padding-left:35px;height:30px;line-height:30px;margin-left:10px;color:#333;font-size:14px;}
.footer .footer_right{ width: 576px; float:right; margin-top:8px;}
.footer_right ul li{float:left;height:14px;line-height:14px;padding-left:11px;padding-right:11px;border-right: double #333333;}
.footer_right ul li a{font-size:14px;text-decoration:none;padding-top:2px;color:#333333;}

#upload_box { height:70px; width:200px;}
.attachment { width:120px; float:left; margin-right:10px; text-align:center;}
.attachment img { border:solid 1px #dedede; padding:3px;}
.font_gray { color:#888888;}
.tips { color:#F00; float:left; padding-left:10px; line-height:30px;}
.tips_right { color:#38cb5a; float:left; padding-left:10px; line-height:30px;}