/* 重置&默认(reset&base)(tags) */ *[hidefocus],input,textarea,a{outline:none;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;} fieldset,img,html,body,iframe{border:0;-webkit-tap-highlight-color: rgba(255,255,255,0)} table{border-collapse:collapse;border-spacing:0;} li{list-style:none;} h1,h2,h3,h4,h5,h6{font-size:100%;} caption,th{font-weight:normal;font-style:normal;text-align:left;} em,strong{font-weight:bold;font-style:normal;} body,textarea,select,input,pre{font-family:arial,microsoft yahei,helvetica,sans-serif;font-size:14px;color:#555;} body{background:white;line-height:1.5em;-webkit-text-size-adjust:none;} a,button{cursor:pointer;} textarea{resize:none;overflow:auto;} pre{white-space:pre-wrap;} a{color:#333;text-decoration:none;} input{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-modify: read-write-plaintext-only; } button { -webkit-tap-highlight-color: rgba(255,255,255,0) } /* 布局(grids)(.g-) */ /* 页面 */ html,body{ box-sizing: border-box; font-family: 微软雅黑, sans-serif; } .title{ text-align: center; font-size: 18px; color: #2dcded; padding: 20px 0; } /*犬种*/ .dogBreed{ width:80%; margin: 0 auto; font-size: 15px; padding: 10px 10px; } .dogBreed_left{ display: inline-block; } .dogBreed_left span{ color: red; } .dogBreed_right{ border: none; border-bottom: 1px #999999 solid; display: inline-block; width: 80%; } .dogBreed_right input{ border: none; width: 93%; text-align: right; } .dogBreed_right span{ background: url("../image/arror.png") no-repeat center; background-size: cover; width: 8px; height: 12px; display: inline-block; } /*毛色*/ .dogColor{ width:80%; margin: 0 auto; font-size: 15px; padding: 10px 10px; } .dogColor_left{ display: inline-block; } .dogColor_left span{ color: red; } .dogColor_right{ border: none; border-bottom: 1px #999999 solid; display: inline-block; width: 80%; } .dogColor_right input{ border: none; width: 93%; text-align: right; } .dogColor_right span{ background: url("../image/arror.png") no-repeat center; background-size: cover; width: 8px; height: 12px; display: inline-block; } /*性别*/ .dogGender{ width:80%; margin: 0 auto; font-size: 15px; padding: 10px 10px; } .dogGender_left{ display: inline-block; } .dogGender_left span{ color: red; } .dogGender_right{ display: inline-block; font-size: 15px; } .dogGender_right .choose_select{ padding: 20px 10px; } .dogGender_right .choose_select span{ vertical-align: middle; /*display: inline-block;*/ } .dogGender_right .choose_select .info_icon{ display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url("../image/1.png") no-repeat center; background-size: 100% 100%; } .dogGender_right .choose_select span{ vertical-align: middle; } .dogGender_right .choose_select .icon.info_icon.info_icon1{ display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url("../image/2.png") no-repeat center; background-size: 100% 100%; } /*国外证书号*/ .dogCard{ width:80%; margin: 0 auto; font-size: 15px; padding: 10px 10px; } .dogCard_left{ display: inline-block; } .dogCard_left span{ color: red; } .dogCard_right{ border: none; border-bottom: 1px #999999 solid; display: inline-block; width: 64%; } .dogCard_right input{ border: none; width: 99%; text-align: right; } /*芯片号*/ .dogCode{ width:80%; margin: 0 auto; font-size: 15px; padding: 10px 10px; } .dogCode_left{ display: inline-block; } .dogCode_right{ border: none; border-bottom: 1px #999999 solid; display: inline-block; width: 64%; margin-left: 37px; } .dogCode_right input{ border: none; width: 99%; text-align: right; } /*犬名*/ .dogName{ width:80%; margin: 0 auto; font-size: 15px; padding: 10px 10px; } .dogName_left{ display: inline-block; } .dogName_left span{ color: red; } .dogName_right{ border: none; border-bottom: 1px #999999 solid; display: inline-block; width: 64%; margin-left: 44px; } .dogName_right input{ border: none; width: 99%; text-align: right; } /*出生日期*/ .dogBrith{ width:80%; margin: 0 auto; font-size: 15px; padding: 10px 10px; } .dogBrith_left{ display: inline-block; } .dogBrith_left span{ color: red; } .dogBrith_right{ border: none; border-bottom: 1px #999999 solid; display: inline-block; width: 64%; margin-left: 15px; } .dogBrith_right input{ border: none; width: 90%; text-align: right; } .dogBrith_right span{ background: url("../image/arror.png") no-repeat center; background-size: cover; width: 8px; height: 12px; display: inline-block; } /*所属机构*/ .dogXiehui{ width:80%; margin: 0 auto; font-size: 15px; padding: 10px 10px; } .dogXiehui_left{ display: inline-block; } .dogXiehui_right{ border: none; border-bottom: 1px #999999 solid; display: inline-block; width: 64%; margin-left: 23px; } .dogXiehui_right input{ border: none; width: 90%; text-align: right; } .dogXiehui_right span{ background: url("../image/arror.png") no-repeat center; background-size: cover; width: 8px; height: 12px; display: inline-block; } /*选择合作机构*/ .dogUnit{ width:80%; margin: 0 auto; font-size: 15px; padding: 10px 10px; } .dogUnit_left{ display: inline-block; } .dogUnit_left span{ color: red; } .dogUnit_right{ border: none; border-bottom: 1px #999999 solid; display: inline-block; width: 58%; } .dogUnit_right input{ border: none; width: 90%; text-align: right; } .dogUnit_right span{ background: url("../image/arror.png") no-repeat center; background-size: cover; width: 8px; height: 12px; display: inline-block; } /*合作机构*/ .dogUnit_unit{ border: none; border-bottom: 1px #999999 solid; display: inline-block; width: 58%; padding-top: 20px; margin-left: 106px; width: 58%; } .dogUnit_unit input{ border: none; width: 90%; text-align: right; } .dogUnit_unit span{ background: url("../image/arror.png") no-repeat center; background-size: cover; width: 8px; height: 12px; display: inline-block; } /*说明*/ .remindText{ width: 80%; margin: 0 auto; padding: 10px 0; padding-bottom: 70px; } .remindText span{ color: #2BCDED; border-bottom: 1px #2BCDED solid; } .bottom_btn .submit{ width: 100%; border: none; background-color: #2BCDED; color: white; text-align: center; height: 50px; line-height: 50px; position: fixed; bottom: 0; left: 0; font-size: 16px; outline: none; filter:chroma(color=#000000) }