@CHARSET "UTF-8";

body { padding-top: 22px;}
#header { border:none;}
#header2Box { background: #fff; padding-top: 5px;  }
#centerBox { margin-top: 5px; background: #fff;}
.blue { color: #36c!important; }
.link { text-decoration:none!important; color:#327ed6!important; cursor:pointer; }
.link:hover { text-decoration: underline!important;}

#header2CompInfo { font-size: 14px; position: absolute; left: 185px; top:8px; }

#header2Right { top:18px;}
#searchInput { width: 150px;}
#searchButton { background-image: none; line-height: 32px; width: 70px; text-align: center;  font-size: 15px;}
#searchButton2 { background: #fff; color: #327ed6; border:2px solid #327ed6; cursor: pointer; font-size: 15px;
    vertical-align: middle; width: 65px; text-align: center; height:28px; line-height: 28px; }

#sloganImg { width: 1100px; display: block; }
#sloganPlaceholder { font-weight: bold; font-size: 20px; text-align: center; color: #327ed6; height: 60px; line-height: 60px; background: #f2f2f2; }

#compNav { display: block; background: #327ed6; width: 1100px; height: 30px; z-index: 50;}
#compNav li.nav { text-align: center; display: block; height: 30px; line-height: 30px;
    width: 120px; border-right:1px solid #fff; float: left; position: relative;}
#compNav li.navArrow { background: #327ed6 url('../image/downArrow.png') 92% 51% no-repeat; padding-right: 14px; width: 98px;}
#compNav li.nav a { color: #fff; font-size: 16px;}
#compNav li.sel { background-color: #36c; }
#compNav .hidden { display: none;}
#compNav .hidden1 { position: absolute; top:29px; left:0; background: #fff;
    border: 1px solid #36c; padding: 2px 0; width: 180px; }

#compNav li.nav2 { display: block; text-align: left; border-bottom: 1px dotted #ccc; padding: 1px 30px 1px 15px; position: relative;}
#compNav li.nav2 a { color: #36c; font-size: 14px;  }
#compNav li.nav2 b { position: absolute; right: 12px; top:1px;}
#compNav li.nav2:last-child { border:none;}
#compNav li.nav2.sel { border-top:1px solid #36c; border-bottom:1px solid #36c; padding-top: 0; background: #fff;}
#compNav .hidden2 { position: absolute; left: 180px; top:-1px; width: 200px; background: #fff; border:1px solid #36c; }
#compNav .hidden2 .line { position: absolute; left: -1px; background: #fff; width: 1px; height: 24px; top:0; }
#compNav .hidden2 a { display: block; border-bottom: 1px dotted #ccc; padding: 1px 20px; }
#compNav .hidden2 a:last-child { border:none;}

#compSlider { width: 1100px; height: 200px; background: #f2f2f2;}
#compSlider .container li { width: 1100px; height: 200px;}

.compCampImgBox { width: 1100px; overflow-x: hidden;}
.compCampImgBox img { display: block; float: left; width: 1100px ! important;}

#compCore { background: #fff;}
#compCoreLeft { width: 245px; margin-right: 10px; }
#compCoreRight { width:845px; }
#compInfoBox { padding:8px 0 9px 18px; }
#compInfoBox .name { color: #327ed6;}
#compInfoBox .level { color: #fff; background:#44a; text-align: center; border-radius: 100px; width: 120px; margin-bottom: 5px; }
#compInfoBox .level b { color: #ffff00; margin: 0 2px; }
#compInfoBox .level.grey { background: #ccc; }
#compInfoBox .btn { display: inline-block; width: 85px; margin: 5px 15px 0 0; border:1px solid #999; text-align: center; }
#compInfoBox .btn:hover { text-decoration: none; background: #eee;}

#hotProductBox { margin: 8px 0; }
#hotProductBox .goLeft, #hotProductBox .goRight { top:120px; opacity: 0.9;}
#hotProductBox .ilb { width: 228px; text-align: center; border:1px solid #ccc; margin: 0 19px; height: 276px; padding:5px; }
#hotProductBox .ilb img { width:228px; height: 228px; display: block; }
#hotProductBox .ilb a { }

#sceneIntroBox { min-height: 215px; clear: both; }
#sceneIntroBox div.scene { float: left; width: 200px; height: 200px; background: #f2f2f2; margin: 5px 10px 10px 0;
    text-align: center; line-height: 200px; color: #aaa; font-size: 18px; font-style: italic; clear: both; }
#sceneIntroBox div.scene img { width: 200px; height: 200px; }

#productCateBox { margin:6px 0 0 2px;  }
#productCateBox .ilb { width: 180px; }
#productSearchRow { background: #ccc; position: relative; text-align: right; padding: 3px; margin: 8px 0;}
#productSearchRow input { border:1px solid #327ed6; width: 200px; vertical-align: middle;
    padding: 0 6px; height: 24px; line-height: 24px; font-size: 14px; color: #327ed6; }
#productSearchRow .blueButton { vertical-align: middle; height: 20px; line-height: 20px; width: 50px; margin: 0;}

#proDetailWideBox { display: none; margin-bottom: -5px; border:1px solid #f2f2f2; background: #fff; padding: 0 10px 0 300px; position: relative;  }
#proDetailWideBox .imgBox { position: absolute; top:8px; left:3px; width: 295px;  text-align: center;}
#proDetailWideBox .imgBox .fav { text-align: center}
#proDetailWideBox .core { min-height: 296px; border-left:1px solid #eee; padding: 12px 50px;  }
#proDetailWideBox .core h1 { font-size: 20px; margin-bottom: 10px; }
#proDetailWideBox .core p { font-size: 14px; line-height: 30px;}
#proDetailWideBox .core p b { color: #c22; font-size: 16px; }
#proDetailWideBox .core .btm { margin:10px 0; position: relative;}
#proBigImg { width: 250px; height: 220px; cursor: pointer; }
#proImgChooser { text-align: center; }
#proImgChooser img { border:1px solid #bbb; padding: 2px; width: 50px; height: 50px; }
#proImgChooser img:hover { cursor: pointer; opacity: 0.8;}
#proImgChooser img.sel { border-color:#36c;}

#proCustomBox { background: #ccc; padding:10px 15px; margin: -5px;}
#proCustomBox .ilb { width: 33%; }

#introCertBox { clear: both; }
#introCertBox .item { height: 250px; width: 350px; margin: 0 10px; }
#introCertBox .item .pic { border:1px solid #36c; width:350px; height: 200px; color: #36c; text-align: center; line-height: 200px; }
#introCertBox .item .pic img { width: 100%; height: 100%; cursor: pointer; }
#introCertBox .item span { font-size: 14px; text-align: center; display: block; margin-top: 5px; }

#dataDetailTitle { text-align: center; font-size: 24px; margin: 10px 0; }
#dataDetailTime { text-align: center; font-size: 13px; color: #bbb;}
#dataDetailContent { padding: 20px; overflow-x:hidden; }

#commentForm { padding: 15px 30px; }
#commentForm input, #commentForm textarea { width: 400px; }
#commentForm input.short1 { width: 200px; }
#commentForm input.short2 { width: 100px; }
#commentForm input.short3 { width: 150px; }
#commentForm select { width: 80px!important; }
#commentForm .rightFormItem.rel { position: relative; width: 418px; }
#commentForm .rightFormItem .right { position: absolute; right: 0; top:0px; }
#commentForm .rightFormItem .right b { display: inline-block!important; margin-right: 5px; font-size: 17px; color: #f11; vertical-align: middle; }

.compBlueHeader { color: #fff; font-size: 14px; padding: 0 18px; letter-spacing: 4px; margin-top: 5px; position: relative;
    background-color: #36c; height: 24px; line-height: 24px; }
.compBlueHeader .right { position: absolute; right:10px; top:1px; color: #fff; letter-spacing: 0;}
.compLightBox { background: #fff; border:1px solid #ccc; padding: 5px; min-height: 50px; }
.compLightBox input.search { border:1px solid #999; padding: 4px; height: 20px; line-height: 20px; display: block; width: 220px;}
.compLightBox .searchButton { cursor: pointer; background: #36c; height: 28px; line-height: 28px;
color: #fff; width: 80px; font-size: 14px; text-align: center; margin-top:5px;margin-left: 75px; }

.compCateExpand { width: 9px; height: 9px; background: url('../image/treeExpand.png'); cursor: pointer;vertical-align: middle; }
.compCateExpand.expanded { background-position: 0 -9px; }
.linkItem { font-size: 12px; display: block; padding:0 8px; line-height: 18px; height: 18px; }
.linkItem1 { color:#36c!important; font-weight: bold; vertical-align: middle; margin-left: 4px;}
.linkItem2 { margin-left: 8px; }

.lbProduct { height: 100px; border-bottom: 1px dashed #ccc; position: relative; padding: 5px 0 0 99px; }
.lbProduct img { position: absolute; left:0; top:5px; width: 88px; height:88px; border: 1px solid #ccc;}
.lbProduct a.name { color: #327ed6; line-height: 16px; display: block;}
.lbProduct b { color: #f22; }
.compLightBox .lbProduct:last-child { border-bottom: none;}

.compArrowHeader { position: relative; padding-left: 20px; border-bottom:1px solid #327ed6; color: #fff; margin-top: 5px;
    background: url('../image/accountHeader.png') left bottom no-repeat; font-size: 14px; font-weight: bold; }
.compArrowHeader .right { position: absolute; color: #555; right:0; top:0;}
.compArrowBox { border:1px solid #ccc; border-top:none; padding: 5px; min-height: 200px; font-size: 14px;  }

.productEmptyBox { font-size: 24px;text-align: center;color: #ccc;background: #f2f2f2;height: 90px;line-height: 90px; }
.compProductBox { position: relative; background: #fff; padding: 8px 0 0; }
.compProductBox .item { border:1px solid #ccc; text-align: center; margin:2px 13px 0px;
    width: 183px; height: 235px; overflow: hidden; }
.compProductBox .item .pic {
    display: table-cell; vertical-align: middle;
    text-align: center; width: 183px; height: 183px; cursor: pointer; }
.compProductBox .item .pic img { max-width: 183px; max-height: 183px; vertical-align: middle; }
.compProductBox .item b { display: block; color: #f22; }
.compProductBox .item a.link { display: block; padding: 0 6px; font-weight: normal!important;}

#proDetailJoin { position: absolute; right: -18px; width: 18px; top:0; cursor: pointer; text-align: center;
border:1px solid #999; background: #fff; line-height: 14px; padding: 9px 0;}
#proDetailJoin:hover { background: #eee;}

.linedRow { border-bottom: 1px solid #ccc; padding: 6px; }

.table {
    border: 1px solid #ddd;clear: both; background: #fff;
    width: 100%; border-spacing:0; border-collapse: collapse; margin-top: 5px;
}
.table th,.table td { padding: 3px 8px; border:1px solid #ddd; font-size: 14px; vertical-align: top; }
.table th { background: #f2f2f2; border-bottom: 1px solid #aaa; font-size: 12px; text-align: center;}
.table td { font-size: 12px;}
.table td.c { text-align: center;}

#compFooter { background: #fff; text-align: center; border-top:1px solid #ddd; padding: 4px 0 12px; }
#compFooter a.link { margin-right: 15px;}

#servQqBox { position: absolute; right: 3px; top:300px; width: 180px; }
#servQqBox .title {  background: #36c;  color: #fff; font-size: 14px; padding: 2px 10px; position: relative; }
#servQqBox .title b { font-weight: normal; position: absolute; right: 6px; top:0; cursor: pointer; font-size: 30px;}
#servQqBox .core { background: #fff; border:1px solid #ccc; border-top:none; font-size: 12px; padding:10px 0; }
#servQqBox .welcome { margin:0 6px; border:1px solid #ccc; background: #f2f2f2; padding:1px 5px; border-radius: 2px; }
#servQqBox .qqBox { margin: 12px 6px 0;}
#servQqBox .qqBox a { display: block; padding:3px 0 3px 19px; background: url('/assets/qq.png') left center no-repeat; }
#servQqBox .fold { display: none; background: #36c; text-align: center;
    width:28px; color: #fff; font-size: 14px; padding: 5px 0; letter-spacing: 2px; }
#servQqBox .fold b { font-size: 18px; cursor: pointer; }