﻿@charset "utf-8";
/* CSS Document */
.clearfix:after{ content: ''; display: block; clear: both; width: 0; height: 0;}

.brand_main .tit{ text-align:center; color:#333333; font-size:30px; line-height:30px; padding:50px 0 }
.brand_main .tit span{ display:block; color:#666666; font-size:14px; line-height:14px; padding-top:15px;}

.brand_main_o{ padding-bottom:50px; border-bottom:1px solid #e9e9e9;}
.brand_main_o_r{ width:446px;}
.brand_main_o_r_o{ height:73px; border-bottom:1px dashed #dcdcdc}
.brand_main_o_r_o h4{ font-size:24px; color:#333333;}
.brand_main_o_r_o span{ color:#999999; padding-top:4px; display:block;}
.brand_main_o_r_t{ height:155px; border-bottom:1px dashed #dcdcdc}
.brand_main_o_r_t span{ color:#999; font-size:14px; display:block; padding:20px 0 8px 0;}
.brand_main_o_r_t p{ color:#ff6800; font-size:24px;}
.brand_main_o_r_t p i{ font-size:14px; color:#999; margin-left:10px;}
.brand_main_o_r_t em{ font-size:14px;}
.brand_main_o_r_t b{ line-height:24px; background:#ff6800; color:#fff; font-size:13px; padding:0 15px; display:inline-block;  -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; margin-left:15px;}
.brand_main_o_r_s{ height:85px;}
.brand_main_o_r_s p{ font-size:14px; padding-top:20px;}
.brand_main_o_r_s p span{ color:#999999}
.brand_main_o_r_f a{ width:180px; height:45px; line-height:45px; display:block; display:block; background:#f14b4b; text-align:center;}
.brand_main_o_r_f a span{ color:#fff; font-size:18px; background:url(/registration/images/51cy_reg.png) no-repeat; background-position:0 4px; padding:5px 0 5px 30px;}
.brand_main_o_r_f a.fr{ background:#00b4ff; margin-right:40px;}
.brand_main_o_r_f a.fr span{ background-position:-207px 4px}
.brand_main_o_r_f a:hover{ background:#d22f2f}
.brand_main_o_r_f a.fr:hover{ background:#0096d5}
.brand_main_o_r_l{ padding-top:15px;}
.brand_main_o_r_l span{ color:#999999; font-size:14px; line-height:32px; display:block}
.brand_main_o_r_l ul{ width:373px; margin-left:3px;}
.brand_main_o_r_l li{ float:left; width:111px; height:32px; text-align:center; line-height:32px; color:#666; font-size:14px; background:url(/registration/images/51cy_reg_28.gif) no-repeat; margin:0 0 10px 10px; cursor:pointer;}
.brand_main_o_r_l li:hover{ color:#ff6800;}
.brand_main_o_r_l li.on{ background:url(../images/51cy_reg_29.gif) no-repeat; color:#ff6800;}

.brand_main_t{ padding-bottom:50px; border-bottom:1px solid #e9e9e9;}
.brand_main_t .p1{ color:#9e9e9e; font-size:24px; font-weight:bold; line-height:36px; margin-right:18px; margin-top:35px;}
.brand_main_t dl{ width:186px; height:143px; background:#fff; border:1px solid #dddddd; text-align:center; position:relative;}
.brand_main_t dt{ font-size:24px; line-height:24px; padding-top:45px; padding-bottom:5px; background:url(/registration/images/51cy_reg.png) no-repeat; background-position:79px -84px; font-weight:bold; margin-top:30px;}
.brand_main_t .dl2 dt{background-position:-165px -84px;}
.brand_main_t .dl3 dt{background-position:-412px -84px;}
.brand_main_t .dl4 dt{background-position:-657px -84px;}
.brand_main_t dl b{ line-height:18px; display:block; color:#fff; text-indent:5px; width:188px; position:absolute; left:-1px; top:-1px; background:#ff6800; text-align:left;}
.brand_main_t dl b em{ position:absolute; left:0; top:18px; width:2px; height:2px; background:url(../images/51cy_reg_19.gif) no-repeat; display:block;}
.brand_main_t dd{ font-size:13px;}
.brand_main_t dd i{ color:#ff6800}
.brand_main_t span{ color:#a9a9a9; font-size:52px; line-height:52px; font-weight:bold; margin:38px 10px 0 10px}
.brand_main_t .con{ margin-top:18px;}
.brand_main_t .con p{ font-size:14px; line-height:20px;}
.brand_main_t .con p i{ display:block; color:#ff6800}
.brand_main_t .con a{ display:block; width:136px; height:40px; line-height:40px; text-align:center; background:#f14b4b; color:#fff; font-size:14px; margin-top:25px;}
.brand_main_t .con a:hover{ background:#d22f2f}

.brand_main_s{ padding-bottom:60px; background:#fff; text-align:center;}
.brand_main_s li{ float:left; text-align:center; background-image:url(../images/51cy_brand_1.gif); background-repeat:no-repeat; background-position:left center; height:82px; padding-left:122px; text-align:left; margin-left:123px; width:300px; margin-bottom:60px;}
.brand_main_s li.li2{background-image:url(../images/51cy_brand_2.gif);}
.brand_main_s li.li3{background-image:url(../images/51cy_brand_3.gif); background-position:7px center}
.brand_main_s li.li4{background-image:url(../images/51cy_brand_4.gif); background-position:10px center}
.brand_main_s li p{ color:#333; font-size:20px; padding:5px 0 8px 0}
.brand_main_s li span{ color:#666; font-size:14px; line-height:22px;}
.brand_main_s_m{ text-align:center;}
.brand_main_s_m p{ color:#333333; font-size:16px; padding-bottom:5px;}
.brand_main_s_m span{ color:#999999; font-size:14px; display:block; line-height:26px;}

.brand_main_f{ background:#f5f5f5; padding-bottom:60px;}
.brand_main_f ul{ background:url(../images/51cy_brand_5.gif) no-repeat left top; height:125px; width:1250px;}
.brand_main_f li{ float:left; text-align:center; width:222px; margin:78px 33px 0 0;}
.brand_main_f li p{ color:#333; font-size:16px;}
.brand_main_f li span{ color:#999; font-size:14px;}
.brand_main_f p.p1{ text-align:center; color:#999; font-size:14px; padding-top:50px; display:block}

.comreg_main_q{ padding-bottom:40px;}
.comreg_main_q ul{ width:1250px;}
.comreg_main_q ul li{ width:566px; padding-bottom:10px; border-bottom:1px dashed #b5b5b5; margin-bottom:10px; float:left; margin-right:40px; margin-left:10px;}
.comreg_main_q ul li p{ line-height:30px; font-size:14px; background:url(/registration/images/51cy_reg_13.gif) no-repeat left center; padding-left:15px;}
.comreg_main_q ul li a{ width:98px; display:block; height:28px; line-height:28px; text-align:center; color:#ff6800; border:1px solid #ff6800; font-size:14px}
.comreg_main_q ul li a:hover{ background:#ff6800; color:#fff;}

.brand_main_b{ background:#f6f6f6; padding-bottom:50px;}
.brand_main_b li{ float:left; text-align:center; margin:0 49px;}
.brand_main_b li img{ display:inline-block; margin-bottom:18px;}
.brand_main_b li p{ color:#333333; font-size:16px; line-height:22px;}

.brandSearch{ margin-top: 30px;}
.brandSearch-body{ background-color: #f5f5f5; padding: 10px;}
.brandSearch-con{ font-size: 0;}
.brandSearch-con select{ display: inline-block; background-color: #fff; border: 1px solid #e5e5e5; border-right: 0; line-height:24px; height: 56px; outline: none; padding:15px; width: 180px; font-size: 16px; vertical-align: top;}
.brandSearch-con input{ background-color: #fff; border: 1px solid #e5e5e5; line-height:24px; padding:15px; width: 780px; font-size: 16px; display: inline-block; vertical-align: top;}
.brandSearch-btn a{ display: block; line-height: 56px; width: 180px; text-align: center; color: #fff; font-size: 24px; background-color: #ff6800;}
.brandSearch-btn a:hover{ color: #fff; background-color: #e75e00;}
.brandSearch-box{ border: 1px solid #e5e5e5; padding: 10px 8px; margin-top: 10px; font-size: 14px;}
.brandSearch-typeLeft{ width: 80px;}
.brandSearch-typeLeft p{ text-align: right; line-height: 28px;}
.brandSearch-typeRight{ width: 100px;  text-align: right;}
.brandSearch-typeRight a{ display: inline-block; vertical-align: top; line-height: 24px; font-size: 14px; color: #333; padding: 0 5px;}
.brandSearch-typeRight a.choose{ border: 1px solid #ececec;}
.brandSearch-typeRight a:hover{ color: #ff6800;}
.brandSearch-typeBody{ width: 980px; height: 56px; overflow: hidden;}
.brandSearch-typeBody.cur{ height: auto;}
.brandSearch-typeBody li{ float: left; width: 14.285%;}
.brandSearch-typeBody .btn-selected{color: #00b3ee; }
.brandSearch-typeBody p{ cursor: pointer;}
.brandSearch-typeBody p:hover{ color: #ff6800;}
.brandSearch-typeBody input{ display: inline-block; vertical-align: top; position: relative; top: 8px; display: none;}
.brandSearch-typeBody p{ display: inline-block; vertical-align: top; padding: 4px 1px; line-height: 20px;}
.brandSearch-typeBody-btn{ text-align: center; margin-top: 5px;}
.brandSearch-typeBody-btn a{ margin: 0 5px; display: inline-block; width: 62px; line-height: 28px; background-color: #ff6800; border: 1px solid #ff6800; color: #fff; text-align: center; font-size: 14px;}
.brandSearch-typeBody-btn a:last-child{ border-color: #ebecec; color: #333; background-color: inherit;}
.brandSearch-list{padding: 0;}
.brandSearch-listBox{ background-color: #f5f5f6; padding: 12px 16px;}
.brandSearch-listBody ul{ margin-top: 1px;}
.brandSearch-listBody li{; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin-top: -1px;}
.brandSearch-listBody a{ display: block; padding: 24px}
.brandSearch-listBody a:hover{ background-color: #f3f4f4;}
.brandSearch-listBody .liImg{ width: 210px; height: 120px; border: 1px solid #ececec; text-align: center; position: relative; background-color: #fff;}
.brandSearch-listBody .liImg img{ width: 90%; max-height: 90px; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.brandSearch-listBody .liBody{ width: 910px;}
.brandSearch-listBody .liBody-top h5{ font-size: 18px; line-height: 1.4; display: inline-block; vertical-align: top;}
.brandSearch-listBody .liBody-top .info-additional{ position: relative; top: 3.5px; display: inline-block; vertical-align: top; margin-left: 10px; background-color: #fdcfb0; color: #ff6800; line-height: 18px; font-size: 12px; padding: 0 10px;}
.brandSearch-listBody .liBody-top .info-additional span{ display: inline-block; margin: 0 10px; }
.brandSearch-listBody .liBody-top .status-valid{ background-color:#35b34a; color: #fff; line-height: 25px; padding: 0 8px; display: block;}
.brandSearch-listBody .liBody-bot{ margin-top: 10px;}
.brandSearch-listBody .liBody-text{ float: left; width: 255px; margin-right: 10px;}
.brandSearch-listBody .liBody-text:last-child{ margin-right: 0;}
.brandSearch-listBody .liBody-textA{ width: 380px;}
.brandSearch-listBody .liBody-bot .liBody-textA span{ display: block;}
.brandSearch-listBody .liBody-bot p{ line-height: 30px;}
.brandSearch-listBody .liBody-bot .spanA{color: #999}
.brandSearch-listBody .liBody-bot .spanB{color: #333;}
.pagination-info{ line-height: 32px;}
.pagination-info span,.pagination-info a{ color: #ff6800;}
.page-box .pagination-info,.page-box .pagination,.page-box .pagination-goto{ display:inline-block; vertical-align: top; font-size: 12px;}
.pagination a{background-color: #f2f2f2;border: 1px solid #ddd;color: #666;font-size: 12px;border-radius: 0px;padding: 8px 12px;line-height: 14px;cursor: pointer; display: inline-block; margin:0 5px;}
.pagination a:hover{ color: #ff6800;}
.pagination-goto{ line-height: 32px;}
.pagination-goto select{ margin:0 5px; height:30px; vertical-align:inherit; outline: none; border-color: #ddd;}
.brandSearch-del{ padding: 0; margin: 50px 0;}
.brandSearch-delHead h5{ font-size: 20px; line-height: 1; }
.brandSearch-delBody ul{ margin-top: 1px;}
.brandSearch-delBody li{ float: left; font-size: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: -1px; font-size: 0; position: relative;min-height:50px;}
.brandSearch-delBody li:last-child{ border-bottom: 0;}
.brandSearch-delBody .box{ display: inline-block; vertical-align: top; width:50%;}
.brandSearch-delBody .box:last-child .blockA{ left: 50%;}
.brandSearch-delBody .blockA{ padding: 14px; display: inline-block; vertical-align: top; font-size: 14px; width: 112px; background-color: #f5f5f6; position: absolute; top: 0; bottom: 0; left: 0;}
.brandSearch-delBody .blockB{ display: inline-block; vertical-align: top; font-size: 14px; padding: 14px; padding-left: 154px;  width:431px; background-color: #fff;}
.brandSearch-delBody .box a{ color: #ff6800;}
.brandSearch-delBody .box a:hover{ text-decoration: underline;}
.brandSearch-delBody .box img{ max-width: 206px;max-height: 117px;}

/*classify*/
.brandClass{ padding-bottom: 50px;}
.brandClass-sel{ text-align: center;}
.brandClass-sel label{ display: inline-block; color: #999; font-size: 16px; line-height: 38px; vertical-align: top;}
.brandClass-sel-con{ display: inline-block; vertical-align: top; margin: 0 30px;}
.brandClass-sel-con input{ height: 36px; line-height: 36px; border: 1px solid #ccc; border-right: 0; padding: 0 10px; width: 310px; color: #666; font-size: 14px;}
.brandClass-sel-con button{ width:110px; border: 0px;  height: 38px; line-height: 40px; cursor: pointer; outline: none;  text-align: center; color: #fff; background-color: #ff6800; border-radius: 0 5px 5px 0; font-family: "微软雅黑";  font-size: 14px; display:block;}
.brandClass-sel-con button:hover { background-color:#e74c3c;}
.brandClass-sel-con select{ height: 38px; line-height: 38px; color: #666; font-size: 14px; border-color: #ccc; padding: 8px; outline: none; margin: 0 2px; font-family: "微软雅黑";}
.brandClass-sel-con .select-form{ display: none; position: relative;}
.selector-self{ display: none; position: absolute; width: 330px; left: 0; top: 38px; border: 1px solid #ccc; z-index: 10; border-top: 0; padding: 5px 0; height:200px; overflow: auto; background-color: #fff;}
.selector-self li{ color: #666; font-size: 14px; line-height: 30px; text-align: left; padding: 0 10px; cursor: pointer;}
.selector-self li:hover{ color: #ff6800;}
.brandClass-sel-choose{ display: inline-block; vertical-align: top;}
.brandClass-sel-choose a{ display: inline-block; line-height: 36px; padding: 0 10px; color: #666; border: 1px solid #ccc; font-size: 14px;}
.brandClass-sel-choose .a-left{ border-right: 0; border-radius: 5px 0 0 5px;}
.brandClass-sel-choose .a-right{ border-left: 0; border-radius: 0 5px 5px 0;}
.brandClass-sel-choose a.on{ background-color: #ff6800; color: #fff; border-color: #ff6800;}
.brandClass-fl{ margin: 15px 0 0 0;}
.brandClass-fl a{ display: inline-block; width: 90px; line-height: 26px; color: #fff; text-align: center; background-color: #3399dd; vertical-align: top; border-radius: 3px; margin: 15px 0 0 15px;}
.brandClass-fl a.on{ background-color: #ff6800;}
.brandClass-fl a:hover{ color: #fff;}

.brandClass-del{ margin-top: 30px; color: #666;}
.brandClass-del .color-a{ color: #ff6800;}
.brandClass-con{ border: 1px solid #e5e5e5; background: #fcfcfc; padding: 25px; width:800px;}
.brandClass-pri{ padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.brandClass-pri h2{ font-size: 22px; line-height: 22px;}
.brandClass-info{ height: 520px; overflow: auto;}
.brandClass-info li{ padding: 20px 0; border-bottom: 1px dashed #e5e5e5;}
.brandClass-info h3{ font-size: 14px; padding: 0 30px; line-height: 18px; cursor: pointer;}
.brandClass-info h3 a{position: static; float: right; margin: 0 -20px 0 0; display: block; width: 18px;height: 18px; background: url(../images/icon_delete_hover.jpg) no-repeat;}
.brandClass-info li .icon_drop { position: static; margin: 7px 0 0 -20px; display: block;height: 0;width: 0px; overflow: hidden; border: 6px solid #000; border-color: #a9a9a9 transparent transparent transparent; border-style: solid dashed dashed dashed;line-height: 0;}
.brandClass-info li .icon_drop.icon_close{border-color:transparent transparent transparent #a9a9a9;border-style:dashed dashed dashed solid; margin-top:3px; }
.brandClass-info h3 .hit{ margin-left: 10px;}
.brandClass-info h3 .hit em{ color: red;}
.brandClass-info h3 span{ float: left;}
.brandClass-info .info-a{margin-top: 5px; padding-left: 30px;overflow: hidden; zoom: 1;}
.brandClass-info .newlook {margin-right: 20px; font-size: 14px;}
.brandClass-info .info-a a{ display: inline-block;  height: 26px;line-height: 26px; background: #ff6b1c;margin: 10px 10px 0 0; border-radius: 5px;padding: 0 10px;color: #fff;}
.brandClass-info .info-a a:hover{ text-decoration: line-through; background-color: #909090;}
.brandClass-sev{ margin: 30px 0;}
.brandClass-sev-top{ padding: 25px 0; border-bottom: 1px solid #e5e5e5;}
.brandClass-sev h3{ font-size: 18px; line-height: 40px; float: left; margin-left: 100px;}
.brandClass-sev-top .top-main{float:right; width: 580px;}
.brandClass-sev-top .top-main-meau li{ float: left; margin-right: 30px; width: 136px; height: 36px; /*border: 2px solid #e6e6e6;*/ line-height: 36px; text-align: center; font-size: 16px; cursor: pointer;}
/*.brandClass-sev-top .top-main-meau li:hover,.brandClass-sev-top .top-main-meau li.on{ border-color: #ff6800;}*/
.brandClass-sev-top .top-main-con{ margin-top: 20px;}
.brandClass-sev-top .top-main-con li{ display: none;}
.brandClass-sev-top .agree input{ vertical-align: -2px; margin-right: 5px;}
.brandClass-sev-top .agree a{ color: #3399dd;}
.brandClass-sev-top .agree a:hover{ color: #ff6800;}
.brandClass-sev-bottom{ margin-top: 25px;}
.brandClass-sev-btn { width: 100%; margin-top: 20px; text-align: center;}
.brandClass-sev-btn a{ text-align: center; margin: 0 15px; background-color: #ff6800; height: 46px; width: 180px; line-height: 46px;  display: inline-block; border-radius: 2px; border: 0; color: #FFF; font-size: 16px;}
.brandClass-sev-btn a:nth-child(2){ background-color: #5c92fa;}
.brandClass-sev-btn a:nth-child(3){ background-color: #ff4e44;}
.brandClass-sev-btn a:hover{ opacity: .8; color: #fff;}
.brandClass-warning p{ margin:3px 15px; font-size: 14px;}
.brandClass-warning span{ display: inline-block; zoom: 1; background-color: #ff4e44;color: #fff;margin-right: 5px; width: 20px; height: 20px;text-align: center;line-height: 20px;border-radius: 3px;}
.brandClass-seach{ width: 320px;}
div.quick-insert { width:100%}
div.quick-insert input { height:28px; padding:0 10px; border:1px #e5e5e5 solid; width:225px;color:#999;float:left; line-height: 28px;}
.quick-insert button { float: right; cursor: pointer; font-family: "微软雅黑"; border-radius: 3px;display: inline-block;*display:inline;zoom: 1;height:30px; line-height:30px; vertical-align:middle; font-size:14px;float:right; border: none; background-color: #ff6800; color: #fff; padding: 0 5px; outline: none;}
.quick-insert button:hover{background-color:#e74c3c; }
.brandClass-seachList{border: 1px solid #e5e5e5; background: #fcfcfc; padding: 25px; margin-top: 10px; height: 978px; overflow: auto;}
.brandClass-seachList .list-tit{font-size:20px;line-height:35px; margin-bottom: 5px;}
.brandClass-seachList .list-main dt{line-height:22px;padding:5px 5px 5px 25px;overflow:hidden;zoom:1; font-size: 14px;}
.brandClass-seachList .list-main .cur dt{margin-bottom: 8px; background:#ff6b1c;border-radius:5px;color:#fff;}
.brandClass-seachList .list-main .icon{position:static;float:left;margin:7px 0 0 -16px;border-color:transparent transparent transparent #ff6b1c;border-style: dashed dashed dashed solid; width:0;height:0}
.brandClass-seachList .list-main .cur a{color:#fff;}
.brandClass-seachList .list-main .cur .icon{position:static;float:left;margin:9px 0 0 -18px;border-color:#fff transparent transparent transparent;border-style:solid dashed dashed dashed;}
.brandClass-seachList .list-main a{color:#666;}
.brandClass-seachList .list-main dd{line-height:20px; display: none;}
.brandClass-seachList .list-main .cur dd{ display: block;}
.brandClass-seachList .list-main .cur dd a{ color: #666;}
.brandClass-seachList .list-main .cur dd a:hover{ color: #ff6800;}
.brandClass-seachList .list-main dd a{display:block;padding-left:25px;margin:6px 0;}
.brandClass-seachList .list-main dd .selected a{color:#ff5900;background:url(../images/icon_true.png) no-repeat 2px 3px;}
.brandClass-seachList .list-main dd a i{color:#ff5900;}

.clearfix:after {content:"\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;}
