body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,th,td,img,textarea{border:medium none;margin:0;padding:0;list-style-type:none}body,button,input,textarea{font-size:14px;color: #333;BACKGROUND-COLOR: #fff;font-family: '微软雅黑';}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}em{font-style:normal}ul,ol{list-style:none}a{text-decoration:none;color:#333}a:hover{text-decoration:none;color:#2887cf}img{border:0px}table{border-collapse:collapse;border-spacing:0;clear:both}.clr{ clear:both;}
.manual{ padding-left:320px; position: relative; height: calc(100vh); display: none;}
.manual .manual_left{ position: absolute; top:0; left: 0; background: #2B282D; width: 320px; height: 100%;}
.manual .manual_right{ background: #EAEFF3; height: 100%;}
.manual .manual_left .top{ height: 80px; background: #1789FF; text-align: center;}
.manual .manual_left .top img{ height: 40px; padding: 20px 0;}
.manual .manual_left .content{ color: #fff; padding: 50px 0 0 30px;}
.manual .manual_left .content ul li{ font-size: 20px; cursor: pointer; line-height: 60px; padding: 10px 0;}
.manual .manual_left .content ul li label{ cursor: pointer; display: block; background: url("../images/manual/tab.png") no-repeat 30px center; text-indent: 55px;}
.manual .manual_left .content ul li.download label{background-image: url("../images/manual/download.png")}
.manual .manual_left .content ul li:hover label{background-color: #323b5f; border-radius: 26px 0px 0px 26px;}
.manual .manual_left .content ul li.on label{ background: #323b5f url("../images/manual/tabOn.png") no-repeat 30px center; border-radius: 26px 0px 0px 26px; color: #1789FF;}
.manual .manual_left .content ul li.download.on label{background-image: url("../images/manual/downloadOn.png")}
.manual .manual_left .content ul.tab2{ display: none; padding: 10px 0 10px 70px;}
.manual .manual_left .content ul.tab2 li{ font-size: 16px;background: no-repeat left center; text-indent: 30px; line-height: 40px; padding: 0;}
.manual .manual_left .content ul.tab2 li:nth-child(1){ background-image: url("../images/manual/pc.png");}
.manual .manual_left .content ul.tab2 li:nth-child(2){ background-image: url("../images/manual/app.png");}
.manual .manual_left .content ul.tab2 li:nth-child(3){ background-image: url("../images/manual/weChat.png");}
.manual .manual_left .content ul.tab2 li:hover:nth-child(1), .manual .manual_left .content ul.tab2 li.on:nth-child(1){ background-image: url("../images/manual/pcOn.png"); color: #1789FF;}
.manual .manual_left .content ul.tab2 li:hover:nth-child(2), .manual .manual_left .content ul.tab2 li.on:nth-child(2){ background-image: url("../images/manual/appOn.png"); color: #1789FF;}
.manual .manual_left .content ul.tab2 li:hover:nth-child(3), .manual .manual_left .content ul.tab2 li.on:nth-child(3){ background-image: url("../images/manual/weChatOn.png"); color: #1789FF;}
.manual .manual_right .top{ background: #fff url("../images/manual/manual.png") no-repeat 50px center; height: 80px; text-indent: 85px; box-shadow: 2px 0 5px #ccc; line-height: 80px; font-size: 26px; color: #444; font-weight: bold;letter-spacing: 2px;}
.manual .manual_right .content{height: calc(100vh - 80px); overflow: auto;}
.manual .manual_right .content .con{ display: none;  margin: 20px 200px;min-height: calc(100vh - 240px); padding: 60px; background: #fff; border-radius: 10px;box-shadow: 0 0 10px #ccc;}
.manual .manual_right .content .con:nth-child(1){ display:block;}
.manual .manual_right .content .con h2{ border-left:5px solid #1789FF;letter-spacing: 2px; height: 25px;line-height: 25px; padding-left:8px; margin: 15px 0; font-size: 30px;font-weight: bold;color: #1789FF;}
.manual .manual_right .content .con h3{ background: url("../images/manual/yuan.png") no-repeat 30px center;text-indent: 55px; font-size: 22px; padding: 15px 0 15px;}
.manual .manual_right .content .con h3 a{ color: #1789FF;}
.manual .manual_right .content .con p{ line-height: 200%; font-size: 18px; padding: 10px 55px;letter-spacing: 2px;}
.manual .manual_right .content .con p img{ width: 100%;}
.manual .manual_right .content .con .manual_app{ padding: 0 55px;}
.manual .manual_right .content .con .manual_app p{padding: 10px 0;}
.manual .manual_right .content .con dl{ width: 30%; float: left; display: inline; margin-left: 5%;}
.manual .manual_right .content .con dl:nth-child(1){ margin-left: 0;}
.manual .manual_right .content .con dl dt img{ width: 100%;}
.manual .manual_right .content .con dl dd{line-height: 200%; font-size: 18px; padding: 10px 0;letter-spacing: 2px;}

.mobileManual{height: calc(100vh); width: 100%; display: none;}
.mobileManual .header{height: 90%; width: 100%; overflow-y: auto;}
.mobileManual .header .top{ height: 55%; width: 100%;background: url("../images/manual/top.png") no-repeat; background-size:100% 100%;}
.mobileManual .footer{height: 10%; width: 100%;background: url("../images/manual/foot.png") no-repeat; background-size:100% 100%;}
.mobileManual .header h2{ border-left:5px solid #1789FF;letter-spacing: 2px; height: 25px;line-height: 25px; padding-left:8px; font-size: 24px;font-weight: bold;color: #1789FF;margin-left: 10px;}
.mobileManual .header h3{ background: url("../images/manual/yuan.png") no-repeat 20px center;text-indent: 40px; font-size: 18px; margin-top:20px; bold;color: #1789FF;}
.mobileManual .header h3 a{ color: #1789FF;}
.mobileManual .header p{ line-height: 200%; font-size: 15px; padding: 10px 20px;letter-spacing: 2px;}
.mobileManual .header p img{ width: 100%;}
.mobileManual .header ul{ column-count:2; padding: 0 20px;}
.mobileManual .header dl { padding: 0 20px;}
.mobileManual .header img { width: 100%;}