*{ padding:0; margin: 0; box-sizing: border-box; font-family: Arial,'Arial'; letter-spacing: 2px; font-weight: 300;}
.clear{ clear: both;}
input:focus{outline:none;}
input::placeholder{ color:#DDD;}
a{ text-decoration: none; color:#333;}
html,body{ background: #F5F5F5; height:100%;}
table { border-collapse: collapse; border-spacing: 0; }
body.center-flex {display: flex;align-items: center;justify-content: center;height: 100vh;}
.login-box{ width:1200px; height:500px; background: #FFF; border-radius: 20px;  box-shadow: 0px 0px 25px #CCC; padding:50px;}

.sub_title{ font-size: 28px; color:#333; padding-top: 20px;}
.text1{ font-size: 46px; font-weight: 500; padding-top: 50px; }
.text2{ font-size: 16px; font-weight: 300; padding-top: 30px; line-height: 2; }
.login-form{ width:440px; position: relative;}
.logo-user{}
.bycode-tips{ height:75px; padding-top: 30px; text-align: center;}
.bycode-tips a{ background: #F9DDDD; padding: 10px 25px; border-radius: 25px; color:#000; }

.machine-show{ text-align: right; font-size: 14px; font-weight: 600; margin-bottom: 20px; color:#000;}
.machine-show a{ color:#FFF; background: #D51A19; padding:8px 15px; margin-left: 4px; font-weight: 600; border-radius: 10px;}
.top_quit{color:#FFF; background: #D51A19; padding:8px 15px; font-weight: 600; border-radius: 10px;}
.more-res{ text-align: center; color:#D51A19; padding:20px 0; }

.btn1{ width:230px; height:56px; text-align: center; background: #279BFA; border-radius: 56px; line-height: 56px; color:#FFF; display: block; float: left; margin-right: 25px;}
.btn2{ height:70px; text-align: center; background: #D51A19; border-radius: 10px; line-height: 70px; color:#FFF; display: block; font-size: 24px; margin-top: 20px; }
.btn3{ text-align: left; background: #279BFA; color:#FFF; display: block; line-height:1.6; border-radius: 10px; padding:17px 43px;}
.btn4{ background: #279BFA; color:#FFF; display: block; height:82px; line-height: 82px; text-align: center; border-radius: 10px; }

.input_s1{ width:100%; height:55px; line-height: 55px; border: solid 1px #CCC; font-size: 18px; border-radius: 10px; margin-bottom: 20px; padding:0 20px}
.hr-text{ position: relative; height:30px; line-height: 30px; color:#CCC; margin:20px 0;}
.hr-text span{ display: block; background: #FFF; height:30px; padding:0 20px; margin: 0 auto; position: absolute; z-index: 2; left:50%; margin-left: -30px;}
.hr-text hr{ position: absolute; left: 0; top:15px; width: 100%; z-index: 1; height: 1px; background: #CCC; border: none; }

.reg-tips{ font-weight: 200; padding-top: 60px; line-height: 1.6; }
.send-code{ position: absolute; right:2px; top:2px; background: #D51A19; color:#FFF; font-size:12px; text-align: left; height:51px; width:120px; border-radius: 10px; padding-top:12px; padding-left: 19px;}
.is-send{ position: absolute; right:2px; top:2px; background: #999; color:#FFF; font-size:12px; text-align: left; height:51px; width:120px; border-radius: 10px; padding-top:11px; padding-left: 10px;}

.content{ width:1200px; margin:0 auto; padding:80px 0;}
.logo{ text-align: center; padding-bottom: 80px;}
.red-btn{ background: #D51A19;}
.red-text{ color: #D51A19;}

.leftBtns{}
.leftBtns a{ display: block; width:370px; height: 80px; border-radius: 10px; background: #D51A19 ; color:#FFF; line-height:1.5; margin-bottom: 15px; padding-left: 85px; padding-top: 20px; padding-right: 30px;}
.leftBtns a:nth-child(1){ background: #D51A19 url(../images/search.png) no-repeat 23px center; background-size: 30px 30px;}
.leftBtns a:nth-child(2){ background: #D51A19 url(../images/podcast.png) no-repeat 13px center; background-size: 55px 55px;}
.leftBtns a:nth-child(3){ background: #D51A19 url(../images/add_station.png) no-repeat 23px center; background-size: 40px 40px;}
.left_link{ font-size: 19px; border-bottom: #D51A19 solid 1px; color:#D51A19;}
.left_quit{ font-size: 14px;}
.dev-root{ display: block; background: #279BFA; width:370px; margin-top: 20px; text-align: center; font-size: 30px; padding:20px 0; color: #FFF; border-radius: 10px; }

.e-simbox{ width:700px; background: #FFF; border-radius: 5px;box-shadow: 0px 0px 10px #CCC; padding:30px;}
.e-simbox td{ padding:10px;}
.e-simbox h2{ color:#D51A19; font-weight: 600;}
.e-simbox img{ }
.e-simbox p{ line-height: 1.6; padding-bottom: 15px; }
.e-simbox p i{ color:#D51A19; font-style: normal; font-weight: 600; }

.myradio-title{ width:700px; padding-top: 40px;}
.myradio-title h2{ font-size: 28px; font-weight: 600; float: left;}
.myradio-title a.addnew{ display: block; float: right; width:230px; height:36px; line-height: 36px; background: #D51A19; color:#FFF; border-radius: 10px; text-align: center;}

.my-radio{ width:700px; background: #FFF; border-bottom: solid 1px #000;  border-top: solid 1px #000;}
.my-radio dl{ display: inline-block; width:100%; border-top: solid 1px #000; padding:27px 20px; text-align: left;}
.my-radio dl dt{ display: block; width:450px; float: left;}
.my-radio dl dt b{ display: block; }
.my-radio dl dt b strong{ display: block; float: left; font-weight: 600; font-size: 24px;}
.my-radio dl dt b a{ display: block; float: left; margin-top: 2px; margin-left: 20px; font-size: 14px; font-weight: 300; padding:3px 6px; color:#D51A19; border: #D51A19 solid 1px; border-radius: 13px; }
.my-radio dl dt span{ display: block; font-size: 16px; padding-top: 15px;}
.my-radio dl dd{ display: block; width:180px; float: right; text-align: right; padding-top: 4px;}
.my-radio dl dd a{ display: block; width:180px; height:36px; text-align: center; line-height: 36px; background: #D51A19; color:#FFF; border-radius: 18px; margin:10px 0; font-size: 14px; }
.my-radio dl dd a.remove{ background:#279BFA; }

.top-nav{}
.top-nav a{ display: block; width:200px; height: 60px; float: left; border-radius: 10px; color:#FFF; line-height: 60px; margin-right: 20px; padding-left: 80px; font-size: 14px;}
.top-nav a:nth-child(1){ background: #B4B4B4 url(../images/search.png) no-repeat 23px center; background-size: 30px 30px;}
.top-nav a:nth-child(2){ background: #B4B4B4 url(../images/podcast.png) no-repeat 13px center; background-size: 55px 55px;}
.top-nav a:nth-child(3){ background: #B4B4B4 url(../images/add_station.png) no-repeat 23px center; background-size: 40px 40px;}
.top-nav a:nth-child(4){ background: #B4B4B4 url(../images/add_station.png) no-repeat 23px center; background-size: 40px 40px;}
.top-nav a:hover{ background-color:#959595 ;}
.top-nav a.on{ background-color: #D51A19;}
.top-nav span{ width:280px; float: right; font-size: 14px; padding-top: 10px; text-align: right;}
.sub-menu{ width:100%; text-align: right; padding-top: 20px;}

.search-home{ padding-bottom: 400px;}
.search-box{ margin-top: 20px; height:70px; border: solid 2px #333; border-radius:35px ; background: #F5F5F5; padding-left: 30px;}
.search-box input[type=text]{ background: #F5F5F5; width:900px; height:66px; border: 0 none; font-size: 24px; line-height: 66px;}
.search-box input[type=submit]{ background: #D51A19; color:#FFF; border-radius: 33px; width: 200px; height:66px; border: 0 none; font-size: 28px; font-weight: 600; line-height: 62px; border: solid 3px #FFF; float: right; cursor: pointer;}
.search-box input[type=submit]:hover{ background: #F20808;}
.search-box span{ font-size: 24px;}

.table-list{ margin-top: 20px;}
.table-list td{ padding: 10px; line-height: 1.6; word-wrap:break-word; word-break:break-all; }
.table-list td strong{ font-weight: 600; font-size:16px;}
.table-list tr{ background: #FFF; border: solid 1px #999;}
.table-list tr:hover{ background: #F5F5F5;}
.table-list tr td:first-child{ line-height: 1;}
.table-list tr:first-child{ background: #F5F5F5; border: 0 none; }
.table-list tr:first-child td{font-size: 16px; font-weight: 600;}
.table-list tr td .layui-icon{font-size: 24px; color:#D51A19;}
.url-link{ font-size: 14px; color:#999;}
.url-link a{color:#999;}
.new-nav{ background: #D51A19; text-align: left;}
.sub-nav{ padding-top: 20px;}
.add-form{ background: #FFF; margin-top: 20px; padding:40px 20px;}
.add-form table{ width:100%;}
.add-form td{ padding:20px 10px;}
.add-form td p{ padding-top: 10px;}
.add-form td.left{ padding-top: 30px;}

/* 修改导航条下方指示条的颜色 */
.layui-nav{ padding: 0;}
.layui-nav .layui-this:after, .layui-nav-bar { background-color: #D51A19;}
.layui-layer-prompt .layui-layer-input{ width:100%;}
.layui-form-checkbox i{ height:30px;}

/* 修改弹窗样式 */
.layui-layer{ border-radius:20px;}
.layui-layer-title{ font-size: 24px; padding-top:10px; padding-bottom: 10px; height:60px;}
.layui-layer-prompt .layui-layer-content { padding: 36px;}
.layui-layer-prompt .layui-layer-content input[type=text]{ height:50px; line-height: 50px; width:700px; font-size: 21px; padding:16px;}
.layui-layer-prompt .layui-layer-btn { padding:36px; padding-top: 0;}
.layui-layer-btn a { height:50px; line-height: 50px; padding:0 30px;}
.layui-layer-btn { padding-bottom: 20px;}
.layui-layer-dialog .layui-layer-content{ font-size: 16px;}

.fav-tips{ padding:36px; font-size: 24px; line-height: 1.8;}
.fav-tips i{ color:#F00;}

#splitPage{ text-align: center; padding: 30px 0;}
#splitPage a{ padding:5px 10px; background: #D51A19; color:#FFF; border-radius: 4px;margin: 0 5px;}

.package-list{margin-top: 20px; background: #FFF; }
.package-list tr{ background: #FFF; border: solid 1px #999;}
.package-list td{ padding: 30px; line-height: 1.6; }
.package-list td strong{ display: block; font-size: 24px; padding-bottom: 20px; font-weight: 600; }

.s-buy{ background: #D51A19; padding:10px 30px; border-radius: 20px; color:#FFF; font-size:16px; font-weight: 300; cursor: pointer;}
.s-buy:hover{ background: #D51A19; }
.recharge-list{}
.recharge-list b{ font-size:24px; font-weight: 600;}
.recharge-list strong{ color: #D51A19; padding: 10px 0; font-size: 36px; text-decoration: underline;}
.recharge-list p{ }

.return-page{ border: solid 1px #999; padding:150px 0; text-align: center; background: #FFF; margin-top:20px;}
.return-page h1{ font-size: 24px; color:#000;}
.return-page strong{ font-size: 36px; color:#F00; padding-top: 40px; display: block; font-weight: 800;}
.return-page p{ padding-top: 40px;}

.sync-box{ background: #FFF; border-top:solid 1px #000; padding:100px; margin-top: 20px;}
.sync-box .tips{ text-align: center; border: solid 1px #F0F0F0; padding:20px; border-radius: 6px; line-height: 2; width:90%; margin:0 auto;}
.sync-box table{ margin: 0 auto;}
.sync-box td{ padding:30px 10px;}

.foot-tips{ border-top: #000 solid 2px; background: #FFF; padding:20px; font-size: 12px; line-height: 1.8; margin-top: 10px;}
.foot-tips strong{ font-size: 16px; font-weight: 600;}
.foot-tips ul{ padding:5px 20px;}
.foot-tips ul li{ list-style-type: disc; padding: 4px 0;}

.foot{ padding:40px 0; background: #000; color:#FFF; font-weight:300;}
.foot table{ width:1200px; margin: 0 auto;}
.foot table td{ padding:20px 0;}
.foot table p{ font-size: 12px; color:#666; border-top: solid 1px #666; padding-top: 20px;}
.links span{ float: left; height:40px; line-height: 40px; padding-right: 10px;}
.links a{ display: block; float: left; width:40px; height: 40px; border-radius: 20px; margin-left: 10px;}
.links a.support{ background:#E31706 url(../images/support.svg) no-repeat center center; background-size:70%;}
.links a.facebook{ background:#0866FF url(../images/facebook.svg) no-repeat center center; background-size:70%;}
.links a.youtube{ background:#FD0001 url(../images/youtube.svg) no-repeat center center; background-size:70%;}
.links a.website{ background:#527EB9 url(../images/website.svg) no-repeat center center; background-size:70%;}
.links a.email{ background:#30B2E8 url(../images/email.svg) no-repeat center center; background-size:70%; float: right;}

.content-mobile{ width:100%; padding:0.5em;}
.logo-mobile{ text-align: center; padding:3em 0;}
.logo-mobile img{ width:60%;}
.mobile-country{ font-size: 16px;}
.mobile-list{ background: #FFF; margin-top: 0.5em;}
.mobile-list td{ padding:4px; line-height: 1.6;}
.mobile-list .title-show{ font-size:18px; font-weight: bold; padding-top: 1em;}
.mobile-list .price-show{ padding-top: 1em;}
.mobile-list .price-show strong{ font-size: 24px; color:#D51A19; border-bottom:#D51A19 solid 1px ;}
.mobile-list .price-show p{ padding-top: 0.5em;}
.mobile-list .line1{ border-bottom: solid 1px #DDD; padding: 0.5em;}

.mobile-buy{ background: #D51A19; color:#FFF; padding:10px 25px; border-radius: 30px;}
.foot-tips-mobile{ border-top: #000 solid 1px; background: #FFF; padding:0.5em; font-size: 12px; line-height: 1.5; margin-top: 0.5em;}
.foot-tips-mobile strong{ font-size: 14px; font-weight: 600;}
.foot-tips-mobile ul{ padding:1px 16px;}
.foot-tips-mobile ul li{ list-style-type: disc; padding: 2px 0;}
.return-page1{ padding:2em; text-align: center; background: #FFF; margin-top:0.5em;}
.return-page1 h1{ font-size: 24px; color:#000;}
.return-page1 strong{ font-size: 36px; color:#F00; padding-top: 40px; display: block; font-weight: 800;}
.return-page1 p{ padding-top: 40px;}