html{ width:100%; margin:0px; padding:0px; }
body{ height:100%; color: #000; font-family:Arial,Microsoft yahei; padding: 0px; margin: 0px; font-size:13px; width:100%; -webkit-font-smooth:antialised; background-color: #184a5e ;}
div,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,button,textarea,p{ margin:0px; padding:0px; list-style:none;}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer;}
button, input[type="button"], input[type="reset"], input[type="submit"]{ border:0 none;}
a{ text-decoration:none;}
a, a:focus, a:hover, a:active{ outline: 0 none; color:#165268;}
.clearfix:before,.clearfix:after,.row-fluid:before,.row-fluid:after,.control-group:before,.control-group:after{ content:""; display:table; line-height:0px;}
.clearfix:after{ clear:both;}
.iSup { position: absolute; background-color: red; color: white; font-size: 12px; width: 16px; line-height: 16px; top: -4px; right: -7px; text-align: center; }
.iVIP { background-color: red; color: white; font-size: 12px; line-height: 16px; text-align: center; padding: 0 2px; }

.container{width: 1300px; margin: 0 auto; }
.header{ width: 100%; }
.header .top{ width: 100%; background-color:#eff0f8; border: 1px solid #166483; border-radius: 18px; margin-top: 10px; }
.header .top .line1{ width: 100%; height: 3px; background-color: #166483; }
.header .top .line2{ width: 100%; height: 3px; }
.header .top .line3{ width: 100%; height: 1px; background-color: #166483; }
.header .top .nav{ width: 100%; height: 36px; }
.header .top .nav #vip{ position:absolute; top: 9px; right: 20px; color: #166483; }
.header .top ul.nav_ul{ width: 100%; height: 100%; }
.header .top ul.nav_ul li{ width: auto; float: left; padding: 0 18px; line-height: 36px; font-size: 16px; position: relative; }
.header .top ul.nav_ul>li:first-child{ border-top-left-radius: 18px; border-bottom-left-radius: 18px; margin-left: -1px; }
.header .top ul.nav_ul li.active{ background-color: #1e7ea1; border-left: 1px solid #1e7ea1; }
.header .top ul.nav_sub{ display:none; position: absolute; background-color: #f4e9d5; border-left: 1px solid #166483; border-right: 1px solid #166483; border-bottom: 1px solid #166483; white-space: nowrap; left: -1px; z-index:100; }
.header .top ul.nav_sub li{ line-height: 30px; font-size: 12px; list-style-position: inside; list-style-type: disc; color: #166483; min-width: 80px; }
.header .top ul.nav_sub li:hover{ background-color: #c2c7a6;  }
.header .top .nav .active a{ color: #fff98e; }
.header .top .nav .active ul.nav_sub a{ color: #166483; }
.header .top .nav .active a:before{ content:""; }
.header .top .nav .active a:after{ content:""; }

.header .info_nav{ width: 100%; height: 20px; margin-top: 5px; }
.header .info_nav .notice{ line-height: 20px; float: left; color:red; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.header .info_nav .vip{ line-height: 20px; float: right; color:#166483; }
.header .info_nav .vip a:hover{ text-decoration: underline; }
.header .main{ width: 100%; height: 120px; margin-top: 5px; }
.header .main .left{ width: 300px; height: 100%; float: left; position: relative; }
.header .main .right{ width: 600px; height: 100%; float: right; }
.header .main .logo_right{ width: 200px; height: 100%; position: absolute; top: 5px; left:90px; }
.header .main .logo_right hr{ }
.header .main .logo_right span{ height: 60px; text-align: center; display: table-cell; width: 200px; vertical-align: bottom; }
.header .main .logo_right span:nth-child(3n){ height: 60px; text-align: center; display: table-cell; width: 200px; vertical-align: top; }

.ad_swipe { overflow: hidden; width: 100%; height: 100%; position: relative; }
.ad_swipe img{ width: 100%; height: 100%; }
.ad_swipe .slider_page { position: absolute; bottom: 3px; right: 5px; }
.ad_swipe .slider_page a{ border: 1px solid #166483; color: #166483; line-height: 20px; padding: 0px 4px; text-decoration: none; background-color: #fff; }
.ad_swipe .slider_page a.active{ background-color: #166483; color: #fff; }
/*
.header .nav_sub{ width: 100%; height: 50px; text-align: center; margin-top: 10px; }
.header .nav_sub ul{ width: 100%; }
.header .nav_sub ul li{ height: 50px; margin: 0 10px; display: inline-block; font-size: 20px; line-height: 50px; }
.header .nav_sub ul li a{ color: #166483; }
.header .nav_sub ul li:nth-of-type(even){ height: 30px; margin: 0 10px; display: inline-block; font-size: 20px; line-height: 30px; background: url("../images/split_line.png") no-repeat; width: 2px; }
*/

.main_view{ width: 100%; min-height: 500px; border: 1px solid #166483; background-color:#eff0f8; margin-top: 10px; border-radius: 18px; }
.section { margin: 0 2px 10px; vertical-align: middle; }
.section_title { border-bottom: 1px solid #b7bad6; color: #165268; font: 30px/40px Microsoft yahei; margin-bottom: 5px; padding: 3px 0 0; vertical-align: middle; margin: 0 30px; }
.section_title span { font-size: 20px; top: 5px; left: 35px; }
.section_title.withIcon { position: relative; }
.section_title.withIcon i{ color: #DA3E34; }
.section_title.withIcon span { position: absolute; font-size: 20px; top: 5px; left: 35px; }
.section hr { height:1px; border:none; border-top:1px solid #b7bad6; margin: 0 30px; margin: 10px 30px 20px; }
.table_content { font-size: 12px; color: #166483; padding: 0 0 10px; vertical-align: middle; }
.table_box { border-left: 1px solid #9ea0bf; border-bottom: 1px solid #9ea0bf; border-collapse: separate; border-right: 1px solid #9ea0bf; margin-bottom: 10px; }
.table_box th { background-color: #166483; color: #FFF; font-size: 12px; line-height: 20px; padding: 3px; vertical-align: middle; }
.table_box td { border-top: 1px solid #9ea0bf; font-size: 12px; height: 28px; line-height: 20px; padding: 4px 6px; position: relative; vertical-align: middle; text-align: center; }
.table_box td .skills{ background-color: #184a5e; text-align: left; padding: 5px 0 5px 12px; border: 2px solid #2782a5; font-size: 14px; line-height: 22px; width: 240px; }
.table_box td .skills.role{ background-color: #182c42; border: 1px solid #2782A5; }
.table_box td .skills.role.pet{ padding: 5px 12px; }
.table_box td .skills.role .line{ display: flex; color: #fc0; font-size: 12px; font-weight: 400; }
.table_box td .skills.role .line div{ width: 50%; }
.table_box td .skills.role .line div span{ color: #fff; }
.table_box td .skills.role hr{ margin: 5px 0px; }
/*.table_box td .skills span{ display: block; }*/
.table_box tr:nth-child(1n) td { background-color: #f9f9fb; }
.table_box tr:nth-child(2n) td { background-color: #ededf4; }
.table_box tr:hover td { background-color: #d7dae7; }
.table_box tr:hover a.delete { display: inline; }
.table_box td p { margin: 2px 0; position: relative; }
.table_box td p span.dot{ display: inline-block; position: absolute; top: 2px; right: -13px; cursor: pointer; height: 10px; width: 10px; border-radius: 5px; z-index: 1; }
.table_box td p span.dot.red{ background-color: red;}
.table_box td p span.dot.green{ background-color: #1ad21a;}
.table_box td p span.dot.gray{ background-color: #bdc5de;}
.table_box td p span.dot:hover:after { display: inline-block; box-shadow: 0px 0px 3px #888888; background-color: #f9f7f6; position: absolute; top: 0px; left: 20px; height: 19px; padding: 1px 2px; color: #333; text-align: center; }
.table_box td p span.dot.red:hover:after{ content: '已指定买家'; width:68px; }
.table_box td p span.dot.green:hover:after{ content: '公示期被预定'; width:80px; }
.table_box td p span.dot.gray:hover:after{ content: '带有移民锁'; width:68px; }

.table_box td p span.dot.collect{ width:20px; height:20px; top: 30px; right: -18px; display: none; border-radius: 0;}
/*.table_box tr:hover td p span.dot.collect{ display: block; }*/
.table_box td p span.dot.collect.collected{ display: block;}
.table_box td p span.dot.collect:hover:after{ content: '点击加入我的装备'; width:110px; }
.table_box td p span.dot.collect.collected:hover:after{ content: '已加入我的装备，点击从我装备中删除'; width:220px; }
.table_box td p span.dot.collect i{ width:8px; height: 8px; border: 1px solid #7f1974; display: block; margin: 5px; border-radius: 5px; }
.table_box td p span.dot.collect.collected i{ background-color: #7f1974; }

.table_box td p.pic { position: relative; text-align:left; }
.table_box td p.pic img { cursor:pointer; }
.table_box td p.pic img.little{ position: absolute; right:0; width:16px; left:52px; }
.table_box td p.pic img:nth-child(2n) {top:0px; }
.table_box td p.pic img:nth-child(3n) {top:17px; }
.table_box td p.pic img:nth-child(4n) {top:34px; }
.table_box td p.pic img:nth-child(5n) {top:0px; left:70px; }
.table_box td p.pic img.acc{width:28px;}
.table_box td p.pic span.acc{position: absolute; top: 27px; display: block; width: 28px; text-align: center;}
.table_box td p span.icon {font-size:20px; position: absolute; cursor: pointer; margin-left: 10px; }
.table_box td span.blueInfo {background-color: #342f22; color: #00ffff; padding: 3px 5px; }
.table_box .sorting {
    background: #166483 url("../images/sort_both.png") no-repeat scroll right center;
}
.table_box .sorting_asc {
    background: #166483 url("../images/sort_asc.png") no-repeat scroll right center;
}
.table_box .sorting_desc {
    background: #166483 url("../images/sort_desc.png") no-repeat scroll right center;
}
.table_box .sorting, .table_box .sorting_asc, .table_box .sorting_desc {
    cursor: pointer;
}
.table_box .sorting:hover, .table_box .sorting_asc:hover, .table_box .sorting_desc:hover {
    background-color: #2782a5;
}
.sIcon { background-color: red; color: white; cursor: pointer; font-size: 12px; line-height: 16px; text-align: center; width: 16px; }

.form_all {position: relative; }
.form_content {padding: 10px 0; }
.form_content .sub_form { display: none; }
.form_line::after, .form_lineInset::after {clear: both; content: ""; display: table; }
.form_lineLeft {color: #333; float: left; font-size: 14px; line-height: 32px; padding-left: 30px; padding-right: 10px; text-align: left; width: 120px; }
.form_lineRight {font-size: 14px; line-height: 32px; margin-left: 160px; margin-right: 30px; position: relative; margin-bottom: 12px;}
.form_lineRight .form_lineRight_line { display: flex; line-height: 35px; margin-bottom: 10px; align-items: center; }
.form_lineRight .form_lineRight_line span{ margin-right: 10px; display: inline-block; }
.form_ul_label {max-height:1000px; overflow: hidden; }
.form_ul_label.show_all{max-height: 1000px; }
.form_ul_label.openType{float: left; margin-right: 10px; }
.form_ul_label.openType li{margin-top: 2px; }
.form_ul_label.openType li a{color: #000; font-size: 12px; }
.form_ul_label.openType li.on a{color: #fff; }
.form_ul_label.sub_ul {margin-left:72px; }
.form_ul_label li {cursor: pointer; display: inline-block; height: 23px; line-height: 23px; margin-top: 4px; padding: 2px 7px; background-color: #f4f4f4; border: 1px solid #c1c1c1; border-radius: 8px; min-width: 38px; text-align: center; font-size: 14px; }
.form_ul_label.sub_ul li {background-color: #efefff; }
.form_ul_label .on, .form_ul_label.sub_ul .on{color:white; background-color: #1e7ea1; }
.form_ul_label span.abc{color: #da3e34; display: inline-block; width: 20px; text-align: center; }
label.sub_label {position: absolute; }
.pet_color { height:32px; position:absolute; top:0; left:70px; display:none; }
.pet_color a { background-clip: content-box; border: 1px solid #f4e9d5; display: inline-block; height: 20px; margin-top: 4px; padding: 2px; width: 20px; cursor: pointer; }
.pet_color a.active { border: 1px solid #166483; padding:2px; }
.pet_color1 { background: #3E8FDA none repeat scroll 0 0; } /* 经典蓝 */
.pet_color2 { background: #FFEB38 none repeat scroll 0 0; } /* 豪金 */
.pet_color3 { background: #9152EA none repeat scroll 0 0; } /* 紫色 */
.pet_color4 { background: #FF88FF none repeat scroll 0 0; } /* 粉红 */
.pet_color5 { background: #FF745C none repeat scroll 0 0; } /* 粉红 */
.pet_color6 { background: #7AF87A none repeat scroll 0 0; } /* 屎绿 #DBDF5C */
.pet_color7 { background: #E1DDEB none repeat scroll 0 0; } /* 银灰 */
.pet_color8 { background: #FF0000 none repeat scroll 0 0; } /* 大红 */
.pet_color9 { background: #000000 none repeat scroll 0 0; } /* 纯黑 */
.pet_color10 { background: #02CCFF none repeat scroll 0 0; } /* 天蓝 */

.form_ul_label.skillIconList { width: 950px; }
.form_ul_label.skillIconList li { float: left; display: inline; border: 2px solid #000; opacity: .4; margin: 0 1px 1px 0; padding: 0; height: auto; width: auto; border-radius: 0; }
.form_ul_label.skillIconList li.on { opacity: 1; }
.form_ul_label.skillIconList li img { width: 40px; height: 40px; cursor: pointer }
.form_lineRight h4 {margin: 12px 0 6px 0;}

.slider-range{width:50%; height:32px; padding-left:6px; padding-top: 10px; height:22px; position: relative; }
.slider-range span{position:absolute; top:0px; right:-220px; width:200px; }

.suit_group{ height:52px; margin: 10px 0; line-height: 52px; }
.suit_group span{ float: left; line-height: 52px; }
.suit_group .suit_item{ float: left; height: 50px; width: 50px; border: 1px solid #166483; margin-right: 1px; cursor: pointer; position: relative; }
.suit_group .suit_item.disabled{ opacity: 0.3; }
.suit_group .suit_item em{ position: absolute; background-color: #166483; color:#fff; font-style:normal; top: 0; left: 0; line-height: 18px; padding: 0 2px; }
.suit_group ul.form_ul_label {margin-left: 10px; float: left; }
.suit_group span.delete{ font-size:24px; color:#166483;cursor: pointer; line-height: 48px; }

.subDetail span{ background-color: #342f22; display: inline-block; padding: 2px 7px; line-height: 23px; color: #feff72; }
.subDetail.child span{ background-color: #342f22; display: inline-block; padding: 2px 7px; line-height: 23px; color: #feff72; }
.subDetail.child em{ font-style: normal; cursor: pointer; display: inline-table; }
.subDetail.child em.strong{ margin-left: 5px; border-left: 1px solid #fff; padding-left: 5px; color: #00ffff; }
.subDetail.child em.disabled { opacity: 0.3; }

table.table_ride { border-top: 1px solid #cacbb2; border-left: 1px solid #cacbb2; }
.table_ride thead{ background-color: #cacbb2; }
.table_ride th{ line-height: 20px; padding: 0 5px; border-right: 1px solid #cacbb2; border-bottom: 1px solid #cacbb2; font-weight: normal; }
.table_ride tr{ text-align: center; line-height: 20px; }
.table_ride td{ border-right: 1px solid #cacbb2; border-bottom: 1px solid #cacbb2; }

.form_ul_label_value { }
.form_ul_label_value ol {position: relative; }
.form_ul_label_value ol em {position: absolute; background: url("../images/icon/icon6.png") no-repeat 0 9px ; display: inline-block; width: 21px; cursor: pointer; }
.form_ul_label_value ol em.off {background: url("../images/icon/icon7.png") no-repeat 0 9px ; }
.form_ul_label_value ol em i {border-top: 1px solid #166483; display: inline-block; width: 12px; vertical-align: middle; margin-left:20px; }
.form_ul_label_value ol em.off i {border-top: 1px dashed #cca7a7; }
.form_ul_label_value li {margin-left:32px; }
.form_ul_label_value li em {border-left: 1px solid #166483; display: inline-block; width: 21px; cursor: pointer; background-image:url(); position: relative; }
.form_ul_label_value li em:hover {background-color: #e0e2db; }
.form_ul_label_value li em.off {border-left: 1px dashed #cca7a7; background-image:url(); }
.form_ul_label_value li em.first {line-height: 16px; vertical-align: bottom; }
.form_ul_label_value li em.first i {vertical-align: top; }
.form_ul_label_value li em.last {line-height: 16px; vertical-align: top; }
.form_ul_label_value li em.last i {vertical-align: bottom; }
.form_ul_label_value li em i {border-top: 1px solid #166483; display: inline-block; width: 16px; vertical-align: middle; margin-left:0; }
.form_ul_label_value li em.off i {border-top: 1px dashed #cca7a7; }
.form_ul_label_value li em.disabled {opacity: 0; pointer-events:none; }
.form_ul_label_value li img {margin-left: 20px; vertical-align: middle; cursor: pointer; }
.form_ul_label_value li i.star_icon_on_left {background: url("../images/icon/star1.jpg") no-repeat 0 0px ; display: inline-block; cursor: pointer; width: 10px; height:20px; vertical-align: -5px; }
.form_ul_label_value li i.star_icon_on_right {background: url("../images/icon/star1.jpg") no-repeat -10px 0px ; display: inline-block; cursor: pointer; width: 10px; height:20px; vertical-align: -5px; }
.form_ul_label_value li i.star_icon_off_left {background: url("../images/icon/star3.jpg") no-repeat 0 0px ; display: inline-block; cursor: pointer; width: 10px; height:20px; vertical-align: -5px; }
.form_ul_label_value li i.star_icon_off_right {background: url("../images/icon/star3.jpg") no-repeat -10px 0px ; display: inline-block; cursor: pointer; width: 10px; height:20px; vertical-align: -5px; }
.form_ul_label_value li.disabled {opacity: 0.4; pointer-events:none; }
.form_ul_label_value span {max-width: 120px; line-height: 23px; padding: 2px 7px; color:white; background-color: #342F22; display: inline-block; }
.form_ul_label_value span.operable {cursor: pointer;}
.form_ul_label_value span.operable.through{text-decoration: line-through double red;}
.form_ul_label_value .info{color:red; }
.form_ul_label_value .info.abs{position: absolute; top:0; right:0; z-index: 100; }

.server_ul_label { }
.server_ul_label .on { color: white; background-color: #1e7ea1; }
.server_ul_label li { cursor: pointer; display: inline-block; height: 23px; line-height: 23px; margin-top: 4px; padding: 2px 7px; background-color: #f4f4f4; border: 1px solid #c1c1c1; border-radius: 8px; min-width: 38px; text-align: center; font-size: 14px; }


.on_ul_label{margin-top: 10px;}
.on_ul_label li {margin-top: 4px; padding: 2px 7px; display: inline-block; height: 23px; line-height: 23px; font-size: 12px; color:white; background-color: #166483; position: relative; }
.on_ul_label li i{cursor: pointer; height: 16px; width: 16px; position: absolute; right: -12px; top: -15px; display: none; z-index: 100; color: black; }
.on_ul_label li:hover i { display: block; }

.moreView {width:25px; height:50px; position: absolute; top:0; right:-25px; color:#166483; cursor: pointer; }
.highStage {width:25px; height:31px; position: absolute; top:0; left:225px; color:#166483; cursor: pointer; }

input[type="text"], input[type="password"], .input { background-color: #fff; border: 1px solid #166483; box-sizing: content-box; font-size: 14px; line-height: 14px; min-height: 14px; padding: 5px; vertical-align: middle; width: 65px; border-radius: 3px; }
select { min-height: 16px; vertical-align: middle; padding: 4px 0; }
.form_all textarea:focus, .form_all select:focus, .form_all input[type="text"]:focus, .form_all input[type="password"]:focus { border-color: rgba(22, 100, 131, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(22, 100, 131, 0.6); outline: 0 none; }

input[type="button"], input[type="submit"], button[type="button"], button[type="submit"], button {
    overflow: visible;
    padding: 3px 15px;
    vertical-align: middle;
}

.button {
    background-color: #920933;
    border: 1px solid #590821;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    outline: medium none;
    padding: 2px 12px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
.button:hover, .button:focus, .button:active { background-color: #166483; color: #fff98e; }

.button_default {
    background-color: #fff;
    border: 1px solid #888;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    outline: medium none;
    padding: 2px 12px;
    text-align: center;
    vertical-align: middle;
    color: #888;
}

.button_default:hover, .button_default:focus, .button_default:active { background-color: #eee; }

button.button_sm {
	padding: 1px 10px;
}

.page { font-family: Simsun; font-size: 12px; height: 30px; line-height: 20px; padding: 0; text-align: right; vertical-align: baseline; }
.page span.page_dq { color: #166483; float: left; font-family: Simsun,Arial; line-height: 20px; }
.page a { border: 1px solid #166483; color: #166483; line-height: 20px; margin: 0 0 0 5px; padding: 5px 9px; text-decoration: none; }
.page a.current { background: #166483 none repeat scroll 0 0; border: 1px solid #166483; color: #fff; cursor: default; line-height: 20px; }
.page a.disabled { opacity: 0.4; pointer-events: none; }
.page .pageLoading { text-align:center; }
.pageNotice {color: red; }

.mysearch_page { font-family: Simsun; font-size: 12px; height: 30px; line-height: 20px; padding: 0; text-align: right; vertical-align: baseline; cursor: auto; }
.mysearch_page span.page_dq { color: #166483; float: left; font-family: Simsun,Arial; line-height: 20px; }
.mysearch_page a { border: 1px solid #166483; color: #166483; line-height: 20px; margin: 0 0 0 3px; padding: 2px 5px; text-decoration: none; }
.mysearch_page a.current { background: #166483 none repeat scroll 0 0; border: 1px solid #166483; color: #fff; cursor: default; line-height: 20px; }
.mysearch_page a.disabled { opacity: 0.4; pointer-events: none; }
.mysearch_page .pageLoading { text-align:center; }

a.a_btn { color: #1e7ea1; margin-left: 5px; left: 20px; top: 100px; }
a.a_btn:hover { color: #27515b; text-decoration: underline; }
a.a_btn.light {padding: 5px 8px; background-color: #ccc;}

.footer{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset; padding: 25px 0; width: 100%; }
.footerCnt { color: #d5def4; }
.footerCnt p{ font: 12px/25px Microsoft yahei; text-align: center; }
.footerCnt a{ color: #41bfed; }
.footerCnt a:focus, .footerCnt a:hover, .footerCnt a:active { text-decoration: underline; }

.watermark { width: 150px; height: 150px; position: absolute; top: 50px; left: 220px; opacity: 0.15; text-align: right; }
.watermark img { height: 150px; }
.watermark p { font-size: 20px; color: red; }

.goTop { background-color: #eff0f8; border: 1px solid #166483; color: #166483; position:fixed; left: 50%; bottom: 125px; width: 15px; z-index: 100; margin-left: 654px; padding: 10px 8px; line-height: 18px; cursor: pointer; display: none; border-radius: 17px; }
.goTop:hover { background-color: #166483; color: #fff;}
.mySearch { background-color: #eff0f8; border: 1px solid #166483; color: #166483; position:fixed; top: 204px; width: 15px; z-index: 100; margin-left: -35px; padding: 10px 8px; line-height: 18px; cursor: pointer;  border-radius: 17px; }
.mySearch:hover { background-color: #166483; color: #fff; }
.mySearchList { background-color: #eff0f8; color: #166483; position:fixed; top: 204px; width: 0; z-index: 1000; margin-left: 3px; line-height: 18px; cursor: pointer; opacity: 0; display: none; }
.mySearchList a:hover{ text-decoration: underline; }
.mySearchList a.delete { color: red; float: right; display: none; }
.mySearchList #close { position: absolute; border-bottom: 1px solid #166483; right: -0; border-left: 1px solid #eff0f8; height: 29px;line-height: 29px; }

.mySearchList thead { display: block;}
.mySearchList thead tr { width: 400px;}

.mySearchList tbody { display: block; overflow-y: scroll; max-height: 444px;}
.mySearchList tbody tr { width: 800px; display: flex; }
.mySearchList tbody tr td { line-height: 29px; }
.mySearchList tbody tr td:first-child { width: 50px; display: block;}
.mySearchList tbody tr td:last-child { width: 788px; display: block;}
.mySearchList #mySearchName { width: 250px; }

/** 静态页面内容展示 **/
.content_title { color: #166483; font: 20px/40px Microsoft yahei; margin: 30px 30px 10px; text-align: center; }
.content_sub_title { color: #999; font: 12px/24px Microsoft yahei; text-align:center; }
.content { border-top: 1px solid #cecece; color: #166483; font: 13px/1.5 Microsoft yahei; margin:0 30px 30px; padding-top: 15px; }
.content p { text-indent:2em; padding: 8px 0; }
.content a:focus, .content a:hover, .content a:active { text-decoration: underline; }

/*** 统计 ***/
.statistics_block{ margin: 30px 30px 0; height: 300px; }

span.fastServers{ position: relative; top: 0; left: 0; }
#addFastServerView{ display: none; position: absolute; left: 35px; top: -12px; width: 300px; background-color: #dabd88; padding: 2px 15px; border-radius: 20px; }
#addFastServerView input{ width:180px; }
#addFastServerView button{ line-height: 15px; padding: 2px 8px; }
#addFastServerView .arrow{ border-bottom: 7px solid transparent; border-right: 7px solid #dabd88; border-top: 7px solid transparent; margin-top: -8px; top: 50%; left: -6px; top: 19px; position: absolute; }
#addFastServerView .popover-content{  }