﻿ .header {
    background: none repeat scroll 0 0 #2684c2 !important;
    height: 68px;
}

     .header .container {
        height: 68px;
        overflow: hidden;
    }

  .container {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 960px;
}
.mobileContainer{
    display:none;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
 .mobileContainer .center
{
     margin-left: auto;
     margin-right: auto;
     width:183px;
}
 .mobileContainer .logo {
    background: url("/Content/images/yaomeer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin-top: 20px;
    overflow: hidden;
    text-indent: -2000px;
    width:183px;
    height: 161px;
}



 .container .logo {
   background: url("/Content/images/yaomeer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
   float: left;
    height: 27px;
    margin-top: 20px;
    overflow: hidden;
    text-indent: -2000px;
    width: 157px;
}

 a, a:hover {
    text-decoration: none;
}

 a {
    color: #0068b7;
    outline: 0 none;
}

 .navbar, .nav {
    float: right;
}

 .navbar {
    font-family: "Microsoft YaHei";
    margin-top: 26px;
    white-space: nowrap;
    width: 585px;
}

 .navbar, .nav {
    float: right;
}

 .clearfix1:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

 .nav ul {
    overflow: hidden;
}

 .nav li {
    border-left: 1px dashed #93c2e1;
    float: left;
    height: 18px;
    line-height: 18px;
    margin: 0 0 0 -1px;
    padding: 0 30px;
}

 ul, ol {
    list-style: none outside none;
}


 .nav a {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    text-shadow: 0 0 0;
}

 a, a:hover {
    text-decoration: none;
}

 a {
    color: #0068b7;
    outline: 0 none;
}

 .other-list {
    clear: left;
    height: 20px;
    margin-top: 20px;
    overflow: hidden;
}


 .qrcode-download {
    border-left: 1px solid #e5e5e5;
    float: right;
    /*margin-top: 22px;*/
    height: 117px;
    width: 280px;
}

     .qrcode-download .qrcode-download-desc {
        color: #7f7f7f;
        float: left;
        font-size: 18px;
        line-height: 30px;
        margin-left: 15px;
        margin-top: 15px;
        width: 100px;
    }

     .qrcode-download img {
        float: left;
        margin-left: 30px;
    }

 img {
    border: 0 none;
    vertical-align: top;
}

 .other-list .first-list-item {
    margin-left: -1px;
    text-align: left;
}

 .other-list a {
    border-left: 1px solid #b2b2b2;
    color: #1978b7;
    display: block;
    float: left;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 130px;
}
 .datafooter{
    position: absolute;
	bottom: 0;
	padding-bottom: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-style:none;
}
 #pageLink .ui-footer{
    position: absolute;
	bottom: 0;
	padding-bottom: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-style:none;
}
 .footer {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 0 66px;
    padding: 25px 0;
    position: relative;
    z-index: 3;
    width: 800px;
    margin: 0 auto;
}


     .footer .links {
        margin-bottom: 16px;
        overflow: hidden;
    }

    .footer .copyright {
        color: #cdcdcd;
        font-family: arial;
        font-weight: 200;
        text-shadow: 0 0 0 #eee;
    }
     /*.footer-mobile{
    display:none;
    margin:auto;
    padding: 25px 0;
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0 auto;
    }
     .footer-mobile .copyright {
        color: #cdcdcd;
        font-family: arial;
        font-weight: 200;
        text-shadow: 0 0 0 #eee;
        text-align:center;
    }*/


 .follow-us {
    height: 32px;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 112px;
}



     .follow-us .item {
        background: url("images/HTML5_logo_and_wordmark.svg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: left;
        height: 31px;
        width: 39px;
    }

     .follow-us .divider {
        border-left: 1px solid #e5e5e5;
        display: inline;
        float: left;
        height: 31px;
        margin: 0 10px;
        width: 1px;
    }

     .follow-us .item {
        background: url("http://p3.qhimg.com/t01373e63b38f5f3fb0.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: left;
        height: 31px;
        width: 39px;
    }

     .follow-us .weibo {
        background-position: 0 -40px;
    }

         .follow-us .weibo:hover {
            background-position: 0 0;
        }

     .follow-us .weixin {
        background-position: 0 -120px;
        position: relative;
    }

         .follow-us .weixin:hover {
            background-position: 0 -80px;
        }

.container {
    height: 388px;
    overflow: hidden;
    /*height: 100%;*/
    margin: 0 auto;
    position: relative;
    width: 100%;
}

  .login-PC{
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.13), 0 1px 5px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(255, 255, 255, 0.69) inset;
    height: 346px;
    position: absolute;
    right: 0;
    top: 14px;
    width: 288px;
    z-index: 1;
    margin-right: 10px;
}

     .login-PC h1 {
        color: #1e71a8;
        font: 20px/75px "Microsoft Yahei","微软雅黑",SimSun,sans-serif;
        height: 66px;
        margin-left: 30px;
        width: 227px;
    }

  #login {
    height: 245px;
    left: 0;
    padding-left: 30px;
    position: absolute;
    top: 45px;
    width: 265px;
    z-index: 1;
}
  #login  .ui-field-contain{
      padding-left: 10px;
      margin-bottom: 5px;
      margin-top: 5px;
  }
  #loginSubmit:hover {
    background-position: 0 -69px;
}

