* { margin: 0; padding: 0;}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body{background-color: #f1f1f1;font-size: 1.4rem;}
ul { list-style-type: none;}
.top { position: fixed; left: 0; right: 0; top: 0; z-index: 999; height: 50px; background-color: rgba(0, 0, 0, 0.6);}
.menu { width: 1000px; margin: 0 auto; overflow: hidden;}
.logo { float: left; margin-top: 9px;}
.logo a { display: inline-block; width: 32px; height: 32px; background-image: url(../images/logo.png); background-size: 32px 32px;}
.nav { float: right; margin-top: 10px; font-size: 0;}
.nav li { display: inline-block; margin-left: 40px;}
.nav a { display: inline-block; height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-decoration: none;}
.nav a:hover { color: #83c3f3;}
.section { text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden;}
#section0 { background-image: url(../images/1bg.jpg);}
#section1 { background-image: url(../images/2bg.jpg);}
#section2 { background-image: url(../images/3bg.jpg);}
#section3 { background-image: url(../images/4bg.jpg);}
#section4 { background-image: url(../images/section2.jpg);}
.title1 { opacity: 0.8; font-size: 60px; line-height: 93px; background: url(../images/titleline1.png) no-repeat center bottom;}
.title2 { opacity: 0.8; font-size: 40px; line-height: 75px;}
.title3 { font-size: 24px; font-family: 'PingFang-SC-UltraLight', '', ''; line-height: 48px; margin-top: 20px; opacity: 0.7;}
#section1 .title1, #section1 .title2, #section2 .title1, #section2 .title2 { color: #fff; opacity: 1;}
#section1 .title3, #section2 .title3 { color: #fff;}
#section3 .title3 { color: #000;}
#section1 .title1 { background: url(../images/titleline2.png) no-repeat center bottom;}
#section2 .title1 { background: url(../images/titleline3.png) no-repeat center bottom;}
#section3 .title1 { background: url(../images/titleline4.png) no-repeat center bottom;}
.mTxt1 { width: 526px; height: 195px; margin: 0 auto; position: relative; top: 25%; background: url(images-14/oneTxt.png) no-repeat 0 0;}
.DownloadBtn { cursor: pointer; margin: 85px auto 0; width: 220px; height: 50px; position: relative; background: #5396FF; color: #fff; line-height: 50px; font-size: 24px; border-radius: 25px;}
.DownloadBtn a { display: inline-block; width: 100%; height: 100%; color: #fff; font-family: 'PingFang-SC-UltraLight', '', '';}
.mTxt1 { width: 526px; height: 195px; margin: 0 auto; position: relative; top: 25%; background: url(images-14/oneTxt.png) no-repeat 0 0;}
.DownloadBtn { cursor: pointer; margin: 85px auto 0; width: 220px; height: 50px; position: relative; background: #5396FF; color: #fff; line-height: 50px; font-size: 24px; border-radius: 25px;}
.DownloadBtn a { display: inline-block; width: 100%; height: 100%; color: #fff; font-family: 'PingFang-SC-UltraLight', '', ''; text-decoration: none;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #fff;}
.divqiu{margin:auto;width:750px;padding-top:30px;}
#divcss5{ float:left;width:180px;height:180px;line-height:180px;background-color:#0099FF;color:#FFFFFF;border-radius:50%;text-align:center;font-size:40px;}
.title3 div:nth-child(2){margin:0 80px;}
.divxingshi{margin:auto;width:690px;padding-top:30px;}
.divxingshi li{float:left;text-align:center;}
.divxingshi li:nth-child(2){margin:0 80px;}
.divxingshi p{color:#ffffff;}
.divtjw{margin:auto;width:770px;padding-top:30px;}
.divtjw li{float:left;text-align:center;}
.divtjw li:nth-child(2){margin:0 20px;}
.divtjw li:nth-child(4){margin-left:20px;}
.divtjw img{width:177px;height:315px;}
.divduijie{margin:auto;width:630px;padding-top:30px;}
.divduijie li{float:left;text-align:center;width:180px;height:150px;padding-top:30px;background-color:#0099FF;color:#FFFFFF;border-radius:50%;}
.divduijie li:nth-child(2){margin:0 40px;}
.shuzi{font-size:50px;font-weight:bold;}
.divyx{margin:auto;width:820px;padding-top:30px;}
.divyx li{float:left;text-align:center;width:260px;}
.divyx li:nth-child(2){margin:0 20px;}

.pagefooter{width:100%;background-color: #323436;position:fixed;bottom: 0px;}
.pagefooter p{width:1000px;margin:auto;line-height: 52px;font-size:12px;color:#cecece;}
/* ui */
.ui-input { position: relative; padding: 15px 0; border-bottom: 1px solid #dfe6e5; font-size: 0; }
.ui-input input { width: 100%; height: 30px; border: 0; font-size: 14px; outline: none; }

.ui-button { height: 40px; border: 0; font-size: 14px; outline: none; cursor: pointer; }
.ui-button--primary { color: #fff; background-color: #a6aaad; }
.ui-button--success { color: #fff; background-color: #22d18e; }
/* page */
.form { width: 460px; margin: 0 auto; padding-top: 70px; }
.form .captcha { height: 30px; vertical-align: top; cursor: pointer; }
.form a { color: #7b7f81; }
.form a:hover { color: #666; }

.form-head { padding: 20px 0; text-align: center; }
.form-head h2 { font-size: 24px; font-weight: 400; }
.form-head p { margin-top: 12px; color: #7b7f81; }
.form-head p a { text-decoration: underline; }

.form-body { padding: 20px 40px; color: #222; }
.form-body .err-msg { text-align: center; color: #fc5c5c; }

.forget-password { margin-top: 10px; text-align: right; }
.form .narrow-input input { width: 290px; margin-right: 10px; }
.form .warn-msg { margin-bottom: 20px; }
.form .err-msg + .warn-msg { margin-top: 12px; }
.form .sms-button { display: inline-block; width: 80px; font-size: 14px; text-align: right; color: #22d18e; }
.form .sms-button:hover { color: #56e9b2; }
.form .form-notice { color: #22d18e; }
.form .ui-input.focus { border-bottom-color: #22d18e; }
.form .ui-button { width: 100%; margin: 40px 0; }

.container{width:1100px;margin: 70px auto 20px auto;background-color: #FFFFFF;height:600px;box-shadow: 1px 1px 3px #888888;}
.leftmenu{float:left;border-right: solid 1px #dddddd;width:200px;height:100%;}
.rightmenu{float:right;width:898px;}
.myico{text-align: center;padding-top: 20px;}
.myico img{width:100px;height:100px;border-radius:50%;}
.mymenu{text-align:center;font-size:14px;margin-top:50px;}
.mymenu a{color:#444449;text-decoration:none;}
.mymenu a:hover{color:#0000ff;text-decoration:underline;}
.mymenu li{height: 40px;}
.currentlink a{color:#21b3aa;}
.rightTitle{width:96%;margin:0 auto 20px auto;height:40px;line-height:40px;border-bottom: dashed 1px #dddddd;color:#666a79;}
.rightnr{padding-left:15px;color:#666a79;}
.rightnr textarea{width:95%;height:100px;}

/*ui-choose样式，可根据实际项目需求进行调整*/
select.ui-choose{display: none;}
ul.ui-choose { box-sizing: border-box; display: inline-block; border: 1px solid transparent; font: 100 16px/30px 'microsoft yahei'; border-right: none; border-bottom: none; font-size: 16px; margin: 0; padding: 0; list-style: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
ul.ui-choose:after { content: ""; display: table; clear: both; }
ul.ui-choose>li { box-sizing: border-box; border: 1px solid #ccc; float: left; height: 200px; line-height: 32px; margin: -1px 0 0 -1px; padding: 0 16px; cursor: pointer; position: relative; z-index: 1; min-width: 170px; text-align: center; }
ul.ui-choose>li:first-child { border-radius: 3px 0 0 3px; }
ul.ui-choose>li:last-child { border-radius: 0 3px 3px 0; }
ul.ui-choose>li:hover { z-index: 4; border-color: #0080ff; color: #0080ff; }
ul.ui-choose>li.selected { z-index: 3; border-color: #0080ff; background-color: #0080ff; color: #fff; }
ul.ui-choose>li.disabled { z-index: 2; background-color: #f2f2f2; color: #aaa; cursor: not-allowed; }
ul.ui-choose>li.disabled:hover { border-color: #aaa; }
ul.ui-choose>li.selected.disabled { z-index: 2; background-color: #8FC7FF; color: #fff; cursor: not-allowed; border-color: #8FC7FF; }
ul.choose-type-right>li.selected { color: #0080ff; background: transparent url("../images/icon-selected.png") no-repeat right bottom; }
ul.ui-choose.choose-flex { display: flex; }
ul.ui-choose.choose-flex>li { flex: 1; padding: 0 8px; }
ul.ui-choose img{width:140px;height:150px;margin-top: 5px;}

.codebutton {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 2px;
}
.codebutton2 {
    background-color: #f44336;
    border: none;
    color: white;
    padding: 2px 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 2px;
}
.butarea{padding: 40px 0;}

.biao{border-collapse:collapse;}
.biao td{padding: 10px 0 10px 10px;line-height: 28px;}
.biaoData{border-collapse:collapse;margin: 20px 0 40px 20px;font-size:12px;}
.biaoData th{line-height: 32px;background-color: #f1f1f1;font-size:1.4rem;}
.biaoData td{line-height: 32px;text-align: center;}

.m_nleft{float:left;width:72%;}
.m_nleft dt{float:left;margin-right:5px;}
.m_nleft dd{}
.m_nleft dt img{width:60px;height:60px;border-radius:10px;}
.m_nleft h3{font-size:14px;color:#5c5c5c;font-weight:normal;}
.m_nums{font-size:12px;color:#b6b6b6;line-height:20px;}
.m_text{font-size:12px;color:#9e9e9e;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.m_content{padding:5px 5px;background-color:#ffffff;margin-bottom:10px;}
.m_button {
    background-color: #008CBA; /* Green */
    border: none;
    color: white;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin-top: 15px;
    cursor: pointer;
    float:right;
    border-radius:5px;
}
.previewNr{width:100%;height:700px;background-color: #FFFFFF;}
.previewContent{margin:auto;width:338px;height:700px;background: #FFFFFF url(../images/iphone.png) no-repeat;}
.userinfo{margin:20px 0 0 60px;color:#444449;}
.userinfo li{height: 52px;}
.userinfo span{display:block;float:left;width: 120px;}

.divdate{height:22px;padding-left: 20px;}
.divdate input{width:70px;}

.fenye{text-align: center;}