@charset "UTF-8";
/* CSS Document */
*{ list-style:none; font-weight:normal; font-style:normal; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,黑体,STHeiti,MingLiu;color:#778a95; line-height:normal; margin:0; padding:0;}
a{ text-decoration:none;}
body{ background-color:#FFF; text-align:center;}
#Header{ height:54px; padding:20px;}
a.Logo{ width:149px; height:54px; float:left; display:block; background-image:url(../images/logo.jpg);}
#Header ul{ float:right;}
#Header ul li{ float:left; margin-right:20px;}
#Header ul li a{ display:block; height:52px; line-height:52px; color:#778a95; border-bottom:2px solid #FFF; font-size:14px;}
#Header ul li a:hover{color:#e92b00;}
.MenuLine{ clear:both; width:100%; border-top:3px solid #e92b00; height:3px; overflow:hidden;}
#IndexOperationBox{ text-align:center; padding-top:100px; width:1000px; margin-left:auto; margin-right:auto;}
#IndexOperationBox span{ display:block; font-size:12px;}
#IndexOperationBox h2{ line-height:45px; height:45px;}
#IndexOperationBox span .ApiNum{ font-size:30px; color:#e92b00; font-family:Arial, Helvetica, sans-serif;}
#IndexOperationBox .InputBox{ padding-top:50px;}
#IndexOperationBox .InputBox section{ float:left}
#IndexOperationBox .InputBox input{ float:left; height:53px; width:700px; border-radius:5px; border:1px solid #999; outline:none; text-indent:2em; margin-left:10px;}
#IndexOperationBox .InputBox input:focus {border: 1px solid #e92b00; color:#e92b00;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
#IndexOperationBox .InputBox a.Btn{ float:left; display:block;height:53px; line-height:53px; background-color:#e92b00; color:#FFF;border:1px solid #e92b00;border-radius:5px; margin-left:10px; padding:0 30px;}
h2{font-size:24px;}
#IndexOperationBox .MoreInfo{padding-left:160px; font-size:12px; }
#IndexOperationBox .MoreInfo li{ float:left; width:250px; text-align:left;padding-top:20px; }
#IndexOperationBox .MoreInfo li a{ color:#e92b00;}
#IndexOperationBox .MoreInfo li a:hover{ color:#fff; background-color:#e92b00}
#IndexOperationBox .MoreInfo .URLPageCount{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.Icon_News{ background-image:url(../images/icon_news.jpg); background-repeat:no-repeat; background-position:left center;}
#IndexMid{ clear:both;height :150px;}
#IndexApiBox{ clear:both; width:1000px; margin-left:auto; margin-right:auto;}
#IndexApiBox .API{ float:left; width:600px; text-align:left; padding-left:36px;}
#IndexApiBox .API span{ display:block; font-size:12px;line-height:20px;}
#IndexApiBox .API h3{ margin-top:20px; font-size:18px;}
#IndexApiBox .API em{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px;}
#IndexApiBox .API i{color:#97b63a;}
#IndexApiBox .Mobile{ float:right; background-image:url(../images/mobile.jpg); width:285px; height:350px;}
#Footer{ padding:20px; clear:both;font-size:12px;border-top:1px solid #d7e2e7; }
#Footer .Statement{ clear:both; font-size:12px; line-height:18px; color:#b5c1c8}
#Footer .Menu{ margin:20px 0px;  color:#b5c1c8}
#Footer .Menu a{ color:#52636d; margin:0 18px;}
#Footer .Menu a:hover{color:#e92b00;}
#Footer .Copyright{}
#Footer .Copyright em{ display:block; margin-bottom:10px;}
#MyUrlBox{ width:1000px; margin-left:auto; margin-right:auto; margin-top:60px; margin-bottom:60px; height:400px;}
#MyUrlBox .Result .Img{ float:left; width:150px; text-align:center;}
#MyUrlBox .Result .Img img{ width:150px; height:150px;}
#MyUrlBox .Result .Img em{ display:block; font-size:12px;}
#MyUrlBox .Result ul{ float:left; padding-top:12px; padding-left:15px;}
#MyUrlBox .Result ul li{ height:51px; background-repeat:no-repeat; background-position:left top; padding-left:28px;}
#MyUrlBox .Result ul .URL{height:30px; background-image:url(../images/icon_1.jpg)}
#MyUrlBox .Result ul .Report{ background-image:url(../images/icon_2.jpg)}
#MyUrlBox .Result ul .Extension{ background-image:url(../images/icon_3.jpg)}
#MyUrlBox .Result ul li a:hover{color:#fff; background-color:#e92b00;}
#MyUrlBox .Result{ width:570px; padding:50px; border:1px solid #d7e2e7; border-radius:20px; float:left; text-align:left;}
#MyUrlBox .Mobile{ width:200px; padding:50px; border:1px solid #d7e2e7; border-radius:20px; float:right;}
#MyUrlBox .Mobile img{ width:150px; height:150px;}
#MyUrlBox .Mobile em{ display:block; font-size:12px;}

/* 首页输入框下拉菜单 */

.wrapper-indexdropdown {
    /* Size & position */
    position: relative;
    width: 120px;
    margin: 0 auto;
    padding: 16px 15px;

    /* Styles */
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.active em{ color:#FFF}

.wrapper-indexdropdown:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #e92b00 transparent;
}

.wrapper-indexdropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

.wrapper-indexdropdown .dropdown li {
    padding: 0 10px ;
    display:block;
    width:100%;
}

.wrapper-indexdropdown .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
    background-color:#FFF;
}

.wrapper-indexdropdown .dropdown li:last-of-type a {
    border: none;
}

.wrapper-indexdropdown .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-indexdropdown .dropdown li:hover a {
    color: #e92b00;
}

/* Active state */

.wrapper-indexdropdown.active {
    border-radius: 5px 5px 0 0;
    background: #e92b00;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-indexdropdown.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-indexdropdown.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}

#IndexOperationBox:after{
    clear: both;
    content: " ";
    height: 0;
    display: block;
}

.alert-warning { 
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 15px;
    border: 1px solid transparent;
    border-radius:8px;
    margin: 0 auto;
    margin-top: 50px;
    width: 70%;    
}

.alert-warning .alert-link {
    color: #66512c;
}
.alert .alert-link {
    font-weight: 700;
}
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    color: inherit;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}