#loginSubmit {
    background-color: #67c53c;
    border: 0 none;
    margin-top: 8px;
}

#loginSubmit, #infoPanel .go-my {
 /*background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAggAAAByCAIAAAC5uL66AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMzk1MDA1MjI3MjA2ODExOEY2MkREMENGRDhDQzI2NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFOTkyMzI3MDMyMjgxMUUzOUExQjhDNDkxN0JDOTAwRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFOTkyMzI2RjMyMjgxMUUzOUExQjhDNDkxN0JDOTAwRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMzOTUwMDUyMjcyMDY4MTE4RjYyREQwQ0ZEOENDMjY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMzOTUwMDUyMjcyMDY4MTE4RjYyREQwQ0ZEOENDMjY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sMcPUAAABJBJREFUeNrs3b1qFFEUB/DZyWVBkKiwlUiapEiVRoKF4Hv4LLbWvkUexUWQpEghKdTCQpBdWKzELfaabL7mprK63DP8foXWZ+bc+5+T+djJu09vL1ZnHbTt8NnL969OQpfw98Obzfe5U0nj+v3X6TIVns9eOBY07mJ5Gr2Ezbf5o6czp5LG/fn6MXU5OxAEEL9R890/0Hajpu1/mhXqhQM0LmXNih0VGAaDBYdkUAaUwQDUygSxQIhGdY8Baq45a40QE0OWC9hSlQD3jZq0KlHGW3VArYkBqJYJcoEIjZq2dxh0Ky61lQG3E4OrGGyoyoAiGNwQI8iWOoZPYpjOCdGoHlcF4wIUjZq8dYNd1dwDQ8kXH5ELFUuw1gjQqFf3GLQqrrXlG9xPDJoVJAMUwZA9r4qBoVoJ5nMiNGoSC2BegGJi6FzFYE+tV4G1RoBGTVksEKNZsyKgTqP6iB4YfKDgT0nYUWtVYK0RpFGTF5+RC6qABxODXiXK9Xb8VLDciNCoqdOsYGaA4cTgJ58xMMgFKIJBt0LFbLPWCNCo24/o6VWMDEYGuJsY9Ck2VGVAEQyd8RZbaq0K3NEjRKOmzkNJIN6gnBi0KiG21HF8Rc9yI0Cj+mlPXGpXK8FCI0aj+ogemHugcHXzWa9iZAAGwWDNQb1os9YI0KjeY8DAULEK640YE4NWxZ4q4KAIBlcxIBRg0Ki9gwBAMTEc7B59/XnuQNC4gydH0UvY7B2vfnx2Kml9YNg7niwWi/V67VjQuOl0OpvNQpewXC6tNUKstYmPbgMwJBgAEAwACAYABAMAggEAwQCAYABAMAAgGAAQDAAIBgAEAwCCAQDBAIBgAEAwACAYABAMAAgGAAQDAAgGAAQDAIIBgP8Phnef3l6szhwIGnf47OX7VyehS/j74c3m+9yppHH9/ut0mQpfdn45FrRudRq9gs23eV49diZpvVHzx77zpyRCiN+oVhpRGjU5CiAb4M7kMhiybsWWCgwkCw7JoAoogwGoFwqSgQCNmrQqAOXEkLNkIMJlTB5BCRvnkeb1OSehQJTxVhlQKRscAhAKMGxUTyVhW1UE3PMeA7ZUdcBDyScxCLKjjuKTGFYbERo1uYqBagvOSqN9k3x9j8EzdMS43gZq6C035IISYNioV/cY9CsRujWPY8lB4yY39xh0KwC3evMCBgYlwLBRfV0V6tkYz2nezs2bz3qVAJcxo6jAWiNCo6ZswCVGs47huSRrjRCN6iN6ABSuX3BzHUOE+XYE84KlRoRG9XsMyIWaVVhwBND7sydxrrdlG9RoVC+4gXCAQjIwYGCQCzDkqSSQbVA06vYjevoV2ypwy1NJBMkFVUAtvVbFnqoCGDbq9qkkv+AGwK3kT7cEuYwZw8jgBTdCNOr1PQbNSoDxVi5AnUb1uCoABb/HgJFBEVAwMYBUgKJRvceAXbVmGRYcISYGnYotFRhIVhyYemDYqMlBgGq8S0r7+suJ4WD3qPt97ljQuIMnR+FTYe94p/vsVNJ+o04Wi8V6vXYsaNx0Op3NZqFLWC6X1hoh1to/AQYA870LoB31PwEAAAAASUVORK5CYII=") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 45px;
    line-height: 42px;
    width: 228px;
}

  .login-PC .change {
    background-color: #f2f7fa;
    border-top: 1px solid #e6ecf0;
    bottom: 0;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    width: 100%;
}

     .login-PC .change a {
        margin-left: 30px;
        font-size: 12px;
        font-weight: 100;
    }



 .slide-wrap {
    background: none repeat scroll 0 0 #2684c2;
    margin-bottom: 30px;
    /*background: url("images/header-background2.png") repeat-x scroll 0 0 #2684c2;*/
}

 .wrap {
    margin: 0 auto;
    width: 960px;
    /*padding-bottom: 40px;*/
}

 .download-list {
    float: left;
    width: 600px;
}

 .dl-btn-box a {
    background: url("images/cloud-ready.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: left;
    height: 66px;
    margin-right: 17px;
    width: 120px;
}



.dl-btn-box .mobile-btn {
     background: url("images/HTML5_logo_and_wordmark.svg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
   
}
 .dl-btn-box .mobile-btn:hover {
   
}
 .dl-btn-box .client-btn {
    background-position: 0 0;
}

 .dl-btn-box .client-btn:hover {
     
}

 html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, blockquote, pre, form, input, textarea, fieldset, table, th, td, header, footer, nav, article, section {
    margin: 0;
    padding: 0;
}
.ui-content{ 
    margin: 0;
    padding: 0;

}
.login-Link{display:none;}


.validation-summary-valid {
    display: none;
}
.validation-summary-errors {
  color: #b94a48;
}


.ui-btn-blue {
            background: none repeat scroll 0 0 #0099CC !important;
            border-color: #336699 !important;
            color: #fff !important;
}
.ui-btn-blue:hover {
                background: none repeat scroll 0 0 #006699 !important;
                border-color: #336699 !important;
                color: #fff !important;
}
.ui-btn-green{
      background: none repeat scroll 0 0 #67c53c !important;
       border: 0 none;
       color: #fff !important;
}
.ui-btn-green:hover{
       background: none repeat scroll 0 0 #6b8e23 !important;
       border: 0 none;
       color: #fff !important;
}
.ui-field-contain .ui-checkbox label{width: 152px;}

/*@media (max-width: 678px) {
    .header .container{display:none;}
    .wrap clearfix{display:none;}
    .clearfix{display:none;}
    .login-PC { display:none;}
    .ui-page,.ui-header,.ui-footer{background: none repeat scroll 0 0 #2684c2;}
    .ui-header{border-style: none;}
    .ui-footer {border-style: none;}
    .footer{display:none;}
    .footer-mobile{display:block;}
    .login-Link{display:block;}
    .mobileContainer{display:block;}
    .header {height: 220px;}
    .ui-content {
        padding: 1em;
        background: none repeat scroll 0 0 #2684c2 ;
    }
    .container {height: 100%}
}*/

   #page_Link{background: none repeat scroll 0 0 #2684c2}
   #page_Link .mobileContainerLink{margin: 0 auto;position: relative; width: 100%;}
   #page_Link .mobileContainerLink .center{margin-left: auto;margin-right: auto;width:183px;}
   #page_Link .mobileContainerLink .logo {background: url("images/cloud-ready.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;margin-top: 20px;overflow: hidden; text-indent: -2000px;width:183px;height: 161px;}
   #page_Link .ui-header{background: none repeat scroll 0 0 #2684c2;border-style: none;}
   #page_Link .header{height: 240px;}
   #page_Link .ui-footer{background: none repeat scroll 0 0 #2684c2;border-style: none;}
   #page_Link .ui-content{padding: 1em;background: none repeat scroll 0 0 #2684c2 ;}
   #page_Link .container {height: 100%}
   #page_Link .footer-mobileLink{ margin:auto; padding: 25px 0; position: relative;z-index: 3;width: 100%; }
   #page_Link .footer-mobileLink .copyright {color: #cdcdcd; font-family: arial; font-weight: 200; text-shadow: 0 0 0 #eee;text-align:center;}



#page_Mobile {background: none repeat scroll 0 0 #ffffff ;}
#page_Mobile .ui-content{ padding:1em;background-color:#fff;}
#page_Mobile .header{ height:40px;}
#page_Mobile .ui-title{ color:#fff; text-shadow: 0 0 0 #eee; font-size:16px;}
#page_Mobile .ui-field-contain { border-bottom: 0 none;}
